/* Wassuply docs (/docs/) — layout and article styles on top of /assets/site.css.
   Generated pages: scripts/build-docs.js. Keyplate theme: 2px ink borders, lime accents,
   mono eyebrows, hard shadows only on primary surfaces. */
.docs-body{background:var(--bg)}
.docs-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.docs-main{display:block;min-width:0}
.docs-bc{max-width:1320px;margin:0 auto;padding:22px var(--gutter) 0;font-family:var(--mono);font-size:12px;font-weight:600;color:var(--muted)}
.docs-bc a{color:var(--muted);text-decoration:none}.docs-bc a:hover{color:var(--ink)}
.docs-bc span[aria-hidden]{margin:0 4px}

.docs-shell{max-width:1320px;margin:0 auto;padding:18px var(--gutter) 88px;display:grid;grid-template-columns:248px minmax(0,1fr) 208px;gap:clamp(28px,3.2vw,48px);align-items:start}

/* ── sidebar ── */
.docs-side{position:sticky;top:96px;max-height:calc(100vh - 112px);display:flex;flex-direction:column;min-width:0}
.docs-search{position:relative;margin-bottom:14px}
.docs-q{width:100%;font:500 14px/1.2 var(--font);color:var(--ink);background:var(--surface);border:2px solid var(--ink);border-radius:12px;padding:11px 36px 11px 13px;box-shadow:var(--sh-sm);outline:none;-webkit-appearance:none;appearance:none}
.docs-q:focus{box-shadow:0 0 0 3px rgba(57,255,20,.55),var(--sh-sm)}
.docs-q::placeholder{color:var(--muted)}
.docs-kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font:700 11px/1 var(--mono);color:var(--muted);border:1.5px solid var(--line);border-radius:6px;padding:3px 6px;background:var(--bg);pointer-events:none}
.docs-results{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:60;background:var(--surface);border:2px solid var(--ink);border-radius:12px;box-shadow:var(--sh);max-height:min(70vh,460px);overflow:auto;padding:6px}
.docs-results[hidden]{display:none}
.docs-res{display:block;padding:9px 10px;border-radius:9px;text-decoration:none;color:var(--ink)}
.docs-res:hover,.docs-res.on{background:var(--elevated)}
.docs-res-c{display:block;font:700 10px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.docs-res-t{display:block;font-weight:700;font-size:14px;margin-top:2px}
.docs-res-s{display:block;font-size:12.5px;color:var(--body);margin-top:2px;line-height:1.4}
.docs-res-none{padding:12px;font-size:13px;color:var(--muted)}
.docs-res mark{background:rgba(57,255,20,.45);color:inherit;border-radius:3px;padding:0 1px}
.docs-side-toggle{display:none}
.docs-side-list{overflow:auto;min-height:0;padding:2px 8px 12px 0;scrollbar-width:thin;scrollbar-color:#D2D2E0 transparent}
.docs-side-home{display:block;font-weight:700;font-size:14px;color:var(--ink);text-decoration:none;padding:8px 10px;border-radius:10px;border:1.5px solid transparent}
.docs-side-cat{font:700 10.5px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:16px 10px 6px}
.docs-side-list ul{list-style:none;margin:0;padding:0;display:grid;gap:3px}
.docs-side-list a{display:block;font-size:14px;line-height:1.3;color:var(--body);text-decoration:none;padding:7px 10px;border-radius:10px;border:1.5px solid transparent;transition:background .12s,border-color .12s,color .12s}
.docs-side-list a:hover{color:var(--ink);background:var(--surface);border-color:var(--line)}
.docs-side-list a.on{color:var(--ink);font-weight:700;background:var(--lime);border-color:var(--ink);box-shadow:var(--sh-sm)}
.docs-side-list a:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}

/* ── article ── */
.docs-article{min-width:0;max-width:780px;color:#26263A}
.docs-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;font:700 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.docs-eyebrow::before{content:"";width:9px;height:9px;border-radius:2px;background:var(--lime);border:1.5px solid var(--ink);box-shadow:1px 1px 0 var(--ink)}
.docs-article h1{font-size:clamp(30px,4.2vw,46px);font-weight:800;letter-spacing:-.045em;line-height:1.04;color:var(--ink);margin:0 0 12px;text-wrap:balance}
.docs-meta{font:600 12px/1.5 var(--mono);color:var(--muted);margin:0 0 22px}
.docs-meta span{margin:0 4px}
.docs-answer{background:var(--surface);border:2px solid var(--ink);border-radius:16px;box-shadow:var(--sh-lg);padding:18px 20px 16px;margin:0 0 18px}
.docs-answer-l{display:inline-block;margin:0 0 8px;font:700 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--lime);border:1.5px solid var(--ink);border-radius:100px;padding:4px 9px}
.docs-answer p:last-child{margin:0;font-size:17px;line-height:1.6;color:var(--ink)}
.docs-where{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 18px;font-size:13px}
.docs-where-l{font:700 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.docs-where-s{font:600 12.5px/1.2 var(--mono);color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:7px;padding:4px 8px}
.docs-where-sep{color:var(--muted)}
.docs-facts{background:var(--elevated);border:1.5px solid var(--line);border-radius:14px;padding:16px 20px;margin:0 0 8px}
.docs-facts-l{margin:0 0 8px;font:700 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.docs-facts ul{margin:0;padding-left:18px}
.docs-facts li{font-size:15px;line-height:1.55;margin:6px 0}
.docs-facts li::marker{color:var(--lime-deep)}

.docs-sec{margin-top:clamp(36px,4.5vw,52px)}
.docs-article h2{position:relative;font-size:clamp(23px,2.6vw,29px);font-weight:800;letter-spacing:-.035em;line-height:1.18;color:var(--ink);margin:0 0 14px;text-wrap:balance}
.docs-anchor{margin-left:8px;font-weight:700;color:var(--faint);text-decoration:none;opacity:0;transition:opacity .15s}
.docs-article h2:hover .docs-anchor,.docs-anchor:focus{opacity:1}
.docs-article h3{font-size:18.5px;font-weight:800;letter-spacing:-.02em;line-height:1.3;color:var(--ink);margin:24px 0 8px}
.docs-article p{font-size:16.5px;line-height:1.72;margin:0 0 14px}
.docs-article ul,.docs-article ol{margin:0 0 16px;padding-left:22px}
.docs-article li{font-size:16.5px;line-height:1.65;margin:6px 0}
.docs-article li::marker{color:var(--lime-deep);font-weight:700}
.docs-article a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime-a);text-decoration-thickness:2px;text-underline-offset:3px}
.docs-article a:hover{background:rgba(57,255,20,.18)}
.docs-article strong{color:var(--ink);font-weight:700}
.docs-article code{font:600 .88em/1.4 var(--mono);background:var(--elevated);border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--ink);overflow-wrap:anywhere}

.docs-steps{list-style:none;padding:0!important;margin:8px 0 20px!important;display:grid;gap:10px}
.docs-steps li{display:flex;gap:14px;align-items:flex-start;margin:0!important;background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:14px 16px}
.docs-step-n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:800 13px/1 var(--font);color:var(--ink);background:var(--lime);border:2px solid var(--ink);box-shadow:1.5px 1.5px 0 var(--ink)}
.docs-steps li>div{min-width:0}
.docs-steps p{margin:0!important;font-size:15.5px!important;line-height:1.6!important}
.docs-steps .docs-step-t{font-weight:800;color:var(--ink);font-size:16px!important;margin-bottom:3px!important}

.docs-table-wrap{overflow-x:auto;margin:6px 0 20px;border:2px solid var(--ink);border-radius:14px;background:var(--surface)}
.docs-table-wrap:focus{outline:3px solid rgba(57,255,20,.55)}
.docs-table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5}
.docs-table th,.docs-table td{text-align:left;vertical-align:top;padding:10px 14px;border-bottom:1px solid var(--line)}
.docs-table thead th{font:700 10.5px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--bg);border-bottom:2px solid var(--ink);white-space:nowrap}
.docs-table tbody th{font-weight:700;color:var(--ink)}
.docs-table tbody tr:last-child th,.docs-table tbody tr:last-child td{border-bottom:0}

.docs-dl{margin:6px 0 20px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}
.docs-dl>div{display:grid;grid-template-columns:minmax(150px,32%) 1fr;gap:6px 18px;padding:12px 16px;border-bottom:1px solid var(--line)}
.docs-dl>div:last-child{border-bottom:0}
.docs-dl dt{font-weight:700;color:var(--ink);font-size:15px}
.docs-dl dd{margin:0;font-size:15px;line-height:1.6}

.docs-callout{border-radius:14px;padding:13px 16px;margin:6px 0 18px;border:1.5px solid}
.docs-callout p{margin:0!important;font-size:15.5px!important;line-height:1.6!important}
.docs-callout.tip{background:#E9FDE4;border-color:var(--lime-a)}
.docs-callout.warn{background:#FEF5E1;border-color:var(--amber)}

.docs-faq{display:grid;gap:10px}
.docs-q{background:var(--surface);border:1.5px solid var(--line);border-radius:14px;padding:14px 18px}
.docs-q h3{margin:0 0 6px!important;font-size:16.5px!important}
.docs-q p{margin:0!important;font-size:15.5px!important;line-height:1.62!important}

.docs-related{margin-top:clamp(36px,4.5vw,52px)}
.docs-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px}
.docs-card{display:flex;flex-direction:column;gap:5px;background:var(--surface);border:2px solid var(--ink);border-radius:14px;padding:14px 16px;text-decoration:none!important;color:var(--ink);box-shadow:var(--sh-sm);transition:transform .14s var(--ease),box-shadow .14s var(--ease)}
.docs-card:hover{transform:translate(-1px,-1px);box-shadow:var(--sh);background:var(--surface)!important}
.docs-card-c{font:700 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.docs-card strong{font-size:16px;font-weight:800;letter-spacing:-.02em}
.docs-card-d{font-size:13.5px;line-height:1.5;color:var(--body)}

.docs-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:36px}
.docs-pn a{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);text-decoration:none!important;font-weight:700;font-size:15px;color:var(--ink)}
.docs-pn a:hover{border-color:var(--ink);background:var(--surface)!important}
.docs-pn a span{font:700 10px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.docs-pn .next{text-align:right;grid-column:2}

.docs-help{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin-top:28px;background:var(--panel);color:var(--panel-text);border:2px solid var(--ink);border-radius:16px;padding:18px 20px}
.docs-help p{margin:0!important;font-size:14.5px!important;color:var(--panel-muted)}
.docs-help .docs-help-t{font-size:17px!important;font-weight:800;color:var(--panel-text);margin-bottom:4px!important}
.docs-help a{color:var(--panel-text);text-decoration-color:var(--lime)}
.docs-help a:hover{background:transparent}
.docs-help-b{display:flex;gap:8px;flex-wrap:wrap}
.docs-btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;padding:10px 15px;border-radius:11px;border:2px solid var(--panel-text);color:var(--panel-text)!important;text-decoration:none!important;white-space:nowrap}
.docs-btn.primary{background:var(--lime);color:var(--ink)!important;border-color:var(--lime);box-shadow:2px 2px 0 var(--panel-text)}
.docs-disclaimer{margin-top:22px!important;font-size:12.5px!important;color:var(--muted)}
.docs-disclaimer a{color:var(--muted)}

/* ── on-this-page ── */
.docs-toc{position:sticky;top:96px;max-height:calc(100vh - 112px);overflow:auto;min-width:0}
.docs-toc-l{font:700 10.5px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:4px 0 8px}
.docs-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.docs-toc a{display:block;font-size:13px;line-height:1.35;color:var(--body);text-decoration:none;padding:6px 0 6px 12px;margin-left:-2px;border-left:2px solid transparent}
.docs-toc a:hover{color:var(--ink)}
.docs-toc a.on{color:var(--ink);font-weight:700;border-left-color:var(--lime-a)}

/* ── hub ── */
.docs-hub-search{position:relative;margin:4px 0 6px}
.docs-hub-search .docs-q{font-size:16px;padding:15px 16px;border-radius:14px;box-shadow:var(--sh)}
.docs-qs{list-style:none;padding:0!important;margin:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:1100px) and (min-width:901px),(max-width:700px){.docs-qs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.docs-qs{grid-template-columns:minmax(0,1fr)}}
.docs-qs li{margin:0!important}
.docs-qs a{display:flex;flex-direction:column;gap:8px;height:100%;background:var(--surface);border:2px solid var(--ink);border-radius:14px;padding:14px 16px;text-decoration:none!important;color:var(--ink);box-shadow:var(--sh-sm);transition:transform .14s var(--ease),box-shadow .14s var(--ease)}
.docs-qs a:hover{transform:translate(-1px,-1px);box-shadow:var(--sh);background:var(--surface)!important}
.docs-qs strong{font-size:16px;font-weight:800;letter-spacing:-.02em}
.docs-qs span:last-child{font-size:13.5px;line-height:1.5;color:var(--body)}
.docs-cat-d{margin-top:-6px!important;color:var(--body)}
.docs-hub{max-width:860px}

/* ── responsive ── */
@media (max-width:1180px){
  .docs-shell{grid-template-columns:236px minmax(0,1fr)}
  .docs-toc{display:none}
}
@media (max-width:900px){
  .docs-shell{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:12px}
  .docs-side{position:static;max-height:none}
  .docs-side-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;font:700 14px/1 var(--font);color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer}
  .docs-side-toggle::after{content:"▾";font-size:12px;transition:transform .2s}
  .docs-side-toggle[aria-expanded="true"]::after{transform:rotate(180deg)}
  .docs-side-list{display:none;margin-top:8px;background:var(--surface);border:1.5px solid var(--line);border-radius:12px;padding:6px 8px 12px;max-height:60vh}
  .docs-side.open .docs-side-list{display:block}
  .docs-kbd{display:none}
  .docs-article{max-width:none}
}
@media (max-width:560px){
  .docs-dl>div{grid-template-columns:1fr}
  .docs-pn{grid-template-columns:1fr}.docs-pn .next{grid-column:auto}
  .docs-answer{padding:15px 16px 14px}
  .docs-answer p:last-child{font-size:16px}
  .docs-article p,.docs-article li{font-size:16px}
  .docs-table{font-size:13.5px}
  .docs-help-b{width:100%}.docs-btn{flex:1}
}
@media print{.docs-side,.docs-toc,.docs-help,.docs-pn,#site-nav,#site-footer{display:none!important}.docs-shell{display:block}}