/* assets/help.css — the help articles on the website (help.php). Building blocks: assets/ui.css. */
.hp-hero{padding-bottom:2rem}
.hp-h1{max-width:900px}
.hp-back{display:inline-block;color:var(--muted2);font-size:.88rem;margin-bottom:1rem;text-decoration:none}
.hp-back:hover{color:var(--cyan)}
.hp-search{display:flex;gap:.5rem;max-width:620px;margin-top:1.6rem}
.hp-search input{flex:1;min-width:0;padding:.85rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#0f1b2b;color:#fff;font:inherit;font-size:1rem}
.hp-search input:focus{outline:none;border-color:rgba(0,194,255,.6);box-shadow:0 0 0 3px rgba(0,194,255,.15)}
.hp-search button{padding:.85rem 1.3rem;border-radius:12px;border:0;background:linear-gradient(135deg,var(--cyan),#009ed4);color:var(--navy);font:inherit;font-weight:700;cursor:pointer}
.hp-search button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp-sec{padding-top:1rem}
.hp-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;text-align:left}
.hp-topic{border:1px solid var(--border);border-radius:16px;background:var(--card-solid);padding:1.2rem 1.3rem}
.hp-topic h2{font-family:"Syne",sans-serif;font-size:1.05rem;margin:0 0 .7rem;display:flex;gap:.5rem;align-items:center}
.hp-topic ul,.hp-box ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.hp-topic a,.hp-box li a{color:var(--muted2);text-decoration:none;font-size:.92rem;line-height:1.45}
.hp-topic a:hover,.hp-box li a:hover{color:var(--cyan)}
.hp-h2{font-family:"Syne",sans-serif;font-size:1.3rem;margin:0 0 1rem;text-align:left}
.hp-list{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:.6rem;text-align:left}
.hp-list a{display:block;padding:1rem 1.2rem;border-radius:14px;border:1px solid var(--border);background:var(--card-solid);color:inherit;text-decoration:none}
.hp-list a:hover{border-color:rgba(0,194,255,.5)}
.hp-list b{display:block;margin-bottom:.2rem}
.hp-list span{color:var(--muted2);font-size:.9rem}
.hp-none{color:var(--muted2);text-align:left}
.hp-none a,.hp-link,.hp-small a{color:var(--cyan)}
.hp-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2rem;align-items:start;text-align:left}
.hp-art{font-size:1.02rem;line-height:1.75;color:#d7e1ec;max-width:740px}
.hp-art h2{font-family:"Syne",sans-serif;font-size:1.25rem;color:#fff;margin:1.8rem 0 .6rem}
.hp-art p{margin:0 0 1rem}
.hp-art ul,.hp-art ol{margin:0 0 1.1rem;padding-left:1.3rem}
.hp-art li{margin:.35rem 0}
.hp-art ol li::marker{color:var(--cyan);font-weight:700}
.hp-art b{color:#fff}
.hp-art a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px}
.hp-side{display:grid;gap:1rem;position:sticky;top:100px}
.hp-box{border:1px solid var(--border);border-radius:16px;background:var(--card-solid);padding:1.1rem 1.2rem}
.hp-box>b{display:block;font-family:"Syne",sans-serif;margin-bottom:.4rem}
.hp-box p{color:var(--muted2);font-size:.88rem;margin:0 0 .8rem}
.hp-box .h-bp,.hp-box .h-bs{display:block;text-align:center;margin-bottom:.5rem}
.hp-small{font-size:.8rem!important;margin:.3rem 0 0!important}
@media(max-width:900px){.hp-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-grid{grid-template-columns:minmax(0,1fr)}.hp-side{position:static}}
@media(max-width:600px){.hp-topics{grid-template-columns:minmax(0,1fr)}.hp-search{flex-direction:column}}