.area-hero{padding-block:70px 48px;border-bottom:1px solid var(--line)}.area-hero h1{font-size:clamp(42px,6.5vw,78px);line-height:1.03;letter-spacing:-2.7px;max-width:920px}.area-hero .lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:720px;margin-top:24px}
.area-intro{display:grid;gap:16px;max-width:860px;color:var(--muted);font-size:16px;line-height:1.75}.area-caveat{max-width:850px;margin-top:20px;color:var(--muted);font-size:13px;line-height:1.6}
.area-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:24px;color:var(--muted);font-size:13px}.area-breadcrumb a{color:var(--accent)}.area-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}.area-breadcrumb span[aria-hidden]{color:var(--line)}
.learning-goals{max-width:900px;margin-top:24px;padding:24px 26px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.learning-goals h2{font-size:21px;line-height:1.25;margin-bottom:14px}.learning-goals ol{margin:0;padding-left:22px;display:grid;gap:9px;color:var(--muted);font-size:15px;line-height:1.6}.learning-goals li::marker{color:var(--accent);font-weight:700}
.topic-kicker{display:inline-block;margin-bottom:10px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}.area-resource small{color:var(--muted);font-size:12px;line-height:1.5}
.area-reveal{opacity:0;transform:translateY(20px);transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1)}.area-reveal.in{opacity:1;transform:none}.area-stagger>*{opacity:0;transform:translateY(14px) scale(.985);transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1)}.area-stagger.in>*{opacity:1;transform:none}.area-stagger.in>*:nth-child(2){transition-delay:.1s}.area-stagger.in>*:nth-child(3){transition-delay:.2s}.area-stagger.in>*:nth-child(4){transition-delay:.3s}.area-stagger.in>*:nth-child(5){transition-delay:.4s}
.area-content{padding-block:48px 80px;min-height:300px}.area-content .section-head{margin-bottom:22px}.area-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.area-resource{display:flex;flex-direction:column;gap:13px;min-height:215px;padding:27px;border-radius:16px;background:var(--panel);border:1px solid var(--line);transition:background .2s,border-color .2s}.area-resource:hover{background:var(--panel2);border-color:var(--accent)}.area-resource h3{font-size:22px;line-height:1.2}.area-resource p{font-size:14px;line-height:1.65;color:var(--muted)}.area-resource .open-label{color:var(--accent);font-size:13px;font-weight:700;margin-top:auto}.empty-state{padding:32px;border:1px dashed var(--line);border-radius:14px;background:var(--panel);color:var(--muted);line-height:1.65}
@media(max-width:700px){.area-hero{padding-block:44px 35px}.area-hero h1{font-size:42px;letter-spacing:-1.8px}.area-hero .lead{font-size:16px}.area-content{padding-block:36px 52px}.area-resources{grid-template-columns:1fr}.area-resource{min-height:0}.learning-goals{padding:20px}}
@media(prefers-reduced-motion:reduce){.area-resource,.area-reveal,.area-stagger>*{transition:none;opacity:1;transform:none}}