:root{--color-brand-orange:#ff5733;--color-brand-gray:#363636;--color-bg:#f5f5f5;--color-surface:#fff;--color-surface-elevated:#eee;--color-border:#ddd;--color-border-strong:#c4c4c4;--color-text:#363636;--color-text-muted:#5c5c5c;--color-text-subtle:#7a7a7a;--color-primary:#ff5733;--color-primary-light:#ff7a5c;--color-primary-bg:#fff0ec;--color-accent:#ff5733;--color-accent-dark:#e04a2b;--color-warning-bg:#fff5f0;--color-warning-border:#ffc9b8;--color-warning-text:#b33a1f;--font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--font-serif:"DM Serif Display", Georgia, serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 3px #36363614;--shadow-md:0 4px 16px #3636361a;--shadow-lg:0 8px 32px #3636361f;--nav-width:260px;--content-max:820px;--header-height:64px;--transition:.2s ease}@media (prefers-color-scheme:dark){:root{--color-bg:#2a2a2a;--color-surface:#363636;--color-surface-elevated:#424242;--color-border:#4a4a4a;--color-border-strong:#5c5c5c;--color-text:#f0f0f0;--color-text-muted:#c8c8c8;--color-text-subtle:#9a9a9a;--color-primary:#ff5733;--color-primary-light:#ff8a6e;--color-primary-bg:#3d2a24;--color-accent:#ff5733;--color-accent-dark:#ff8a6e;--color-warning-bg:#3d2a24;--color-warning-border:#6b3d30;--color-warning-text:#ffb8a3;--shadow-sm:0 1px 3px #00000040;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #00000059}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 1.5rem)}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.65}#app{min-height:100vh}a{color:var(--color-primary);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--color-primary-light)}code{background:var(--color-surface-elevated);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:.15em .4em;font-family:ui-monospace,Cascadia Code,Source Code Pro,monospace;font-size:.875em}.site-header{z-index:100;height:var(--header-height);background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0}.site-header__brand{color:var(--color-text);align-items:center;gap:.75rem;text-decoration:none;display:flex}.site-header__logo{border-radius:var(--radius-sm);width:36px;height:36px}.site-header__title{font-family:var(--font-serif);font-size:1.15rem;font-weight:400;line-height:1.2}.site-header__subtitle{color:var(--color-text-muted);font-size:.75rem;display:block}.nav-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text);background:0 0;padding:.5rem .75rem;font-size:.875rem;display:none}.layout{grid-template-columns:var(--nav-width) 1fr;max-width:1280px;margin:0 auto;display:grid}.sidebar{top:var(--header-height);height:calc(100vh - var(--header-height));border-right:1px solid var(--color-border);padding:1.5rem 0 2rem 1.5rem;position:sticky;overflow-y:auto}.main{min-width:0;padding:2rem 2.5rem 4rem}.hero{max-width:var(--content-max);border-bottom:1px solid var(--color-border);margin-bottom:3rem;padding-bottom:2rem}.hero__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-dark);margin:0 0 .75rem;font-size:.8rem;font-weight:600}.hero__title{font-family:var(--font-serif);color:var(--color-text);margin:0 0 1rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:400;line-height:1.15}.hero__lead{color:var(--color-text-muted);max-width:640px;margin:0 0 1.5rem;font-size:1.125rem}.hero__meta{flex-wrap:wrap;gap:.75rem;display:flex}.hero__badge{background:var(--color-primary-bg);color:var(--color-primary);border:1px solid var(--color-border);border-radius:999px;padding:.35rem .75rem;font-size:.8rem}.section{max-width:var(--content-max);scroll-margin-top:calc(var(--header-height) + 1.5rem);margin-bottom:3.5rem}.section__header{margin-bottom:1.25rem}.section__number{color:var(--color-accent-dark);letter-spacing:.06em;font-size:.75rem;font-weight:600}.section__title{font-family:var(--font-serif);margin:.25rem 0 0;font-size:1.75rem;font-weight:400}.section__executive{color:var(--color-text-muted);margin:0 0 1.5rem;font-size:1.05rem;line-height:1.7}.site-footer{max-width:var(--content-max);border-top:1px solid var(--color-border);color:var(--color-text-subtle);margin-top:2rem;padding-top:2rem;font-size:.875rem}@media (width<=900px){.nav-toggle{display:block}.layout{grid-template-columns:1fr}.sidebar{top:var(--header-height);width:min(var(--nav-width), 85vw);height:calc(100vh - var(--header-height));background:var(--color-surface);z-index:90;transition:transform var(--transition);box-shadow:var(--shadow-lg);position:fixed;left:0;transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar-overlay{inset:0;top:var(--header-height);z-index:80;background:#0006;display:none;position:fixed}.sidebar-overlay.is-visible{display:block}.main{padding:1.5rem 1.25rem 3rem}}.nav-list{margin:0;padding:0;list-style:none}.nav-list__item{margin-bottom:.15rem}.nav-list__link{color:var(--color-text-muted);border-radius:var(--radius-sm);transition:background var(--transition), color var(--transition), border-color var(--transition);border-left:3px solid #0000;padding:.5rem .75rem;font-size:.9rem;text-decoration:none;display:block}.nav-list__link:hover{background:var(--color-surface-elevated);color:var(--color-text)}.nav-list__link.is-active{background:var(--color-primary-bg);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:500}.accordion{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:1.5rem;overflow:hidden}.accordion__trigger{background:var(--color-surface);cursor:pointer;width:100%;font-family:var(--font-sans);color:var(--color-text);text-align:left;transition:background var(--transition);border:none;justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:.95rem;font-weight:500;display:flex}.accordion__trigger:hover{background:var(--color-surface-elevated)}.accordion__icon{color:var(--color-text-subtle);transition:transform var(--transition);font-size:1.25rem}.accordion.is-open .accordion__icon{transform:rotate(45deg)}.accordion__panel{background:var(--color-surface);color:var(--color-text-muted);padding:0 1.25rem 1.25rem;font-size:.95rem;display:none}.accordion.is-open .accordion__panel{display:block}.accordion__panel ul,.accordion__panel ol{padding-left:1.25rem}.accordion__panel li{margin-bottom:.4rem}.accordion__panel p{margin:0 0 .75rem}.diagram-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem;overflow-x:auto}.diagram-wrap .mermaid{justify-content:center;display:flex}.diagram-wrap svg{max-width:100%;height:auto}.data-table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.875rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.6rem .75rem}.data-table th{color:var(--color-text);background:var(--color-surface-elevated);font-weight:600}.data-table td{color:var(--color-text-muted)}.surface-tabs{margin-bottom:1.5rem}.surface-tabs__nav{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.surface-tabs__btn{font-family:var(--font-sans);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);transition:all var(--transition);padding:.5rem 1rem;font-size:.875rem;font-weight:500}.surface-tabs__btn:hover{border-color:var(--color-border-strong);color:var(--color-text)}.surface-tabs__btn.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.surface-tabs__panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem}.surface-tabs__row{grid-template-columns:140px 1fr;gap:.5rem 1rem;margin-bottom:.6rem;font-size:.9rem;display:grid}.surface-tabs__label{color:var(--color-text);font-weight:600}.surface-tabs__value{color:var(--color-text-muted)}.flow-explorer{margin-bottom:1.5rem}.flow-explorer__steps{gap:.25rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.flow-explorer__step-btn{font-family:var(--font-sans);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);white-space:nowrap;transition:all var(--transition);flex:none;padding:.5rem .85rem;font-size:.8rem;font-weight:500}.flow-explorer__step-btn:hover{border-color:var(--color-primary)}.flow-explorer__step-btn.is-active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.flow-explorer__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem}.flow-explorer__step-title{color:var(--color-text);margin:0 0 .5rem;font-size:1rem;font-weight:600}.flow-explorer__business{color:var(--color-text-muted);margin:0 0 .75rem}.flow-explorer__technical{background:var(--color-surface-elevated);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent);color:var(--color-text-subtle);margin:0;padding:.75rem;font-size:.85rem}.flow-explorer__technical strong{color:var(--color-text-muted)}.cache-layers{margin-bottom:1.5rem}.cache-layers__stack{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.cache-layers__card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);padding:1rem 1.25rem}.cache-layers__card:hover{border-color:var(--color-border-strong)}.cache-layers__card.is-active{border-color:var(--color-primary);background:var(--color-primary-bg);box-shadow:var(--shadow-md)}.cache-layers__card.is-dimmed{opacity:.45}.cache-layers__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.cache-layers__name{color:var(--color-text);margin:0;font-size:.95rem;font-weight:600}.cache-layers__ttl{background:var(--color-surface-elevated);color:var(--color-text-subtle);white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.cache-layers__card.is-active .cache-layers__ttl{background:var(--color-primary);color:#fff}.cache-layers__detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem}.cache-layers__detail-title{margin:0 0 .5rem;font-weight:600}.cache-layers__detail-text{color:var(--color-text-muted);margin:0 0 .75rem;font-size:.95rem}.cache-layers__policy{background:var(--color-surface-elevated);border-radius:var(--radius-sm);color:var(--color-text-subtle);margin:0;padding:.5rem .75rem;font-family:ui-monospace,monospace;font-size:.85rem}.glossary{gap:.75rem;display:grid}.glossary__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem 1.25rem}.glossary__term{color:var(--color-primary);margin:0 0 .35rem;font-size:.95rem;font-weight:600}.glossary__def{color:var(--color-text-muted);margin:0;font-size:.9rem}.callout{border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.95rem}.callout--warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-text)}.callout strong{margin-bottom:.25rem;display:block}