:root{--doc-bg: #ffffff;--doc-panel: #ffffff;--doc-panel-alt: #f7f9fb;--doc-border: rgba(210, 219, 228, .95);--doc-border-strong: rgba(190, 201, 214, .95);--doc-accent: var(--blue);--doc-accent-soft: rgba(20, 99, 194, .08)}.doc-page{padding:28px 24px 56px}.doc-shell{width:min(1160px,100%);margin:0 auto}.doc-header{display:grid;gap:14px;margin-bottom:28px;padding:28px;border:1px solid var(--doc-border);border-radius:12px;background:linear-gradient(180deg,var(--doc-panel),var(--doc-panel-alt));box-shadow:var(--shadow)}.doc-switch{display:inline-flex;width:fit-content;padding:4px;border:1px solid var(--doc-border);border-radius:10px;background:#ffffffdb}.doc-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:7px;color:var(--muted);font-size:13px;font-weight:650}.doc-switch a.is-active{color:#fff;background:var(--doc-accent);box-shadow:0 8px 18px #155b9129}.doc-header h1{margin:0;font-size:clamp(28px,3vw,36px);line-height:1.15;letter-spacing:-.02em}.doc-eyebrow,.doc-card-label,.doc-note-label{color:var(--doc-accent);font-size:13px;font-weight:650;letter-spacing:.02em;text-transform:uppercase}.doc-lede{max-width:78ch;color:var(--muted);font-size:17px;line-height:1.7}.doc-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:8px 0 0}.doc-meta div{padding:16px 18px;border:1px solid var(--doc-border);border-radius:10px;background:#ffffffeb}.doc-meta dt{margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:650;text-transform:uppercase}.doc-meta dd{margin:0;color:var(--ink);font-size:15px;line-height:1.55}.doc-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}.doc-sidebar{position:sticky;top:96px;display:grid;gap:16px}.doc-content{display:grid;gap:24px;min-width:0}.doc-section{padding:24px 28px;border:1px solid var(--doc-border);border-radius:12px;background:#fffffff0;box-shadow:var(--shadow)}.doc-section h2{margin-bottom:14px;font-size:24px}.doc-subtitle{margin:24px 0 10px;color:var(--ink);font-size:18px;line-height:1.35}.doc-section p{color:var(--muted);font-size:16px;line-height:1.7}.doc-card,.doc-note{padding:18px 20px;border:1px solid var(--doc-border);border-radius:12px;background:#fffffff2;box-shadow:var(--shadow)}.doc-card-plain,.doc-note-plain{box-shadow:none;background:var(--doc-panel-alt)}.doc-card p,.doc-note p{color:var(--muted);font-size:15px;line-height:1.6}.doc-card-title{margin:8px 0;color:var(--ink);font-size:18px;line-height:1.3}.doc-toc{display:grid;gap:8px}.doc-toc a{display:block;padding:10px 12px;border-radius:8px;color:var(--ink);font-size:15px;line-height:1.45;background:transparent}.doc-toc a:hover{background:var(--doc-accent-soft);color:var(--doc-accent)}.doc-grid{display:grid;gap:16px}.doc-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.doc-table{width:100%;border-collapse:collapse;border:1px solid var(--doc-border-strong);border-radius:10px;overflow:hidden}.doc-table th,.doc-table td{padding:14px 16px;border-bottom:1px solid var(--doc-border);vertical-align:top;text-align:left;font-size:15px;line-height:1.55}.doc-table th{color:var(--ink);font-size:13px;font-weight:650;text-transform:uppercase;letter-spacing:.02em;background:var(--doc-panel-alt)}.doc-table td{color:var(--muted);background:var(--doc-panel)}.doc-table tr:last-child td{border-bottom:0}.doc-list,.doc-steps{margin:0;padding:0;list-style:none}.doc-list{display:grid;gap:10px}.doc-list li{position:relative;padding-left:18px;color:var(--muted);font-size:16px;line-height:1.65}.doc-list li:before{content:"";position:absolute;top:.72em;left:0;width:7px;height:7px;border-radius:50%;background:var(--cyan)}.doc-steps{display:grid;gap:10px}.doc-steps li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;padding:14px 16px;border:1px solid var(--doc-border);border-radius:10px;background:var(--doc-panel-alt)}.doc-steps span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--doc-border-strong);border-radius:8px;color:var(--doc-accent);font-size:13px;font-weight:650;background:var(--doc-panel)}.doc-steps p{margin:0;color:var(--ink);font-size:15px;line-height:1.55}.doc-callout{display:grid;gap:8px;padding:18px 20px;border-left:4px solid var(--doc-accent);border-radius:10px;background:var(--doc-accent-soft)}.doc-callout strong{color:var(--ink);font-size:14px;font-weight:650;text-transform:uppercase;letter-spacing:.02em}.doc-callout p{margin-bottom:0}.design-philosophy{display:grid;gap:18px}.design-philosophy h2{max-width:780px;margin-bottom:0;font-size:clamp(28px,3vw,40px);letter-spacing:-.03em}.designer-lede{max-width:82ch;margin-bottom:0;color:var(--ink)!important;font-size:18px!important}.designer-quote{padding:20px 22px;border:1px solid rgba(20,99,194,.22);border-radius:14px;background:radial-gradient(circle at top left,rgba(20,99,194,.12),transparent 34%),linear-gradient(135deg,#1463c214,#fffffff0)}.designer-quote p{margin:0;color:var(--ink);font-size:clamp(20px,2.3vw,28px);font-weight:620;line-height:1.35;letter-spacing:-.02em}.designer-saying,.designer-note{display:grid;gap:8px;padding:18px 20px;border-radius:14px}.designer-saying{border:1px solid rgba(20,99,194,.18);background:#1463c20e}.designer-saying:before{content:"Yang’s View";color:var(--doc-accent);font-size:12px;font-weight:720;letter-spacing:.08em;text-transform:uppercase}.designer-saying p{margin:0;color:var(--ink);font-size:16px;line-height:1.72}.designer-note{border:1px solid var(--doc-border);background:var(--doc-panel-alt)}.designer-note strong{color:var(--ink);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.designer-note p{margin:0}.designer-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.designer-story-card{display:grid;gap:10px;padding:20px;border:1px solid var(--doc-border);border-radius:14px;background:linear-gradient(180deg,#ffffff,var(--doc-panel-alt))}.designer-story-card span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:30px;border-radius:999px;color:var(--doc-accent);font-size:13px;font-weight:700;background:var(--doc-accent-soft)}.designer-story-card h3{margin:0;color:var(--ink);font-size:18px;line-height:1.25}.designer-story-card p{margin:0;font-size:15px;line-height:1.65}.designer-ending{margin-top:2px}.doc-code-panel{padding:18px 20px;border:1px solid var(--doc-border);border-radius:10px;background:#0f1720;box-shadow:var(--shadow)}.doc-code-panel pre{margin:0;overflow:auto;color:#e6edf5;font-size:14px;line-height:1.7}.doc-code-panel code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}@media(max-width:1040px){.doc-layout{grid-template-columns:1fr}.doc-sidebar{position:static}}@media(max-width:880px){.doc-meta,.doc-grid-2,.doc-grid-3,.designer-story-grid{grid-template-columns:1fr}}@media(max-width:620px){.doc-page{padding:20px 14px 48px}.doc-header,.doc-section{padding:20px}.doc-steps li{grid-template-columns:1fr}}