:root{--ink:#29221c;--ink-soft:#655b50;--paper:#f4eddb;--paper-deep:#e7dcc3;--frame:#211d19;--brass:#9a793c;--brass-light:#c4a968;--burgundy:#6e2d35;--olive:#66684c;--line:rgba(60,48,36,.24);--shadow:0 12px 30px rgba(32,25,19,.12);--serif:Georgia,"Times New Roman",serif;--sans:"Avenir Next","Segoe UI",Arial,sans-serif;--content:72rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper-deep);font-family:var(--sans);line-height:1.65}a{color:inherit;text-underline-offset:.2em}a:focus-visible,button:focus-visible{outline:3px solid var(--burgundy);outline-offset:3px}.site-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:min(var(--content),calc(100% - 2rem));margin-inline:auto}.narrow{max-width:48rem}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:50;padding:.7rem 1rem;color:#fff;background:var(--burgundy)}.skip-link:focus{top:1rem}.site-header{color:#f7f0df;background:var(--frame);border-bottom:2px solid var(--brass)}.header-inner{min-height:5rem;justify-content:space-between;gap:2rem}.brand,.header-inner{display:flex;align-items:center}.brand{gap:.75rem;text-decoration:none}.brand-mark{display:grid;width:2.6rem;height:2.6rem;place-items:center;border:1px solid var(--brass-light);color:var(--brass-light);font:700 .8rem var(--serif)}.brand span:last-child{display:grid}.brand strong{font:700 1.15rem var(--serif);letter-spacing:.03em}.brand small{color:#cfc2aa;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.nav-list{display:flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none}.nav-list a{display:block;padding:.45rem .65rem;color:#f4ead8;text-decoration:none}.nav-list a:hover{background:rgba(255,255,255,.08)}.site-footer{margin-top:auto;color:#ded2bc;background:var(--frame);border-top:1px solid var(--brass)}.footer-inner{display:flex;justify-content:space-between;gap:2rem;padding-block:2rem}.footer-inner p{max-width:42rem;margin:0}.footer-inner nav{display:flex;flex-wrap:wrap;gap:1rem;align-content:flex-start}.page-section{padding-block:clamp(3rem,7vw,6rem)}.hero{padding-block:clamp(4rem,10vw,8rem);color:#f6edda;background:linear-gradient(120deg,#231e19,#3a2d24 68%,#54272d);border-bottom:3px double var(--brass)}.hero-inner{max-width:64rem}.hero h1{max-width:11ch;color:#fff7e6}.hero-copy{max-width:43rem;color:#ddd0ba;font-size:1.12rem}.hero .eyebrow{color:var(--brass-light)}.systems-section{padding-block:clamp(3rem,6vw,5rem);background:rgba(255,255,255,.22);border-block:1px solid var(--line)}.about-panel,.guide-card,.system-card{padding:1.5rem}.system-card{text-decoration:none}.guide-card h3,.system-card h3{margin-top:0}.empty-state{padding:1.25rem;border:1px dashed var(--brass);background:rgba(244,237,219,.52)}.about-panel,.guide-article{max-width:52rem}.guide-article{padding:clamp(1.5rem,5vw,3rem);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.breadcrumbs,.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 2rem;padding:0;list-style:none;font-size:.88rem}.breadcrumbs li+li:before{content:"/";margin-right:.55rem;color:var(--brass)}.guide-header{padding-bottom:2rem;border-bottom:3px double var(--brass)}.guide-section{margin-top:2.5rem}.references li{overflow-wrap:anywhere}.meta,.references span{color:var(--ink-soft);font-size:.9rem}.back-link{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line)}h1,h2,h3{font-family:var(--serif);line-height:1.1}h1{font-size:clamp(2.5rem,6vw,5rem);margin:0 0 1rem}h2{font-size:clamp(1.7rem,3vw,2.5rem)}.eyebrow{color:var(--burgundy);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.button{display:inline-block;margin-top:1rem;padding:.75rem 1rem;color:#fff;background:var(--burgundy);border:1px solid #4d1d23;text-decoration:none}.panel{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.table-wrap{max-width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{padding:.75rem;border-bottom:1px solid var(--line);text-align:left}@media (max-width:720px){.footer-inner,.header-inner{align-items:flex-start;flex-direction:column;padding-block:1rem}.grid{grid-template-columns:1fr}.nav-list{gap:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}