/* Page-specific CSS retained from original: token-harmonized via :root aliases */
:root{--ink:#0b1020;--ink-soft:#3a3f55;--line:rgba(11,16,32,.12);--bg:#fbfaf6;--surface:#fff;--surface-alt:#f6f4ec;--accent:#6d28d9;--accent-soft:#a78bfa;--gold:#b08d57;--steel:#5b6478;--win:#16a34a;--tie:#ca8a04;--lose:#dc2626;--max:1200px}
.hero .meta{font-size:.92rem;color:var(--steel);margin-bottom:26px;font-style:italic}
.block.alt{background:var(--surface-alt)}
.matrix-wrap{overflow-x:auto;margin:24px -24px;padding:0 24px}
table.matrix{width:100%;min-width:1080px;border-collapse:collapse;font-size:.86rem;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}
table.matrix th,table.matrix td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
table.matrix thead th{background:var(--ink);color:#fff;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;padding:14px 12px}
table.matrix thead th.col-paul{background:var(--accent)}
table.matrix tbody td{font-size:.84rem;line-height:1.5}
table.matrix tbody td.dim{font-weight:600;background:var(--surface-alt);color:var(--ink);font-size:.82rem;width:170px}
table.matrix tbody td.col-paul{background:rgba(109,40,217,.05);font-weight:500}
.badge{display:inline-block;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase;margin-right:4px;color:#fff}
.b-win{background:var(--win)}
.b-tie{background:var(--tie)}
.b-lose{background:var(--lose)}
.arch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}
.arch{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px}
.arch h3{margin:0;font-size:1.12rem;font-weight:800;line-height:1.25}
.arch .examples{font-size:.82rem;color:var(--steel);font-style:italic;margin-bottom:6px}
.arch .row{font-size:.92rem;line-height:1.55;color:var(--ink-soft)}
.arch .row strong{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:2px;font-weight:700}
.arch .verdict{margin-top:6px;padding:10px 12px;background:var(--surface-alt);border-radius:6px;font-size:.86rem;line-height:1.45}
.arch .verdict strong{color:var(--ink);font-size:.86rem;text-transform:none;letter-spacing:0;display:inline}
.tree{max-width:780px;margin:0 auto;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.tree li{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px 22px;font-size:.96rem;line-height:1.55}
.tree li strong{color:var(--accent);display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-weight:700}
:root{--bg:#fff;--surface:#fff;--surface-2:#f6f9fc;--border:#e3e8ee;--border-2:#d6dde6;--ink:#0a2540;--text:#425466;--text-2:#697386;--text-3:#8898aa;--accent:#6d28d9;--accent-deep:#5b21b6;--accent-soft:#8b5cf6;--accent-light:#a78bfa;--good:#16a34a;--sans-d:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI Variable Display","Segoe UI","SF Pro Display","Helvetica Neue",Arial,sans-serif;--sans-t:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI","SF Pro Text","Helvetica Neue",Arial,sans-serif;--max:1200px;--r:12px;--r-lg:20px;--sh-sm:0 1px 2px rgba(10,37,64,.04),0 1px 3px rgba(10,37,64,.05);--sh:0 4px 14px rgba(10,37,64,.06),0 1px 3px rgba(10,37,64,.04);--ease:cubic-bezier(.2,.7,.2,1)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand .logo{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent) 50%,var(--accent-soft) 100%);box-shadow:0 4px 12px rgba(109,40,217,.28);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--sans-d);font-size:11px;font-weight:800;color:#fff;letter-spacing:.06em}