html { scroll-behavior:auto; }
.intro { padding:32px 0 48px; }
.intro h1 { margin:12px 0 20px; max-width:none; }
.category { color:var(--muted); font-size:14px; font-weight:600; letter-spacing:.04em; }
.intro label { display:block; margin:28px 0 8px; font-weight:600; }
input[type=search] { font:inherit; width:min(100%,640px); padding:12px 16px; border:1px solid var(--muted); border-radius:4px; background:var(--bg); color:var(--text); }
input:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
#search-status { font-size:16px; color:var(--muted); margin-top:8px; }
.help-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:56px; align-items:start; }
aside nav { display:flex; flex-direction:column; align-items:stretch; gap:0; padding:0; }
aside a { padding:8px 0; line-height:1.4; min-height:44px; font-size:16px; }
article { padding:0 0 44px; margin:0 0 44px; border-bottom:1px solid var(--surface); scroll-margin-top:24px; }
article h2 { font-size:clamp(1.6rem,3vw,2.25rem); margin:8px 0 20px; }
article ul,article ol { padding-left:24px; margin:20px 0; }
article li { padding-left:4px; margin:12px 0; }
article p { margin:16px 0; }
article a { overflow-wrap:anywhere; }
.back { display:inline-flex; min-height:44px; align-items:center; font-size:16px; margin-top:16px; }
[hidden] { display:none!important; }
@media(max-width:760px) { .help-layout { grid-template-columns:1fr; gap:32px; } aside { padding-bottom:24px; border-bottom:1px solid var(--muted); } .intro { padding:24px 0 32px; } }
