/* v8.pages.v1.css - S3b page group: about, contact, privacy, terms, work, guides, tools, 404. Extends v8.v1.css (tokens, shell, sheet, flow, spec). No motion. */
.inner .sec{padding:40px 0}
@media (min-width:1100px){.inner .sec{padding:60px 0}}
.page-h .sub{max-width:34em}
.quiet{font-size:15.5px;line-height:1.5;color:var(--ink2);margin-top:10px}
.page-h .kick{margin-bottom:14px}
.page-h .ask{margin-top:22px}
.blk{margin-top:6px}
.sec-h .lead{max-width:40em}
.rows{border-bottom:1px solid var(--line)}
.rows li{padding:13px 0;border-top:1px solid var(--line);max-width:44em}
.sheet .tag{margin-top:14px}

/* about: on-record cells, four across */
.id--4>div{padding:12px 0}
@media (min-width:720px){
 .id--4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .id--4>div{padding:14px 24px 14px 0;border-bottom:1px solid var(--line)}
 .id--4>div:nth-child(odd){padding-left:0;border-left:0}
 .id--4>div:nth-child(even){padding-left:24px;border-left:1px solid var(--line)}
}
@media (min-width:1000px){
 .id--4{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr) minmax(0,1.2fr) minmax(0,1fr)}
 .id--4 dd{font-size:19px}
 .id--4>div{border-bottom:0;padding:16px 20px 16px 0}
 .id--4>div+div{padding-left:24px;border-left:1px solid var(--line)}
}

/* contact */
.ct-grid{display:grid;gap:32px}
.ct-ask .ask{margin-top:0}
.ct-at{margin-top:14px}
.ct-inc h2{margin-bottom:14px;font-size:clamp(24px,3vw,32px)}
.ct-lang{margin-top:14px}
.ct-cl{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:0 12px}
@media (min-width:900px){.ct-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}.ct-cl{margin-top:40px}}

/* privacy + terms */
.lg-head .page-h{padding-bottom:20px}
.also{margin-top:16px;font-size:14.5px;font-weight:600;color:var(--ink2)}
.jump ul{display:flex;flex-wrap:wrap;gap:0 22px}
.lg-sec{padding:44px 0 36px}
.lg-lang{margin-bottom:6px;font-size:clamp(26px,3.2vw,34px)}
.lg-lead{margin:8px 0 6px}
.lg-rows{margin-top:14px}
.lg-row{padding:20px 0;border-top:1px solid var(--line)}
.lg-row>h2,.lg-row>h3{margin-bottom:8px;font-size:19px;line-height:1.25}
.lg-body{max-width:44rem}
.lg-body p+p{margin-top:12px}
.wa-part{margin-top:36px}
.wa-h{margin-bottom:2px;font-size:24px}
@media (min-width:900px){
 .lg-sec{padding:64px 0 48px}
 .lg-row{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:0 48px;padding:24px 0}
 .lg-row>h2,.lg-row>h3{margin:2px 0 0}
}

/* work + case drawings */
.bnd{display:grid;gap:8px}
.bnd .bx{margin:0;padding:12px 14px;border:1px solid var(--ink2);border-radius:4px;background:var(--surf);font-weight:600;line-height:1.3}
.bnd .bx--on{border-color:var(--ink);box-shadow:inset 3px 0 0 var(--ink)}
.bnd .mid{margin:0;padding:2px 0;text-align:center;font-size:15px;line-height:1.35;color:var(--ink2)}
@media (min-width:720px){.bnd{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}}
.cmp{width:100%;border-collapse:collapse;font-size:16px}
.cmp th{padding:0 8px 8px;border-bottom:1px solid var(--ink);font-size:13.5px;font-weight:600;color:var(--ink2);text-align:left}
.cmp td{padding:10px 8px;border-bottom:1px solid var(--line);line-height:1.35}
.cmp td:first-child,.cmp th:first-child{padding-left:0}
.cmp .eq{width:2.2rem;text-align:center;font-weight:600;color:var(--ok-ink)}
.kvr>div{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid var(--line)}
.kvr dt{font-size:15px;color:var(--ink2)}
.kvr dd{margin:0;font-weight:600;line-height:1.3}
@media (min-width:720px){.kvr>div{grid-template-columns:10.5rem minmax(0,1fr)}}

/* guides */
.gd-sec{padding-top:36px}
.gds{max-width:48rem;margin-top:8px}
.gd{padding:24px 0 22px;border-top:1px solid var(--line)}
.gd h2{margin-bottom:10px;font-size:clamp(22px,2.6vw,26px);line-height:1.2}
.gd p+p{margin-top:12px}
.gd .from{padding-left:14px;border-left:2px solid var(--ink);color:var(--ink2)}
.gd .from strong{font-weight:600;color:var(--ink)}
.gd--end .ask{margin-top:20px}
.gd-fl{max-width:48rem;margin-bottom:12px}
.gd-fl .flow{margin:2px 0 0}
@media (min-width:720px){
 .flow--row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px}
 .flow--row li{flex-direction:column;gap:8px;padding-bottom:0}
 .flow--row li::after{display:none}
}

/* tools */
.tool-in{display:grid;gap:22px}
.tool .spec{margin-top:0}
.tool .spec dd{max-width:40em}
@media (min-width:900px){.tool-in{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}}

/* 404 */
.nf-links{display:grid;gap:0}
@media (min-width:720px){.nf-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}}