.help-page{max-width:1100px;margin:auto}
.help-hero{position:relative;padding:clamp(1.6rem,4vw,3rem);margin:0 0 1.6rem;border:3px solid var(--ink);border-radius:28px;overflow:hidden;box-shadow:var(--shadow-card);background:radial-gradient(circle at 1px 1px,rgb(7 42 32 / .09) 1.2px,transparent 0) 0 0/22px 22px,var(--accent-soft)}
.help-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--sky),var(--coral) 34%,var(--sun) 68%,var(--mint));border-top:3px solid var(--ink)}
.help-eyebrow{display:inline-block;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:800;margin:0 0 .75rem}
.help-hero .help-eyebrow{color:var(--ink);background:var(--sun);border:2px solid var(--ink);border-radius:999px;padding:.3rem .8rem;letter-spacing:.08em}
.help-hero h1{font-size:clamp(2.3rem,5.2vw,4rem);line-height:1.03;letter-spacing:-.045em;margin:.3rem 0 1.1rem;max-width:18ch}
.help-lead{font-size:1.1rem;color:#2c4a40;line-height:1.7;max-width:64ch}
.help-hero > p:last-child{margin-bottom:.4rem}
.help-hero a{font-weight:700}
.help-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin:1.3rem 0 1rem}
.help-primary,.help-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.62rem 1.25rem;border:3px solid var(--ink);border-radius:12px;font-family:var(--font);font-weight:800;font-size:.86rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .18s cubic-bezier(0,0,.2,1),box-shadow .18s cubic-bezier(0,0,.2,1)}
.help-primary{background:var(--accent);color:#fff}.help-secondary{background:#fff;color:var(--ink)}
.help-primary:hover,.help-secondary:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ink)}.help-primary:hover{color:#fff}.help-secondary:hover{color:var(--ink)}
.help-primary:active,.help-secondary:active{transform:none;box-shadow:none}
.help-small{color:var(--muted);font-size:.84rem;line-height:1.65}
.help-page .help-toc{position:sticky;top:76px;z-index:5;display:flex;flex-wrap:wrap;gap:.5rem;padding:.7rem;margin:0 0 .5rem;background:rgb(255 255 255 / .92);backdrop-filter:blur(8px);border:2px solid var(--ink);border-radius:999px;font-size:.84rem}
.help-toc a{color:var(--ink);font-weight:700;text-decoration:none;padding:.3rem .8rem;border-radius:999px;border:2px solid transparent;transition:background-color .15s,border-color .15s}
.help-toc a:hover{background:var(--accent-soft);border-color:var(--ink)}
.help-section{padding:2.6rem 0;border-bottom:2px dashed var(--line);scroll-margin-top:150px}
.help-section:last-of-type{border-bottom:0}
.help-section h2{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.035em;margin:0 0 1.2rem;max-width:30ch}
.help-section h3,.help-panel h3{font-size:1.12rem;margin:.2rem 0 .6rem}
.help-section p,.help-panel p{color:var(--muted);line-height:1.75}
.help-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.help-panel{background:#fff;border:3px solid var(--ink);border-radius:18px;padding:1.4rem;box-shadow:var(--shadow-card);transition:transform .2s ease-out,box-shadow .2s ease-out}
.help-steps .help-panel:hover,.help-two .help-panel:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}
.help-steps .help-panel:nth-child(3n+1){background:linear-gradient(180deg,var(--sky-soft),#fff 70%)}
.help-steps .help-panel:nth-child(3n+2){background:linear-gradient(180deg,var(--sun-soft),#fff 70%)}
.help-steps .help-panel:nth-child(3n+3){background:linear-gradient(180deg,var(--accent-soft),#fff 70%)}
.help-panel a{font-weight:700}
.help-step{display:inline-grid;place-items:center;width:44px;height:44px;border:3px solid var(--ink);border-radius:13px;color:var(--ink);background:var(--sky);font-size:1.1rem;font-weight:800;margin-bottom:.9rem;box-shadow:3px 3px 0 var(--ink);font-variant-numeric:tabular-nums}
.help-steps .help-panel:nth-child(3n+2) .help-step{background:var(--sun)}.help-steps .help-panel:nth-child(3n+3) .help-step{background:var(--mint)}
.help-two{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:1.3rem 0}
.help-map-key{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.help-risk-ramp{height:14px;margin:1.3rem 0 .4rem;border-radius:999px;border:2px solid var(--ink);background:linear-gradient(to right,rgb(219,239,255),rgb(27,92,180))}
.help-scale-labels{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;color:var(--muted)}
.help-height-example{height:70px;display:flex;align-items:flex-end;gap:12px;margin:.7rem 0}
.help-height-example span{width:30px;border:2px solid var(--ink);background:var(--mint);border-radius:6px 6px 2px 2px}
.help-text-link{display:inline-block;margin-top:.6rem;font-size:.95rem;font-weight:800}
.help-points{color:var(--muted);padding-left:0;list-style:none;line-height:1.7;display:grid;gap:.55rem;margin:1.2rem 0}
.help-points li{position:relative;padding:.7rem 1rem .7rem 2.6rem;background:#fff;border:2px solid var(--line);border-radius:14px}
.help-points li::before{content:"";position:absolute;left:1rem;top:1.05rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--accent);border:2px solid var(--ink)}
.help-callout{border:3px solid var(--ink);border-radius:18px;padding:1.2rem 1.4rem;background:var(--sun-soft);margin-top:1.5rem;box-shadow:5px 5px 0 var(--ink)}
.help-callout h3{color:var(--ink);margin-top:0}.help-callout p{margin:.4rem 0 .8rem;color:#4b4a3a}.help-callout a{font-weight:700}
.help-source-links{display:flex;gap:.5rem;flex-wrap:wrap;font-size:.84rem;margin:.6rem 0}
.help-source-links a{display:inline-block;padding:.3rem .75rem;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s}
.help-source-links a:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ink)}
.help-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:2.4rem 0 0;background:var(--ink)!important;color:#e3f2eb;box-shadow:6px 6px 0 var(--accent)!important}
.help-bottom:hover{transform:none!important}
.help-bottom h2{margin:0 0 .3rem;color:#fff}.help-bottom p{margin:.3rem 0;color:#b6d3c7!important}
.help-bottom .help-secondary{border-color:#fff}
.help-bottom .help-primary{background:var(--sun);color:var(--ink)}.help-bottom .help-primary:hover{color:var(--ink);box-shadow:5px 5px 0 #fff}
.help-page [hidden]{display:none!important}
.help-page a:focus-visible,.help-page button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:1100px){.help-page .help-toc{top:122px}}
@media(max-width:820px){.help-steps,.help-two,.help-map-key{grid-template-columns:1fr}.help-map-key{gap:.8rem}.help-section{padding:1.9rem 0}.help-bottom{align-items:flex-start;flex-direction:column}.help-page .help-toc{position:static;border-radius:18px;font-size:.8rem}.help-lead{font-size:1rem}}
.help-answer{padding:1rem;margin:.7rem 0;background:var(--panel);border:2px solid var(--line);border-radius:12px}.help-answer summary{cursor:pointer;font-weight:700}.help-answer p{margin:.8rem 0}