body{background:var(--paper);color:var(--ink);font-family:var(--display)}.ds{max-width:var(--page);padding:clamp(28px,5vw,70px) var(--gutter);margin:0 auto}.ds-head{border-bottom:1px solid var(--line);margin-bottom:clamp(28px,4vw,52px);padding-bottom:clamp(20px,3vw,34px)}.ds-head h1{letter-spacing:-.034em;max-width:18ch;margin:14px 0 12px;font-size:clamp(30px,4.4vw,60px);line-height:1.02}.ds-head p{font-size:var(--t-lead);color:var(--muted);max-width:60ch;line-height:1.45}.tag{font-family:var(--mono);font-size:var(--t-meta);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}section.ds-s{margin:clamp(40px,6vw,86px) 0}section.ds-s>h2{letter-spacing:-.028em;margin-bottom:8px;font-size:clamp(22px,2.4vw,34px)}section.ds-s>.note{font-size:var(--t-body);color:var(--muted);max-width:64ch;margin-bottom:clamp(18px,2.4vw,30px);line-height:1.6}h3.grp{font-family:var(--mono);font-size:var(--t-meta);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:26px 0 12px}.sws{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.sw{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--line);background:#fff;flex-direction:column;gap:7px;padding:14px;display:flex}.sw .chip{height:52px;box-shadow:inset 0 0 0 1px var(--line);border-radius:8px}.sw code,.sc code,.ty-h code,.mk-c code{font-family:var(--mono);color:var(--ink);font-size:12px}.sw .val,.sc .val,.ty-h .val{font-family:var(--mono);color:var(--muted);font-size:11px}.sw .rat{flex-wrap:wrap;align-items:baseline;gap:5px;margin-top:2px;display:flex}.sw .rat .n{font-family:var(--mark);color:var(--accent);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.sw .rat .u{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:8px;font-size:9.5px}.ty{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--line);background:#fff;margin-bottom:10px;padding:clamp(16px,2vw,26px)}.ty-h{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.ty-h .u{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.sc{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--line);background:#fff;align-items:center;gap:14px;margin-bottom:8px;padding:12px 16px;display:flex}.sc .box{background:var(--accent);flex:none;width:56px;height:38px}.sc .bar{background:var(--accent);border-radius:3px;flex:none;max-width:60%;height:12px}.mks{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.mk-c{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--line);background:#fff;flex-direction:column;align-items:center;gap:12px;padding:18px;display:flex}.mk-c .mk{background:var(--accent);width:32px;height:32px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.demo{border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:12px;padding:clamp(20px,3vw,38px);display:flex}.demo--blue{background:var(--blue);box-shadow:none}.law{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--line);background:#fff;margin-bottom:10px;padding:clamp(16px,2vw,24px)}.law b{letter-spacing:-.015em;margin-bottom:6px;font-size:16px;display:block}.law p{font-size:var(--t-body);color:var(--muted);margin:0;line-height:1.6}.law code{font-family:var(--mono);color:var(--ink);background:var(--pale);border-radius:4px;padding:1px 5px;font-size:12.5px}.themes{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}