html { scroll-padding-top: 6rem; }
body { margin: 0; font-family: Inter, sans-serif; }
h1,h2,h3 { font-family: 'Space Grotesk', sans-serif; }
.pdf-page { --pdf-ink:#252d32; --pdf-muted:#536066; --pdf-green:#08725f; color:var(--pdf-ink); font-size:1rem; line-height:1.75; }
.pdf-page *, .pdf-page *::before, .pdf-page *::after { box-sizing:border-box; }
.pdf-page p { margin:0 0 1.5rem; }
.pdf-page h1,.pdf-page h2,.pdf-page h3 { line-height:1.12; letter-spacing:-.045em; font-weight:600; }
.pdf-page h2 { font-size:clamp(2rem,4.3vw,3.5rem); margin:0 0 1.5rem; }
.pdf-page h3 { font-size:1.4rem; margin:0 0 .75rem; letter-spacing:-.025em; }
.pdf-wrap { max-width:1240px; width:calc(100% - 4rem); margin-inline:auto; }
.pdf-hero { display:grid; grid-template-columns:1.1fr .8fr; gap:clamp(2rem,7vw,7rem); align-items:center; padding-block:clamp(3rem,7vw,7rem); }
.pdf-page .pdf-eyebrow { font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; font-weight:700; color:var(--pdf-green); margin-bottom:1.25rem; }
.pdf-page h1 { font-size:clamp(2.9rem,5.5vw,5.2rem); margin:0 0 2rem; }
.pdf-page h1 span { color:var(--pdf-green); }
.pdf-lead { font-size:1.15rem; max-width:36rem; color:var(--pdf-muted); }
.pdf-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1.25rem 1.75rem; margin-block:2rem; }
.pdf-button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:.85rem 1.35rem; background:var(--pdf-green); color:#f8f9fa; font-weight:600; text-decoration:none; border:1px solid var(--pdf-green); border-radius:4px; line-height:1.5; }
.pdf-button:hover { background:#075e50; }
.pdf-page a:focus-visible, .pdf-skip:focus-visible { outline:3px solid #08725f; outline-offset:5px; }
.pdf-text-link { font-weight:600; text-decoration:underline; text-underline-offset:5px; }
.pdf-supporting { font-size:.9rem; max-width:30rem; color:var(--pdf-muted); }
.pdf-diagram { padding:clamp(1.25rem,3vw,2.5rem); background:#e5eeeb; border:1px solid #cbdcd5; }
.pdf-diagram-label { font-size:.8rem; font-weight:600; color:#466258; }
.pdf-diagram span { display:block; font-size:.7rem; font-weight:700; letter-spacing:.1em; margin-bottom:.75rem; }
.pdf-diagram h2 { font-size:1.5rem; line-height:1.2; letter-spacing:-.03em; margin-bottom:.7rem; }
.pdf-diagram p { font-size:.92rem; line-height:1.65; margin-bottom:0; }
.pdf-page .pdf-diagram-label { margin-bottom:1.5rem; }
.pdf-sheet { padding:1.5rem; background:#fbfcfa; border:1px solid #c2cec8; max-width:300px; margin-inline:auto; }
.pdf-lines { display:grid; gap:8px; margin-top:1rem; }
.pdf-lines i { display:block; height:4px; background:#e0e6e2; }
.pdf-lines i:last-child { width:60%; }
.pdf-diagram-arrow { text-align:center; font-size:1.25rem; color:#668577; line-height:1.5; }
.pdf-mobile { max-width:300px; padding:1.4rem; margin:auto; background:#24584e; color:#edf6f1; }
.pdf-return { text-align:center; }
.pdf-return strong { font-size:1.2rem; }
.pdf-return span { margin-bottom:.25rem; }
.pdf-band { background:#e7e9e9; }
.pdf-band-inner { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; padding-block:1.75rem; }
.pdf-band-inner p { margin:0; }
.pdf-band a { font-weight:600; text-decoration:underline; text-underline-offset:4px; }
.pdf-section { padding-block:clamp(3.5rem,7vw,6.5rem); }
.pdf-section-heading { max-width:46rem; margin-bottom:2.5rem; }
.pdf-section-heading > p:last-child { max-width:40rem; color:var(--pdf-muted); }
#watch { max-width:1060px; }
.pdf-process { background:#ecefef; }
.pdf-steps { list-style:none; padding:0; margin:2.5rem 0 0; max-width:1000px; }
.pdf-steps li { display:grid; grid-template-columns:4rem 1fr; gap:2rem; padding-block:2rem; border-top:1px solid #cbd1d0; }
.pdf-steps li > span { font-family:'Space Grotesk',sans-serif; font-size:1.5rem; color:var(--pdf-green); }
.pdf-steps p { max-width:45rem; margin:0; color:var(--pdf-muted); }
.pdf-split { display:grid; grid-template-columns:1fr 1fr; gap:5rem; }
.pdf-split > div > p:not(.pdf-eyebrow) { color:var(--pdf-muted); }
.pdf-features { list-style:none; margin:0; padding:0; }
.pdf-features li { padding-block:1.5rem; border-bottom:1px solid #cbd1d0; }
.pdf-features li:first-child { padding-top:0; }
.pdf-features p { color:var(--pdf-muted); margin:0; }
.pdf-more { background:#e7eeee; }
.pdf-video-pair { display:grid; grid-template-columns:1fr 1fr; gap:2rem; }
.pdf-video-pair section { min-width:0; }
.pdf-faq { max-width:1000px; }
.pdf-faq details { border-top:1px solid #cbd1d0; padding-block:1.5rem; }
.pdf-faq details:last-child { border-bottom:1px solid #cbd1d0; }
.pdf-faq summary { font-size:1.15rem; line-height:1.5; font-weight:600; cursor:pointer; padding-right:1rem; }
.pdf-faq summary:focus-visible { outline:3px solid var(--pdf-green); outline-offset:5px; }
.pdf-faq details p { margin:1rem 0 0; color:var(--pdf-muted); max-width:50rem; }
.pdf-faq details p a { text-decoration:underline; text-underline-offset:4px; }
.pdf-cta { background:#263e38; color:#eff6f2; padding-block:clamp(3.5rem,7vw,6.5rem); }
.pdf-cta .pdf-eyebrow { color:#a1d9c4; }
.pdf-cta p { max-width:40rem; }
.pdf-cta .pdf-button { background:#c6e5d5; border-color:#c6e5d5; color:#163c31; }
.pdf-cta .pdf-button:hover { background:#e2f1e8; }
.pdf-cta .pdf-button-secondary { background:transparent; color:#eff6f2; border-color:#78998b; }
.pdf-cta .pdf-button-secondary:hover { background:#35534a; }
.pdf-cta-links a { text-decoration:underline; text-underline-offset:4px; }
.pdf-skip { position:absolute; top:-100px; left:1rem; z-index:100; padding:.75rem 1rem; background:#f8f9fa; color:#163c31; }
.pdf-skip:focus { top:1rem; }
@media(max-width:900px) { .pdf-hero { grid-template-columns:1fr; } .pdf-diagram { max-width:560px; width:100%; } .pdf-split { grid-template-columns:1fr; gap:2.5rem; } }
@media(max-width:600px) { .pdf-wrap { width:calc(100% - 2.5rem); } .pdf-page h1 { font-size:clamp(2.5rem,10.8vw,3.7rem); } .pdf-band-inner { align-items:flex-start; flex-direction:column; } .pdf-video-pair { grid-template-columns:1fr; gap:2.5rem; } .pdf-steps li { grid-template-columns:2rem 1fr; gap:1rem; } .pdf-hero { padding-top:2.5rem; } .pdf-actions { align-items:flex-start; flex-direction:column; } .pdf-page .pdf-diagram-label { font-size:.8rem; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
