/* Watchword Help Center — page styles layered on top of the shared brand
   stylesheet (../../assets/site.css). No build step; same static conventions. */
.doc{max-width:880px;margin:0 auto;padding:2rem 0 3rem}
.doc h1{font-size:2.1rem;margin:.2rem 0 .4rem}
.doc h2{font-size:1.5rem;margin:2.2rem 0 .6rem;border-bottom:1px solid var(--line);padding-bottom:.35rem}
.doc h3{font-size:1.15rem;margin:1.6rem 0 .4rem}
.doc h4{font-size:1.02rem;margin:1.2rem 0 .3rem;color:#fff}
.doc p,.doc li{color:#d6d3ea}
.doc code{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.85em;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:6px;padding:.08rem .35rem;color:#ffd27a;word-break:break-word}
.doc pre{background:rgba(0,0,0,.3);border:1px solid var(--line);border-radius:12px;padding:1rem;overflow-x:auto}
.doc pre code{background:none;border:0;padding:0;color:#ECEAF6;white-space:pre;word-break:normal}
.doc table{width:100%;border-collapse:collapse;font-size:.9rem;margin:1rem 0}
.doc th,.doc td{padding:.6rem .7rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.doc th{color:#fff;font-weight:700;background:rgba(255,255,255,.03)}
.doc td:first-child{color:#fff}
.doc ol,.doc ul{padding-left:1.3rem}
.doc ol li,.doc ul li{margin:.3rem 0}
.doc .callout{background:rgba(245,166,35,.1);border-left:4px solid var(--amber);border-radius:8px;padding:.9rem 1.1rem;margin:1.1rem 0}
.doc .callout.warn{background:rgba(255,107,92,.12);border-left-color:var(--coral)}
.doc .callout.defer{background:rgba(124,92,255,.12);border-left-color:#7c5cff}
.doc .pillbadge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.12rem .55rem;vertical-align:middle}
.doc .pillbadge.pro{background:rgba(245,166,35,.18);color:var(--amber);border:1px solid rgba(245,166,35,.4)}
.doc .pillbadge.defer{background:rgba(124,92,255,.18);color:#b9a8ff;border:1px solid rgba(124,92,255,.4)}
.doc .pillbadge.now{background:rgba(123,227,177,.16);color:#7be3b1;border:1px solid rgba(123,227,177,.4)}
.tocgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.6rem 0}
.toccard{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:16px;padding:1.2rem;display:block}
.toccard:hover{border-color:var(--amber);text-decoration:none}
.toccard h3{margin:0 0 .35rem;color:#fff;font-size:1.1rem}
.toccard p{margin:0;color:var(--muted);font-size:.88rem}
.docnav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0}
.docnav a{font-size:.82rem;font-weight:600;color:#cfcbe8;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:999px;padding:.32rem .8rem}
.docnav a:hover{color:#fff;border-color:var(--amber);text-decoration:none}
.docnav a.on{background:rgba(245,166,35,.14);color:var(--amber);border-color:rgba(245,166,35,.4)}
.crumbs{font-size:.84rem;color:var(--muted);margin-bottom:.6rem}
.crumbs a{color:#cfcbe8}
.pagenav{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem;border-top:1px solid var(--line);padding-top:1.2rem;flex-wrap:wrap}
.pagenav a{font-weight:600}
.anchor-target{scroll-margin-top:90px}