:root{--resource-ink:#111b2b;--resource-paper:#f4f1ea;--resource-white:#fff;--resource-muted:#5a6573;--resource-line:#d8d3c9;--resource-accent:#1f6b5d;--resource-accent-soft:#dcebe6;--resource-shadow:0 24px 70px rgba(17,27,43,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--resource-paper);color:var(--resource-ink);font:17px/1.72 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-rendering:optimizeLegibility}
a{color:inherit;text-underline-offset:4px}
.skip-link{position:fixed;z-index:50;top:12px;left:12px;padding:10px 14px;background:var(--resource-ink);color:#fff;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.resource-nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1180px;margin:auto;padding:22px 28px;border-bottom:1px solid rgba(255,255,255,.22);color:#fff}
.resource-nav>a{font-size:.86rem;font-weight:900;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.resource-nav nav{display:flex;gap:22px;font-size:.82rem;font-weight:750}
.resource-nav nav a{text-decoration:none}
.resource-hero{position:relative;min-height:570px;margin-top:-78px;display:grid;align-items:end;overflow:hidden;background:var(--resource-ink)}
.resource-hero picture,.resource-hero picture:after{position:absolute;inset:0}
.resource-hero picture:after{content:"";display:block;background:linear-gradient(90deg,rgba(8,13,22,.94) 0%,rgba(8,13,22,.78) 48%,rgba(8,13,22,.2) 100%),linear-gradient(0deg,rgba(8,13,22,.72),transparent 56%)}
.resource-hero img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.03)}
.resource-hero-copy{position:relative;z-index:2;width:min(900px,calc(100% - 48px));margin:0 auto;padding:150px 0 74px;color:#fff}
.resource-kicker{margin:0 0 18px;color:#d6e8e3;font-size:.74rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.resource-hero h1{max-width:16ch;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,8vw,6.9rem);font-weight:500;line-height:.96;letter-spacing:-.045em}
.resource-dek{max-width:760px;margin:26px 0 0;color:#e9edf1;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.55}
.resource-meta{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:30px;color:#c6ced8;font-size:.78rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.resource-shell{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:80px 0 96px}
.resource-intro{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:clamp(34px,7vw,100px);padding-bottom:72px;border-bottom:1px solid var(--resource-line)}
.resource-intro>p:first-child{margin:0;color:var(--resource-accent);font-size:.76rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.resource-intro-copy p{margin:0 0 1.25rem;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.25rem,2.2vw,1.62rem);line-height:1.55}
.resource-section{display:grid;grid-template-columns:minmax(210px,.55fr) minmax(0,1.45fr);gap:clamp(34px,7vw,100px);padding:68px 0;border-bottom:1px solid var(--resource-line)}
.resource-section h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,3.35rem);font-weight:500;line-height:1.05;letter-spacing:-.035em}
.resource-section p{margin:0;color:#354252;font-size:1.05rem}
.resource-number{display:block;margin-bottom:18px;color:var(--resource-accent);font:900 .72rem/1 system-ui,sans-serif;letter-spacing:.14em}
.resource-tools{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:74px 0}
.resource-card{padding:clamp(28px,4vw,46px);background:var(--resource-white);border:1px solid var(--resource-line);box-shadow:var(--resource-shadow)}
.resource-card small{color:var(--resource-accent);font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.resource-card h2{margin:.7rem 0 1.2rem;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:500;line-height:1.08}
.resource-list{margin:0;padding:0;list-style:none;counter-reset:item}
.resource-list li{position:relative;margin:0;padding:15px 0 15px 42px;border-top:1px solid #e5e1d9;color:#33404f;counter-increment:item}
.resource-list li:before{content:counter(item,decimal-leading-zero);position:absolute;left:0;color:var(--resource-accent);font-size:.72rem;font-weight:900;letter-spacing:.08em}
.resource-qa{padding:72px 0}
.resource-qa>p{margin:0 0 12px;color:var(--resource-accent);font-size:.74rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.resource-qa>h2{max-width:18ch;margin:0 0 36px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,5vw,4.4rem);font-weight:500;line-height:1;letter-spacing:-.04em}
.resource-qa details{padding:24px 0;border-top:1px solid var(--resource-line)}
.resource-qa details:last-of-type{border-bottom:1px solid var(--resource-line)}
.resource-qa summary{cursor:pointer;font-size:1.08rem;font-weight:850}
.resource-qa details p{max-width:780px;margin:16px 0 0;color:#42505f}
.resource-close{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:40px;align-items:end;margin-top:24px;padding:clamp(36px,6vw,70px);background:var(--resource-ink);color:#fff}
.resource-close h2{max-width:16ch;margin:0 0 20px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,5vw,4.2rem);font-weight:500;line-height:1;letter-spacing:-.04em}
.resource-close p{margin:0;color:#d5dbe3}
.resource-close nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:.88rem;font-weight:800}
.resource-close nav a{color:#fff}
.resource-disclaimer{max-width:860px;margin:34px auto 0;color:var(--resource-muted);font-size:.86rem;text-align:center}
.resource-footer{display:flex;justify-content:space-between;gap:30px;max-width:1180px;margin:auto;padding:30px 28px;border-top:1px solid var(--resource-line);color:var(--resource-muted);font-size:.82rem}
.resource-footer nav{display:flex;flex-wrap:wrap;gap:16px}
@media(max-width:760px){.resource-nav{align-items:flex-start}.resource-nav nav{display:none}.resource-hero{min-height:540px}.resource-hero-copy{padding-top:130px}.resource-intro,.resource-section,.resource-close{grid-template-columns:1fr}.resource-tools{grid-template-columns:1fr}.resource-section{gap:24px}.resource-shell{width:min(100% - 32px,1120px);padding-top:58px}.resource-footer{flex-direction:column}.resource-hero h1{font-size:clamp(3rem,16vw,5.2rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
