.app .ap-pill,.app .ap-win,.app .ap-set{font-family:"Inter Rubil",var(--f-ui)}
/* Languages, October 5, 2026. Chips use the Glow sun tint; text is ink on it. */
.lang.sec{padding-block:clamp(2.5rem,8vh,5.5rem)}
.lang-list{list-style:none;margin:1.75rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.625rem}
.lang-list li{background:var(--glow-sun);color:var(--ink);font-weight:600;font-size:1.0625rem;line-height:1;padding:.75rem 1.125rem;border-radius:999px}
.lang-list li.lang-more{background:var(--bg2);color:var(--ink-body)}

/* Section-order copy rewrite, 2026-10-07 */
.fc-intro{padding-top:1.25rem}
.fc-intro p{margin-top:.75rem;font-size:clamp(1.0625rem,.5vw + 1rem,1.25rem);line-height:1.5;color:var(--ink-body);max-width:40rem}
.fc-intro.fc-close{padding-top:1.5rem}
.fc-intro.fc-close p{margin-top:.25rem}
.fc-body{max-width:none;font-size:1.0625rem;font-weight:500;line-height:1.4}
.tc-head.fc-sm{font-size:clamp(1.5rem,min(2.1vw,4vh),1.875rem);line-height:1.15}
.zf-text.solo{max-width:44rem}
.zf-text .zf-list{margin:1.125rem 0 0;padding:0;list-style:none;display:grid;gap:.5rem;font-size:clamp(1.0625rem,.4vw + 1rem,1.1875rem);line-height:1.45;color:var(--ink-body);max-width:32rem}
.zf-text .zf-h3{margin-top:1.5rem;font-size:1.25rem;line-height:1.2;color:var(--ink)}
.zf-text .zf-h3 + p{margin-top:.375rem}
.night-lede{margin-top:1.5rem;color:#fff;font-size:1.125rem;font-weight:500}

/* What helps, 2026-10-07 (direction C). Round 2: a lilac ground for this one section, the rows on a
   white card (the FAQ recipe), and the left side stays put while the rows scroll, like the FAQ.
   No motion. Rows stack by the card's own width, so large text sizes stack too.
   Kicker, lede and link go one step darker here so they keep 4.5:1 on the tint. */
.ft.sec{background:color-mix(in srgb,var(--glow-lilac) 70%,#fff)}
.ft-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(2rem,5vw,5rem);align-items:start}
@media (min-width:52rem){.ft-side{position:sticky;top:6rem}}
@media (max-width:52rem){.ft-grid{grid-template-columns:minmax(0,1fr)}}
.ft .kick,.ft .lede{color:var(--ink-body)}
.ft-side .lede{margin-top:1rem}
.ft-main{container-type:inline-size;min-width:0}
.ft-list{list-style:none;margin:0;padding:.375rem 0;background:#fff;border-radius:var(--r-tile);box-shadow:0 0 0 1px rgba(0,0,0,.05),0 30px 60px -40px rgba(0,0,0,.25)}
.ft-row{display:grid;grid-template-columns:minmax(0,10.5rem) minmax(0,1fr);gap:.375rem 2rem;padding:1.25rem 1.75rem}
.ft-row + .ft-row{box-shadow:inset 0 1px 0 #EDEDF0}
@container (max-width:32rem){.ft-row{grid-template-columns:minmax(0,1fr);padding-inline:1.25rem}}
.ft-row h3{margin:0;font-size:1.125rem;line-height:1.4;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.ft-row p{margin:0;font-size:1.0625rem;line-height:1.5;color:var(--ink-body);max-width:34rem}
.ft-close{margin-top:2rem;font-size:clamp(1.25rem,.6vw + 1rem,1.5rem);line-height:1.3;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.ft-note{margin-top:2rem;font-size:1.0625rem;line-height:1.5;color:var(--ink-body);max-width:40rem}
.ft-note a{color:var(--act-hi)}
.ft-more{margin-top:.75rem;font-size:.9375rem}
.ft-more a{color:var(--act-hi)}