.sidebar{color:#f8fafc;background:linear-gradient(#0f172a 0%,#1e293b 100%);flex-direction:column;gap:1.5rem;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:flex-start;gap:.75rem;padding:0 .5rem;display:flex}.brand-flag{background:linear-gradient(#fff 33%,#0033a0 33% 66%,#ee1c25 66%);border-radius:2px;flex-shrink:0;width:4px;min-height:56px}.sidebar-brand strong{font-family:var(--font-serif);font-size:1.05rem;line-height:1.3;display:block}.sidebar-brand span{color:#94a3b8;font-size:.8rem;line-height:1.3;display:block}.brand-author{margin-top:.25rem;font-weight:500;color:#cbd5e1!important}.sidebar-nav{flex-direction:column;flex:1;gap:.15rem;display:flex}.nav-group{text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding:.75rem .85rem .35rem;font-size:.65rem;font-weight:700}.nav-item{color:#cbd5e1;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.65rem;width:100%;padding:.65rem .85rem;font-size:.9rem;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;background:#ffffff1f}.nav-icon{opacity:.7;font-size:.85rem}.sidebar-footer{color:#64748b;padding:0 .5rem;font-size:.75rem;line-height:1.5}.back-to-state-os{color:#f8fafc;text-align:center;background:#ffffff14;border:1px solid #94a3b859;border-radius:999px;margin-bottom:.85rem;padding:.55rem .75rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:block}.back-to-state-os:hover{color:#fff;background:#ffffff24;border-color:#e2e8f08c}.locale-switcher{color:#cbd5e1;border-bottom:1px solid #94a3b82e;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;font-weight:600;display:flex}.locale-switcher-links{background:#ffffff0d;border:1px solid #94a3b859;border-radius:999px;display:inline-flex;overflow:hidden}.locale-switcher-links a{color:#cbd5e1;text-align:center;min-width:2.25rem;padding:.3rem .6rem;text-decoration:none;transition:background .15s,color .15s}.locale-switcher-links a:hover{color:#fff;background:#ffffff1a}.locale-switcher-links a.active{color:#0f172a;background:#fff}.source-label{word-break:break-word}@media (width<=900px){.sidebar{height:auto;position:relative}.sidebar-nav{flex-flow:wrap}.nav-group{width:100%}.nav-item{flex:auto;width:auto;min-width:140px}}.hero{margin-bottom:2.5rem}.hero-subtitle{font-weight:500;color:var(--text)!important;font-size:1.2rem!important}.flow-diagram{margin-bottom:2.5rem}.flow-steps{flex-wrap:wrap;align-items:stretch;gap:.5rem;display:flex}.flow-step{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left;flex:1;align-items:flex-start;gap:.75rem;min-width:200px;padding:1.25rem;transition:box-shadow .2s,transform .15s;display:flex}.flow-step:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.flow-step--critique{border-top:3px solid #dc2626}.flow-step--pragmatic{border-top:3px solid var(--pragmatic)}.flow-step--integrated{border-top:3px solid var(--integrated)}.flow-num{background:var(--surface-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.9rem;font-weight:700;display:flex}.flow-step strong{margin-bottom:.25rem;font-size:.95rem;display:block}.flow-step p{color:var(--text-muted);font-size:.85rem}.flow-arrow{color:var(--text-muted);align-items:center;padding:0 .25rem;font-size:1.25rem;display:flex}.approach-cards{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=900px){.approach-cards{grid-template-columns:1fr}.flow-arrow{display:none}}.approach-card{border-radius:var(--radius);border:1px solid var(--border);padding:1.5rem}.approach-card--original{background:linear-gradient(135deg, var(--original-bg), var(--surface));border-top:3px solid var(--original)}.approach-card--pragmatic{background:linear-gradient(135deg, var(--pragmatic-bg), var(--surface));border-top:3px solid var(--pragmatic)}.approach-card--integrated{background:linear-gradient(135deg, var(--integrated-bg), var(--surface));border-top:3px solid var(--integrated)}.approach-card h3{margin-bottom:.35rem;font-size:1.1rem}.approach-source{color:var(--text-muted);margin-bottom:.75rem;font-size:.8rem}.approach-card p:last-child{color:var(--text-muted);font-size:.9rem}.quick-links{margin-top:2.5rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.quick-card{text-align:left;width:100%}.quick-card h3{margin-bottom:.5rem;font-size:1.05rem}.quick-card p{color:var(--text-muted);font-size:.9rem}.badge-critique{color:#991b1b;background:#fee2e2}.critique-summary{font-family:var(--font-serif);border-radius:0 var(--radius) var(--radius) 0;color:#450a0a;background:#fef2f2;border-left:4px solid #dc2626;margin-bottom:2rem;padding:1.5rem 1.75rem;font-size:1.1rem;line-height:1.6}.critique-cards{flex-direction:column;gap:1.5rem;display:flex}.critique-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);gap:1.25rem;padding:1.5rem;display:flex}.critique-card-num{color:#991b1b;background:#fee2e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.1rem;font-weight:700;display:flex}.critique-card-body{flex:1;min-width:0}.critique-card header{margin-bottom:1rem}.critique-card h2{margin-bottom:.25rem;font-size:1.2rem}.critique-subtitle{color:var(--text-muted);font-size:.85rem;font-weight:500}.critique-section{margin-bottom:1rem}.critique-section:last-child{margin-bottom:0}.critique-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:700;font-family:var(--font-sans);margin-bottom:.35rem}.critique-section p{font-size:.95rem}.critique-section--reality{background:var(--surface-2);border-radius:8px;padding:.75rem 1rem}.critique-section--verdict p{color:#991b1b;font-weight:500}.closing-question{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);margin-top:2.5rem;padding:1.5rem}.closing-question h3{margin-bottom:.5rem;font-size:1rem}.closing-question p{color:var(--text-muted);font-style:italic}@media (width<=600px){.critique-card{flex-direction:column}}.comparison-panel{margin-bottom:2.5rem}.comparison-panel-header{border-left:4px solid var(--topic-color,var(--accent));margin-bottom:1.25rem;padding-left:1rem}.comparison-panel-header h2{margin-bottom:.25rem;font-size:1.35rem}.comparison-panel-header p{color:var(--text-muted);font-size:.95rem}.comparison-cols{gap:1rem;display:grid}.comparison-cols--2{grid-template-columns:repeat(2,1fr)}.comparison-cols--3{grid-template-columns:repeat(3,1fr)}.comparison-cols--height-synced{align-items:start}.comparison-col-sync-wrap>.comparison-col{box-sizing:border-box;height:100%;overflow:hidden}.comparison-cols--height-synced.is-ssr-expanded{align-items:start}@media (width<=1100px){.comparison-cols--3{grid-template-columns:1fr}.comparison-cols--height-synced .comparison-col-sync-wrap,.comparison-col--collapsible.is-locked{height:auto!important;max-height:none!important}}@media (width<=768px){.comparison-cols--2{grid-template-columns:1fr}}.comparison-col{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.5rem}.comparison-col--original{border-top:3px solid var(--original);background:linear-gradient(180deg, var(--original-bg) 0%, var(--surface) 40%)}.comparison-col--pragmatic{border-top:3px solid var(--pragmatic);background:linear-gradient(180deg, var(--pragmatic-bg) 0%, var(--surface) 40%)}.comparison-col--integrated{border-top:3px solid var(--integrated);background:linear-gradient(180deg, var(--integrated-bg) 0%, var(--surface) 40%)}.comparison-col-header{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.col-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.2rem .6rem;font-size:.7rem;font-weight:700}.col-badge--original{background:var(--original-bg);color:var(--original)}.col-badge--pragmatic{background:var(--pragmatic-bg);color:var(--pragmatic)}.col-badge--integrated{background:var(--integrated-bg);color:var(--integrated)}.framework-tag{color:var(--integrated);background:var(--integrated-bg);border-radius:6px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.comparison-summary{margin-bottom:.75rem;font-size:.95rem;font-weight:500}.comparison-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.comparison-list li{color:var(--text);padding-left:1.1rem;font-size:.9rem;position:relative}.comparison-list li:before{content:"";opacity:.4;background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:.55em;left:0}.comparison-col--original .comparison-list li:before{background:var(--original)}.comparison-col--pragmatic .comparison-list li:before{background:var(--pragmatic)}.comparison-col--integrated .comparison-list li:before{background:var(--integrated)}.comparison-rationale{border-left:3px solid var(--border);background:var(--surface-2);color:var(--text-muted);border-radius:0 8px 8px 0;margin-top:1rem;padding:.75rem 1rem;font-size:.85rem;font-style:italic}.comparison-col-sync-wrap{min-width:0;overflow:hidden}.comparison-col--collapsible.is-locked{box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden}.comparison-col--collapsible.is-expanded{flex-direction:column;display:flex}.comparison-col--collapsible{flex-direction:column;display:flex;position:relative}.comparison-col--collapsible.is-collapsed{overflow:hidden}.comparison-col--collapsible.is-collapsed:before{content:"";background:linear-gradient(180deg, transparent 0%, var(--surface) 85%);pointer-events:none;z-index:1;height:4rem;position:absolute;bottom:2.75rem;left:0;right:0}.comparison-col--collapsible.is-locked .comparison-col-scroll{flex:1;min-height:0;overflow:hidden}.comparison-more{z-index:2;color:var(--integrated);cursor:pointer;background:0 0;border:none;align-self:flex-end;align-items:center;gap:.35rem;margin-top:auto;padding:.6rem 0 .15rem;font-size:.9rem;font-weight:600;transition:color .15s;display:inline-flex;position:relative}.comparison-more:hover{color:#047857}.comparison-more-arrow{font-size:1rem;line-height:1}.badge-pragmatic{background:var(--pragmatic-bg);color:var(--pragmatic)}.badge-integrated{background:var(--integrated-bg);color:var(--integrated)}.integrated-intro{background:var(--integrated-bg);border-radius:var(--radius);border:1px solid #a7f3d0;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.integrated-intro p{color:#065f46;font-size:.95rem}.legend{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.legend-item{border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.legend-item--original{background:var(--original-bg);color:var(--original)}.legend-item--pragmatic{background:var(--pragmatic-bg);color:var(--pragmatic)}.legend-item--integrated{background:var(--integrated-bg);color:var(--integrated)}.comparison-col--empty{color:var(--text-muted);justify-content:center;align-items:center;font-size:.9rem;font-style:italic;display:flex}.triple-extra{border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.section-title{margin-bottom:1.25rem;font-size:1.25rem}.app{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.main{max-width:1200px;padding:2rem 2.5rem 3rem;overflow-y:auto}.page-header{margin-bottom:2rem}.page-header h1{margin-bottom:.5rem;font-size:2rem;font-weight:700}.page-header p{color:var(--text-muted);max-width:70ch;font-size:1.05rem}.page-header em{color:var(--text);font-style:normal;font-weight:500}.badge{text-transform:uppercase;letter-spacing:.04em;background:var(--accent-light);color:var(--accent);border-radius:999px;margin-bottom:.75rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.5rem;transition:box-shadow .2s,border-color .2s}.card:hover{box-shadow:var(--shadow-lg)}@media (width<=900px){.app{grid-template-columns:1fr}.main{padding:1.5rem 1.25rem 2rem}}:root{--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--border:#e2e8f0;--text:#0f172a;--text-muted:#64748b;--accent:#1e40af;--accent-light:#dbeafe;--original:#1e40af;--original-bg:#eff6ff;--pragmatic:#c2410c;--pragmatic-bg:#fff7ed;--integrated:#047857;--integrated-bg:#ecfdf5;--shadow:0 1px 3px #0f172a14;--shadow-lg:0 10px 40px #0f172a1a;--radius:12px;--font-sans:"Inter", system-ui, sans-serif;--font-serif:"Source Serif 4", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-serif);line-height:1.25}button{cursor:pointer;font-family:inherit}a{color:var(--accent)}