/* Help / guides pages. Loaded after ../styles.css; only adds article styles. */
.article{padding:56px 0 72px}
.article .wrap{max-width:780px}
.crumbs{color:var(--muted);font-size:14px;margin:0 0 18px}.crumbs a{color:var(--accent2)}.crumbs a:hover{text-decoration:underline}
.article h1{font-size:clamp(30px,4vw,44px)}
.article h2{font-size:clamp(22px,2.4vw,28px);margin:48px 0 14px}
.article h3{font-size:19px;margin:28px 0 8px}
.article p,.article li{color:#cdd3de}
.article a{color:var(--accent2);text-decoration:underline;text-underline-offset:2px}
.article ol,.article ul{padding-left:22px}.article li{margin:6px 0}
.meta{color:var(--muted);font-size:14px;margin:0 0 24px}
.answer{background:var(--card);border:1px solid var(--accent);border-radius:var(--radius);padding:18px 20px;margin:0 0 8px}
.answer p{margin:6px 0;color:var(--text)}
.answer strong{color:var(--accent)}
.note{border-left:3px solid var(--high);background:#16140f;padding:12px 16px;border-radius:6px;margin:18px 0}
.note p{margin:4px 0}
pre{background:#0f121a;border:1px solid var(--line);border-radius:10px;padding:14px 16px;overflow:auto;font:13.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d6dcea}
pre code{background:none;padding:0;font-size:inherit}
.toc{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin:24px 0}
.toc p{margin:0 0 6px;font-weight:600;color:var(--text)}.toc ol{margin:0}
.sources li{font-size:15px}
.cta-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;margin-top:20px}
.help-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px}
.help-list li{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}
.help-list a{color:var(--text);font-weight:600;font-size:18px;text-decoration:none}.help-list a:hover{color:var(--accent)}
.help-list p{margin:6px 0 0;color:var(--muted);font-size:15px}
.article details p{color:#cdd3de}