/* Shared styles for the docs pages: /start, /claude, /support, /security. */
:root{--bg:#ffffff;--paper:#F5F7FB;--ink:#0E1730;--muted:#5D6B85;--line:#E4E8F1;--accent:#2E5BFF;--accent-deep:#1E3FCC;--ink-soft:#566079}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Times New Roman",Times,"Liberation Serif",serif;font-size:19px;line-height:1.62;-webkit-font-smoothing:antialiased}
.wrap{max-width:820px;margin:0 auto;padding:0 28px}
a{color:inherit}
.eyebrow{font-size:12.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent-deep);margin:0}
h1,h2,h3{font-weight:400;letter-spacing:-.012em;text-wrap:balance;margin:0}
:focus-visible{outline:3px solid rgba(46,91,255,.45);outline-offset:3px}
header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.88);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;height:66px;gap:12px;max-width:1080px;margin:0 auto;padding:0 28px}
.mark{display:flex;align-items:center;gap:11px;text-decoration:none}
.glyph{width:30px;height:30px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 2px 10px rgba(46,91,255,.32)}
.wordmark{font-size:23px}
nav.top{display:flex;align-items:center;gap:26px}
nav.top a{text-decoration:none;color:var(--ink-soft);font-size:16.5px}
.btn{display:inline-block;text-decoration:none;border-radius:999px;padding:11px 22px;font-size:16.5px;border:1px solid var(--ink);color:var(--ink)}
.btn.solid{background:var(--accent);border-color:var(--accent);color:#fff}
@media(max-width:760px){nav.top .lnk{display:none}}
main{padding:64px 0 80px}
h1{font-size:clamp(32px,4.6vw,48px);line-height:1.08;margin-top:10px}
.intro{color:var(--ink-soft);margin:18px 0 0;font-size:20px}
h2{font-size:26px;margin:52px 0 12px;padding-top:22px;border-top:1px solid var(--line)}
p{margin:12px 0 0}
ul{padding-left:22px;margin:12px 0 0}
li{margin:8px 0}
.quiet{color:var(--ink-soft)}
footer{background:#100d0a;color:#d6cfc3;padding:44px 0;font-size:15px}
footer a{color:#d6cfc3;text-decoration:none;border-bottom:1px solid #4a433a}
@media (max-width:600px){footer a{position:relative}footer a::after{content:"";position:absolute;inset:-12px -6px}}   /* 44px tap area, same look */
footer .row{display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:space-between;max-width:1080px;margin:0 auto;padding:0 28px}
.tools{width:100%;border-collapse:collapse;margin:14px 0 0;font-size:16.5px}
.tools th,.tools td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.tools th{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:400}
.tools code,code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;background:var(--paper);padding:1px 5px;border-radius:5px}
.tag{display:inline-block;font-size:12.5px;padding:1px 9px;border-radius:999px;background:#EEF2FF;color:var(--accent-deep);white-space:nowrap}
.tag.w{background:#FFF4E5;color:#8A4B00}.tag.d{background:#FDECEC;color:#9B1C1C}
.tablewrap{overflow-x:auto}
ol.steps{padding-left:22px}