/* Shared wrapping rules: preserve copy and card shapes, allow content to grow. */
html body main :is(h1,h2,h3,h4){overflow-wrap:anywhere;hyphens:auto;min-width:0}
html body main :is(p,li){overflow-wrap:break-word}
html body main :is(.grid,.flex,.fc-tool-header,.fc-tool-body)>*{min-width:0}
html body main h1[data-arag-heading]{line-height:1.08;letter-spacing:-.045em}
html body main :is(h2,h3)[class*="leading-[0."]{line-height:1.14;letter-spacing:-.035em}
html body main .fc-tool-title{max-width:100%;line-height:1.12;letter-spacing:-.04em;font-weight:700;overflow-wrap:anywhere;hyphens:auto}
html body main [data-fc-cards][data-fc-count] > [data-fc-card="surface"] :is(h2,h3,h4){overflow-wrap:anywhere;hyphens:auto;line-height:1.25!important;letter-spacing:-.025em!important}
html body main [data-fc-cards][data-fc-count] > [data-fc-card="surface"] :is(div,span)[class*="text-[#1d1d1f]"]{color:var(--fc-card-ink)!important}
html body main [data-fc-cards][data-fc-count] > [data-fc-card="surface"] :is(div,span)[class*="text-[#6e6e73]"],
html body main [data-fc-cards][data-fc-count] > [data-fc-card="surface"] :is(div,span)[class*="text-[#86868b]"]{color:var(--fc-card-muted)!important}
/* Selected choices used a pale background but inherited white text. */
html body :is(.choice-button.is-selected,.choice-selected,.option-selected){background:#eaf2ff!important;color:#16488e!important;border-color:#3973d4!important}
html body :is(.choice-button.is-selected,.choice-selected,.option-selected) :is(div,p,span){color:inherit!important}
html[data-theme=dark] body :is(.choice-button.is-selected,.choice-selected,.option-selected){background:#203754!important;color:#f3f7ff!important;border-color:#91baff!important}
/* White titles need a stable dark backing even when the photo is bright or still loading. */
html body main .bento-flip-item:has(>img){background-color:#202228!important;isolation:isolate}
html body main .bento-flip-item:has(>img)::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.2) 48%,rgba(0,0,0,.42))}
@media(max-width:640px){
 html body main h2.headline-balance{font-size:clamp(1.75rem,7.2vw,2.5rem);line-height:1.16;letter-spacing:-.03em}
 html body main .fc-tool-title{font-size:clamp(1.75rem,7.2vw,2.4rem)}
 html body main .bento-card-title{max-width:100%;line-height:1.18}
 html body main :is(.fc-hero-copy,.fc-hero-topics) [class*="uppercase"]{white-space:normal;overflow-wrap:anywhere;line-height:1.55}
}

/* Inset panels use the local card palette, including inverse cards in dark mode. */
html body main [data-fc-cards][data-fc-count] > [data-fc-card="surface"] .fc-card-inset {
 background:color-mix(in srgb,var(--fc-card-ink) 6%,transparent)!important;
 color:var(--fc-card-ink)!important;border:1px solid var(--fc-card-line)!important;
 padding:20px!important;border-radius:20px!important;box-shadow:inset 0 1px 0 var(--fc-card-edge)!important;
}
html body main [data-fc-cards][data-fc-count] > [data-fc-card="surface"] .fc-card-inset :is(p,div,span){color:var(--fc-card-ink)!important}
html body main [data-fc-cards][data-fc-count] > [data-fc-card="surface"] .fc-card-inset [class*="uppercase"]{color:var(--fc-card-muted)!important;line-height:1.5}