.help-wrap{max-width:960px;margin:0 auto;padding:1rem}
.help-hero{margin:0 0 .8rem}
.help-hero h1{margin:.2rem 0;font-size:clamp(1.3rem,4.2vw,1.8rem);}
.help-hero p{color:#5b4636;margin:.2rem 0}
.help-toc{position:sticky;top:0;background:#fff9f0;border:1px solid #ead6a6;border-radius:12px;padding:.6rem;margin:0 0 .8rem;z-index:2}
.help-toc strong{display:block;margin:0 0 .25rem;color:#7a4b00}
.help-toc a{color:#3b2d20;text-decoration:none}
.help-toc a:hover{text-decoration:underline}
.help-card{background:#fff;border:1px solid #eee2d8;border-radius:12px;padding:.9rem;margin:.8rem 0;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.help-card h2{margin:.2rem 0 .5rem;font-size:1.1rem}
.help-card ol{padding-left:1.1rem}
.help-card .tip{margin:.5rem 0 0;color:#7a4b00}
.help-last{text-align:center}

@media (min-width:900px){
  .help-grid{display:grid;grid-template-columns:260px 1fr;gap:1rem}
  .help-toc{position:sticky;top:72px}
}