:root{--bg:#fafafa;--paper:#fff;--ink:#1a1a1a;--ink-soft:#555;--ink-faint:#999;--line:#e5e5e5;--accent:#b5402e;--accent2:#2471a3;--serif:"DM Serif Display", Georgia, serif;--sans:"DM Sans", -apple-system, system-ui, sans-serif;--ease:cubic-bezier(.25, .46, .45, .94)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::selection{background:#b5402e26}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page{max-width:880px;animation:fadeUp .4s var(--ease) both;margin:0 auto;padding:32px 24px 80px}.hub-header{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:28px;padding-bottom:16px;display:flex}.hub-mark{background:var(--ink);width:44px;height:44px;color:var(--paper);font-size:28px;line-height:1;font-family:var(--serif);border-radius:10px;place-items:center;font-style:italic;display:grid}.hub-title{letter-spacing:-.01em;font-size:18px;font-weight:600;display:block}.hub-sub{color:var(--ink-faint);margin-top:1px;font-size:13px;display:block}.home-intro h1{font-family:var(--serif);letter-spacing:-.02em;margin:0 0 6px;font-size:38px;font-weight:400}.home-intro p{color:var(--ink-soft);margin:0 0 28px;font-size:15px}.home-intro-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.copy-spec-btn{font-family:var(--sans);color:var(--ink-faint);background:var(--paper);border:1px solid var(--line);cursor:pointer;white-space:nowrap;transition:color .18s var(--ease), border-color .18s var(--ease);border-radius:6px;flex-shrink:0;margin-top:6px;padding:6px 14px;font-size:13px;font-weight:500}.copy-spec-btn:hover{color:var(--ink);border-color:var(--ink-soft)}.concept-list{background:var(--paper);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.concept-list li+li{border-top:1px solid var(--line)}.concept-list li{animation:fadeUp .4s var(--ease) both}.concept-list li:first-child{animation-delay:0s}.concept-list li:nth-child(2){animation-delay:50ms}.concept-list li:nth-child(3){animation-delay:.1s}.concept-list li:nth-child(4){animation-delay:.15s}.concept-list li:nth-child(5){animation-delay:.2s}.concept-list li:nth-child(6){animation-delay:.25s}.concept-list li:nth-child(7){animation-delay:.3s}.concept-list li:nth-child(8){animation-delay:.35s}.concept-card{transition:background .18s var(--ease);align-items:flex-start;gap:16px;padding:20px 24px;display:flex;position:relative}.concept-card:hover{background:#f5f5f5}.concept-card:hover .concept-title{color:var(--accent)}.concept-card:hover .concept-arrow{opacity:1;transform:translate(2px)}.concept-num{color:var(--ink-faint);font-variant-numeric:tabular-nums;min-width:28px;padding-top:2px;font-size:12px;font-weight:500;line-height:1.6}.concept-body{flex-direction:column;flex:1;gap:4px;display:flex}.concept-title{font-family:var(--serif);letter-spacing:-.01em;transition:color .18s var(--ease);font-size:20px;font-weight:400}.concept-blurb{color:var(--ink-soft);font-size:14px;line-height:1.5}.concept-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tag{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);background:var(--bg);border-radius:4px;padding:3px 8px;font-size:11px}.concept-arrow{color:var(--ink-faint);opacity:0;transition:opacity .18s var(--ease), transform .18s var(--ease);align-self:center;font-size:18px}.hub-footer{border-top:1px solid var(--line);color:var(--ink-faint);margin-top:48px;padding-top:20px;font-size:13px}.hub-footer code{background:var(--bg);border-radius:4px;padding:1px 6px;font-size:12px}.breadcrumb{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px;display:flex}.crumb-date{color:var(--ink-faint);font-size:13px}.inline-link{color:var(--ink-faint);transition:color .18s var(--ease)}.inline-link:hover{color:var(--accent)}.concept-canvas{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 16px;box-shadow:0 1px 3px #0000000a,0 12px 32px -8px #00000014}.loading{text-align:center;color:var(--ink-faint);padding:60px}@media (width<=640px){.home-intro h1{font-size:30px}.concept-card{gap:12px;padding:16px}.concept-num,.concept-arrow{display:none}.concept-canvas{border-left:none;border-right:none;border-radius:0;margin-left:-24px;margin-right:-24px;padding:8px}}