/* Shared presentation derived from the original HAUX workflow document.
   v0.01 is deliberately excluded. Existing page content and interactions remain. */
:root{--site-bg:#0c0e0f;--site-panel:#16191b;--site-tx:#f4f5f1;--site-muted:#9aa19f;--site-hair:#ffffff2a;--site-nav:256px;--site-status:28px;--site-font:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace}
html{scroll-padding-top:32px}body{background:var(--site-bg);color:var(--site-tx);font:14px/1.65 var(--site-font);padding-bottom:var(--site-status)}
.site-rail{position:fixed;left:0;top:0;bottom:var(--site-status);width:var(--site-nav);background:var(--site-panel);border-right:1px solid var(--site-hair);z-index:20;display:flex;flex-direction:column;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}
.site-brand{display:flex;gap:12px;align-items:center;padding:22px 18px;text-decoration:none;border-bottom:1px solid var(--site-hair);min-height:88px}.site-mark{display:grid;place-items:center;flex:none;width:42px;height:42px;background:#08090a;border:1px solid var(--site-hair);border-radius:8px;font-size:13px;font-weight:800;line-height:1.05;text-align:center}.site-brand b{display:block;font-size:14px;letter-spacing:.1em}.site-brand small{display:block;font-size:10px;letter-spacing:.18em;color:var(--site-muted)}
.site-links{display:flex;flex-direction:column;padding:16px 0;overflow:auto}.site-links a{display:flex;align-items:center;gap:12px;padding:11px 18px;min-height:44px;border-left:2px solid transparent;color:var(--site-muted);text-decoration:none;font-size:11px;letter-spacing:.1em}.site-links a span{font-size:10px;min-width:18px}.site-links a:hover,.site-links a[aria-current=page]{background:#f4f5f11c;color:var(--site-tx);border-left-color:var(--site-tx)}.site-rail footer{margin:auto 0 0;padding:16px 18px 28px;color:var(--site-muted);border-top:1px solid var(--site-hair);font-size:10px;letter-spacing:.06em}
.site-status{position:fixed;bottom:0;left:0;right:0;z-index:30;height:var(--site-status);background:var(--site-panel);border-top:1px solid var(--site-hair);display:flex;justify-content:space-between;gap:16px;align-items:center;padding:0 16px;color:var(--site-muted);font-size:10px;letter-spacing:.08em}.site-status b{color:var(--site-tx);font-weight:400}.site-status .dot{display:inline-block;width:7px;height:7px;border:1px solid var(--site-tx);border-radius:50%;margin-right:8px}
body>.page,body>main{margin-left:var(--site-nav);width:calc(100% - var(--site-nav));max-width:none;padding:48px clamp(20px,4vw,56px) 72px}body>.page>*,body>main>*{max-width:1240px;margin-left:auto;margin-right:auto}body>header.top{margin-left:var(--site-nav);padding-left:clamp(20px,4vw,56px);padding-right:clamp(20px,4vw,56px);background:var(--site-panel);border-color:var(--site-hair);position:relative}
body>.page>header{border-bottom:1px solid var(--site-hair);padding-bottom:32px;margin-bottom:32px}h1,h2,h3,h4,button,input,select,.lede,.lead,.intro,.meta,nav{font-family:var(--site-font)}.page .intro h1,.page .studio-hero h1,body>main h1,h1{font-weight:400;letter-spacing:.025em;font-size:clamp(30px,3.4vw,48px);line-height:1.16;max-width:28ch}h2{font-weight:400;letter-spacing:.07em}h3{font-weight:500}.lead,.lede{font-size:16px;line-height:1.7;color:var(--site-muted)}p{line-height:1.7}.eyebrow{font-size:11px;letter-spacing:.15em;color:var(--site-muted)}
.path-card,.card,.entry,.catalog-card,.module-card{border:1px solid var(--site-hair);border-radius:10px;background:var(--site-panel);box-shadow:none}.site-nav,.public-nav,.studio-nav{gap:12px 20px;border-color:var(--site-hair)}.site-nav a,.public-nav a,.studio-nav a{min-height:44px;display:inline-flex;align-items:center;font-size:12px}a{color:inherit;text-underline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--site-tx);outline-offset:4px}.site-rail a:focus-visible{outline-offset:-4px}
.sec-head,.section-title{border-bottom:1px solid var(--site-hair);padding-bottom:14px}.section-title{font-size:22px;letter-spacing:.06em}.site-skip{position:absolute;top:-100px;left:16px;z-index:50;padding:12px;background:var(--site-tx);color:var(--site-bg)}.site-skip:focus{top:8px}input,select,button{min-height:44px}.table,.tbl-wrap{max-width:100%;overflow:auto}img{max-width:100%}
@media(max-width:850px){.site-rail{position:relative;width:100%;bottom:auto;clip-path:none;border-right:0;border-bottom:1px solid var(--site-hair)}.site-brand{min-height:72px;padding:14px 20px}.site-links{flex-direction:row;flex-wrap:wrap;padding:4px 12px;gap:0}.site-links a{padding:10px 8px;letter-spacing:.02em;border-left:0;border-bottom:2px solid transparent}.site-links a[aria-current=page]{border-bottom-color:var(--site-tx)}.site-links a span{display:none}.site-rail footer{display:none}body>.page,body>main{width:100%;margin-left:0;padding:32px 20px 64px}body>header.top{margin-left:0;padding:16px 20px}.site-status{font-size:9px;padding:0 12px}.site-status>span:last-child{display:none}h1{font-size:clamp(30px,6vw,42px)}.lede,.lead{font-size:15px}}
@media print{.site-rail,.site-status{display:none}body>.page,body>main{margin-left:0;width:100%;padding:0}body>header.top{margin-left:0}}