/* Text pages (privacy, terms, support, 404): the light Dialect palette of the landing page. */
.doc{background:var(--paper);color:var(--ink-d)}
.doc .bar{transform:none;opacity:1}
.doc .bar::before{opacity:1}
.doc .bar .brand,.doc .bar .coords{color:var(--ink-d)}
.doc .bar .coords{text-shadow:none}
.doc .bar::before{background:var(--paper);border-bottom-color:var(--hair-d)}

.doc-head{padding:calc(var(--bar-h) + clamp(40px,8svh,96px)) var(--edge) clamp(28px,4svh,48px);border-bottom:1px solid var(--hair-d)}
.doc-head .label{display:block;margin-bottom:18px;font-size:16px;letter-spacing:-.04em}
.doc-title{font-weight:700;text-transform:uppercase;font-size:min(9.6vw,13svh);line-height:.86;letter-spacing:-.065em}
.doc-title .ion{color:var(--ion-600)}
.doc-meta{display:flex;gap:28px;flex-wrap:wrap;margin-top:24px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}

.doc-body{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2fr);gap:0;border-bottom:1px solid var(--hair-d)}
.toc{position:sticky;top:calc(var(--bar-h) + 32px);align-self:start;padding:32px var(--edge)}
.toc ol{list-style:none;display:grid;gap:2px;counter-reset:toc}
.toc a{display:inline-block;padding:5px 0;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;position:relative}
.toc a::after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.toc a:hover::after{transform:scaleX(1);transform-origin:left}

.prose{padding:32px var(--edge) clamp(64px,10svh,120px) 4vw;max-width:calc(68ch + 4vw)}
.prose h2{font-size:clamp(22px,1.8vw,28px);font-weight:600;letter-spacing:-.035em;line-height:1.15;margin:52px 0 14px;scroll-margin-top:calc(var(--bar-h) + 24px)}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:17px;font-weight:600;letter-spacing:-.02em;margin:28px 0 8px}
.prose p,.prose li{font-size:17px;line-height:1.6;letter-spacing:-.015em}
.prose p+p{margin-top:12px}
.prose ul{margin:12px 0 0 1.1em;display:grid;gap:8px}
.prose strong{font-weight:600}
.prose a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prose a:hover{color:var(--ion-600)}
.lead{font-size:clamp(19px,1.5vw,24px)!important;line-height:1.35!important;letter-spacing:-.03em!important;font-weight:500}
.tl{display:grid;grid-template-columns:1fr;border-top:1px solid var(--hair-d);margin-top:16px}
.tl>div{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--hair-d)}
.tl dt{font-weight:600;font-size:15px;letter-spacing:-.02em}
.tl dd{font-size:15px;line-height:1.5}
.tl .k{display:block;margin:10px 0 2px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.tl .k:first-child{margin-top:0}
.short{margin:0 0 16px;padding:12px 16px;background:rgba(37,99,235,.08);font-size:16px!important;line-height:1.4!important;font-weight:500;letter-spacing:-.02em}
.short span{display:block;margin-bottom:4px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ion-600)}

/* FAQ: one column, no table of contents */
.doc-body.one{grid-template-columns:minmax(200px,1fr) minmax(0,2fr)}
.doc-body.one .prose{grid-column:2}
.faq{border-top:1px solid rgba(11,13,19,.5)}
.faq details{border-bottom:1px solid rgba(11,13,19,.5)}
.faq summary{list-style:none;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;min-height:68px;padding:14px 0;cursor:pointer;font-size:clamp(17px,1.3vw,20px);font-weight:500;letter-spacing:-.03em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-family:var(--mono);font-size:18px;font-weight:400;transition:transform .4s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg);color:var(--ion-600)}
.faq .a{padding:0 0 22px;max-width:62ch}
.faq .a p{font-size:16px;line-height:1.55}

.doc-foot{padding:28px var(--edge) 0;overflow:hidden}
.doc-foot .row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.doc-foot nav{display:flex;gap:26px;flex-wrap:wrap}
.doc-foot nav a{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:6px 0}
.doc-foot nav a[aria-current]{color:var(--ion-600)}
.doc-foot small{font-size:10px;font-weight:500}
.doc-foot .wordmark{margin-top:28px}

/* 404 */
.lost{min-height:100svh;display:grid;align-content:center;padding:calc(var(--bar-h) + 32px) var(--edge) 48px}
.lost .label{margin-bottom:14px;font-size:16px;letter-spacing:-.04em}
.lost .doc-title{font-size:min(19vw,30svh)}
.lost p{font-size:18px;margin:20px 0 26px;letter-spacing:-.02em}

@media (max-width:700px){
  .doc-body,.doc-body.one{grid-template-columns:1fr}
  .doc-body.one .prose{grid-column:1}
  .toc{position:static;padding:24px 16px 0}
  .toc ol{grid-template-columns:1fr 1fr;column-gap:16px}
  .prose{padding:28px 16px 64px}
  .prose p,.prose li{font-size:16px}
  .doc-title{font-size:13vw}
  .lost .doc-title{font-size:23vw}
  .tl>div{grid-template-columns:1fr;gap:4px}
  .doc-foot .row{flex-direction:column;align-items:flex-start}
}