:root{color-scheme:light dark;--brand:#0b6b5c;--ink:#16342e;--muted:#526c64;--bg:#fff;--surface:#f3f8f5;--line:#d8e5de;--accent:#d5eee5;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.65;font-size:17px}a{color:var(--brand);text-underline-offset:4px}a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--brand);outline-offset:4px}.site-header,main,footer{max-width:1120px;margin:auto;padding-left:32px;padding-right:32px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:750;font-size:20px;color:var(--ink)}nav a,footer>a{display:inline-flex;min-height:48px;align-items:center}header nav{display:flex;gap:24px}.hero{padding:64px 0 40px}.kicker{font-size:12px;letter-spacing:1.4px;font-weight:750;color:var(--brand)}h1{font-size:clamp(34px,5vw,56px);letter-spacing:-1.8px;line-height:1.15;margin:16px 0 24px}h2{font-size:30px;line-height:1.3;letter-spacing:-.6px;margin:8px 0 24px}h3{font-size:20px;line-height:1.4;margin:0 0 10px}p{margin:0 0 16px}.lede{font-size:20px;max-width:660px;color:var(--muted)}.version{font-size:13px;color:var(--muted);margin-top:20px}.paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}.paths a{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;gap:12px;font-weight:650;text-decoration:none}.paths span{font-size:12px;color:var(--muted)}.guide-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:64px}.toc{position:sticky;top:24px;padding-top:24px}.toc strong{display:block;font-size:12px;letter-spacing:1px;color:var(--muted);margin-bottom:12px}.toc a{display:flex;border-left:2px solid var(--line);padding:8px 16px;text-decoration:none;font-size:14px}.toc a:hover{border-color:var(--brand);background:var(--surface)}.chapter{padding:32px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.steps{list-style:none;counter-reset:step;padding:0;margin:0}.steps li{counter-increment:step;position:relative;padding:0 0 20px 50px;margin:0 0 20px}.steps li:last-child{padding-bottom:0;margin-bottom:0}.steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;background:var(--accent);color:var(--brand);width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:12px;font-weight:750}.steps p{color:var(--muted);margin:0}.report-example{margin:28px 0;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:grid;grid-template-columns:1fr 200px;gap:24px;align-items:center}.report-example p{font-size:15px;color:var(--muted)}.report-example img{display:block;width:100%;height:auto;border:1px solid var(--line);box-shadow:0 5px 16px #16342e12}.text-link{min-height:48px;display:inline-flex;align-items:center}details{border-top:1px solid var(--line);padding:10px 0}summary{cursor:pointer;min-height:48px;padding:12px 0;font-weight:650;line-height:1.5}details p{color:var(--muted);padding:4px 0 14px}.help{background:var(--surface);border-radius:12px;padding:24px;margin-top:32px}.button{display:inline-flex;min-height:48px;background:var(--brand);color:var(--bg);padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:650}.mobile-toc{display:none}footer{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap;padding-top:40px;padding-bottom:40px;font-size:13px;color:var(--muted)}footer nav{display:flex;gap:24px;flex-wrap:wrap}.skip-link{position:absolute;left:20px;top:-100px;background:var(--bg);padding:14px;z-index:20}.skip-link:focus{top:8px}
@media(max-width:720px){.site-header,main,footer{padding-left:20px;padding-right:20px}.site-header{gap:10px}.site-header nav{gap:14px;font-size:14px}.brand{font-size:16px;gap:8px}.brand img{width:32px;height:32px}.hero{padding:36px 0 24px}h1{letter-spacing:-1px}h2{font-size:26px}.lede{font-size:18px}.paths{grid-template-columns:1fr;gap:8px}.paths a{padding:10px 16px;min-height:52px}.guide-layout{display:block}.toc{display:none}.mobile-toc{display:grid;gap:8px;padding:16px 0 20px;border-bottom:1px solid var(--line)}.mobile-toc label{font-size:14px;font-weight:650}.mobile-toc select{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px;width:100%;min-height:52px}.chapter{padding:28px 0}.steps li{padding-left:44px}.report-example{grid-template-columns:1fr;margin:24px 0}.report-example>a{max-width:240px;margin:auto}.help{padding:20px}footer{gap:12px}footer nav{gap:16px}body{overflow-wrap:break-word}}
@media(prefers-color-scheme:dark){:root{--ink:#e4f1eb;--muted:#b2c8bd;--bg:#10251f;--surface:#18352b;--line:#36564a;--brand:#70e0c9;--accent:#254e42}.button{color:#10251f}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.site-header,.toc,.mobile-toc,.paths,footer,.skip-link,.button{display:none}.guide-layout{display:block}body{color:#000;background:#fff;font-size:11pt}.chapter{break-inside:auto}.steps li{break-inside:avoid}main{padding:0}.hero{padding:0}.kicker{color:#333}.steps p,details p,.lede,.version{color:#333}details>p{display:block!important}}
.contact-email{margin-top:16px}.contact-email a{display:inline-flex;align-items:center;min-height:48px;max-width:100%;overflow-wrap:anywhere}
/* Real app screenshots accompany the relevant step; originals open at full size. */
.shot-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:22px}.step-shot{margin:0;max-width:260px}.step-shot a{display:block;border:3px solid #16342e;border-radius:18px;overflow:hidden;background:#fff;transition:transform .15s}.step-shot a:hover{transform:translateY(-2px)}.step-shot img{display:block;width:100%;height:auto}.step-shot figcaption{margin-top:12px;font-size:14px;line-height:1.6;font-weight:650}.step-shot figcaption span{display:block;margin-top:5px;color:var(--muted);font-size:12px;font-weight:400}.chapter:focus{outline:none}
@media(max-width:720px){.shot-gallery{grid-template-columns:1fr;gap:24px}.step-shot{max-width:260px;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.step-shot a{transition:none}}