/* Clip offstage animation, not the active case text or source evidence. */
[data-bean-bag-case] .case-approach,[data-boiler-case] .case-approach,[data-bbq-case] .case-approach{overflow-x:clip}
[data-bean-bag-case] .sn-h1-lead,[data-boiler-case] .sn-h1-lead,[data-bbq-case] .sn-h1-lead{display:flex;flex-wrap:wrap;gap:0 .2em}
/* Widths locked before a font/viewport change must not overlap actual glyphs. */
[data-bean-bag-case] .sn-h1-lead .scramble,[data-boiler-case] .sn-h1-lead .scramble,[data-bbq-case] .sn-h1-lead .scramble{width:auto!important}
[data-bean-bag-case] #cta .uf-row-2,[data-boiler-case] #cta .uf-row-2,[data-bbq-case] #cta .uf-row-2{grid-template-columns:minmax(0,1fr)}
[data-bbq-case] .bbq-currency-note{font:400 var(--fs-sm)/var(--lh-body) var(--font-body);color:var(--fg-2);max-width:72ch;text-wrap:balance;margin-bottom:var(--sp-5)}
[data-bbq-case] .case-results:has(.bbq-currency-note) .cr-head{margin-bottom:var(--sp-4)}
[data-bbq-case] .case-shot-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
html body [data-bean-bag-case] .uf-form .uf-ch-tab.is-active,html body [data-boiler-case] .uf-form .uf-ch-tab.is-active,html body [data-bbq-case] .uf-form .uf-ch-tab.is-active{color:var(--accent)}
@media(hover:none){
  html body [data-bean-bag-case] .uf-form .uf-tpill:not(.is-on):hover,html body [data-boiler-case] .uf-form .uf-tpill:not(.is-on):hover,html body [data-bbq-case] .uf-form .uf-tpill:not(.is-on):hover{border-color:var(--line);background:transparent;color:var(--fg-2)}
}
/* English niche text can retain a desktop scramble width at tablet sizes. */
@media(max-width:1100px){
  [data-boiler-case] .ch2-title .skew,[data-boiler-case] .ch2-title .scramble,
  [data-bbq-case] .ch2-title .skew,[data-bbq-case] .ch2-title .scramble{
    width:auto!important;max-width:100%;white-space:normal!important;
  }
  /* Scramble's inline minimum survives resizing; allow localized text to wrap. */
  [data-bbq-case] .ch2-title .scramble{min-width:0!important}
  [data-boiler-case] h2 .scramble,[data-bbq-case] h2 .scramble{
    width:auto!important;height:auto!important;max-width:100%;white-space:normal!important;
  }
  [data-boiler-case] h2{text-wrap:balance}
  [data-bbq-case] h2{text-wrap:balance}
}
@media(max-width:900px){
  [data-bean-bag-case] .ch2-title .scramble,[data-boiler-case] .ch2-title .scramble,[data-bbq-case] .ch2-title .scramble{
    width:auto!important;height:auto!important;max-width:100%;white-space:normal!important;
  }
}
@media(max-width:600px){
  [data-bbq-case] .case-shot-zoom{opacity:1;z-index:2}
  [data-bbq-case] .case-shot-fig figcaption,[data-bbq-case] .cr-f-l{text-wrap:balance}
  [data-bbq-case] .case-shot-fig figcaption{margin-bottom:var(--sp-4)}
  [data-bbq-case] .cr-f-l{font-size:var(--fs-lg)}
  [data-bbq-case] .uf-ch-tabs{display:grid;grid-template-columns:minmax(0,1fr)}
  [data-bbq-case] .uf-ch-tab{min-height:44px}
  [data-bean-bag-case] .ch2-metric:first-child .ch2-m-value,[data-boiler-case] .ch2-metric:first-child .ch2-m-value,[data-bbq-case] .ch2-metric:first-child .ch2-m-value{font-size:var(--fs-xl)}
  /* Scramble records desktop word widths; let headings reflow after resizing. */
  [data-bean-bag-case] h2 .scramble,[data-boiler-case] h2 .scramble,[data-bbq-case] h2 .scramble{
    width:auto!important;
    max-width:100%;
    height:auto!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
}