/* Isolate the established resource content inside the shared V2 shell. */
:root { --site-header-height:var(--header); --purple-dark:var(--purple-deep); scroll-padding-top:calc(var(--header) + 24px); }
html { scroll-padding-top:calc(var(--header) + 24px); }
.resource-page svg:not(.icon) { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.resource-page select,.resource-page textarea { font:inherit; }
.resource-page select:focus-visible,.resource-page textarea:focus-visible { outline:3px solid #8864ff; outline-offset:3px; }
.resource-page .button>svg { width:18px; height:18px; }
.resource-page .fq-breadcrumb svg,.resource-page .bl-breadcrumb svg,.resource-page .ct-breadcrumb svg,.resource-page .ab-breadcrumb svg,.resource-page .wn-breadcrumb svg { width:13px; height:13px; }
.resource-page .fq-hero,.resource-page .bl-hero,.resource-page .ct-hero,.resource-page .ab-hero,.resource-page .wn-hero { padding-top:28px; }
.resource-page .fq-hero h1,.resource-page .bl-hero h1,.resource-page .ct-hero h1,.resource-page .ab-hero h1,.resource-page .wn-hero h1 { font-size:clamp(2.7rem,4.5vw,4rem); font-weight:650; letter-spacing:-.05em; }
.resource-page .fq-shell,.resource-page .bl-shell,.resource-page .ct-shell,.resource-page .ab-shell,.resource-page .wn-shell,.resource-page .ba-shell { width:min(1200px,calc(100% - 64px)); }
.resource-page .fq-sidebar,.resource-page .ba-sidebar { top:calc(var(--header) + 24px); }
.resource-page .fq-sidebar { max-height:calc(100dvh - var(--header) - 48px); }
.resource-page .fq-category-nav a[aria-current="location"] { background:#f0eaff; color:var(--purple); border-color:#dfd2fa; }
.resource-page .faq-item { border-bottom:1px solid var(--line); }
.resource-page .faq-item summary { display:flex; align-items:center; justify-content:space-between; gap:22px; list-style:none; cursor:pointer; color:var(--ink); font-weight:600; }
.resource-page .faq-item summary::-webkit-details-marker { display:none; }
.resource-page .faq-item summary::marker { content:""; }
.resource-page .faq-item[open] summary { color:var(--purple); }
.resource-page .faq-indicator { position:relative; display:block; width:24px; height:24px; flex:0 0 24px; border:1px solid #e2dcf4; border-radius:50%; color:var(--purple); }
.resource-page .faq-indicator:before,.resource-page .faq-indicator:after { content:""; position:absolute; top:10px; left:6px; width:10px; height:2px; background:currentColor; }
.resource-page .faq-indicator:after { transform:rotate(90deg); }
.resource-page .faq-item[open] .faq-indicator:after { display:none; }
.resource-page .faq-answer a { color:var(--purple); text-decoration:underline; text-underline-offset:3px; }
.resource-page .faq-answer p { margin-bottom:12px; }
.resource-page .faq-answer p:last-child { margin-bottom:0; }
.resource-page .fq-group,.resource-page .faq-item,.resource-page .fq-anchor-alias { scroll-margin-top:24px; }
.resource-page .bl-featured-title { font-size:clamp(1.6rem,2.4vw,2rem); }
.resource-page .bl-featured-description,.resource-page .bl-card-description { font-size:1rem; }
.resource-page .bl-card-category,.resource-page .bl-featured-badge { font-size:.75rem; }
.resource-page .bl-meta,.resource-page .ba-date { font-size:.8125rem; }
.resource-page .bl-card-title { line-height:1.4; }
.resource-page .ba-toc nav { max-height:calc(100dvh - var(--header) - 150px); }
.resource-page .ba-prose { overflow-wrap:anywhere; }
.resource-page .ct-email-option { margin-top:12px; font-size:.9375rem; }
.resource-page .ct-email-option a { color:var(--purple); text-decoration:underline; text-underline-offset:4px; }
.resource-page .ct-message { border-color:#ddd3ef; box-shadow:0 12px 45px -32px #38264755; }
.resource-page .ct-option p,.resource-page .ct-intro { font-size:1rem; }
.resource-page .ct-privacy { font-size:.875rem; line-height:1.7; }
.resource-page .ab-description,.resource-page .ab-story-copy p,.resource-page .ab-principles p { font-size:1.0625rem; line-height:1.85; }
.resource-page .wn-card-copy p,.resource-page .wn-release-copy p { font-size:1.0625rem; line-height:1.85; }
.res-help { padding:55px 0 70px; }
.res-help-panel { display:flex; align-items:center; justify-content:space-between; gap:45px; border:1px solid #ded2f0; background:#f6f2fc; border-radius:22px; padding:40px; }
.res-help-panel h2 { font-size:2.4rem; }
.res-help-panel p:not(.eyebrow) { margin-top:20px; max-width:540px; font-size:1.0625rem; line-height:1.8; }
.res-help-panel .actions { flex-shrink:0; }
@media(max-width:850px) { .res-help-panel { align-items:start; flex-direction:column; gap:26px; } .resource-page .fq-sidebar { top:auto; max-height:none; } }
@media(max-width:600px) { .resource-page .fq-shell,.resource-page .bl-shell,.resource-page .ct-shell,.resource-page .ab-shell,.resource-page .wn-shell,.resource-page .ba-shell { width:calc(100% - 36px); } .resource-page .fq-hero h1,.resource-page .bl-hero h1,.resource-page .ct-hero h1,.resource-page .ab-hero h1,.resource-page .wn-hero h1 { font-size:clamp(2.5rem,10vw,3.25rem); } .resource-page .ba-hero h1 { font-size:2.125rem; } .resource-page .bl-card-title { font-size:1.3rem; } .resource-page .ba-related .bl-card-title { font-size:1rem; } .resource-page .bl-meta,.resource-page .ba-date { font-size:.75rem; } .resource-page .ba-byline { font-size:.875rem; } .resource-page .fq-group-heading p { font-size:.875rem; } .res-help { padding-block:35px 50px; } .res-help-panel { padding:27px; border-radius:16px; } .res-help-panel h2 { font-size:2rem; } .res-help-panel .actions { flex-wrap:wrap; } .resource-page .wn-card-copy p { font-size:1rem; } .resource-page .ab-description,.resource-page .ab-story-copy p,.resource-page .ab-principles p { font-size:1rem; } }