/* Harderware PCB visual language. Decorative traces never contain content or controls. */
:root{--pcb-bg:#07151a;--pcb-surface:#10292c;--pcb-surface-raised:#143137;--pcb-copper:#f4b668;--pcb-trace:#58bfa2;--pcb-glow:#a9ffe0;--pcb-grid:rgba(69,156,132,.085);--pcb-border:#356b64;--pcb-muted:#b8d1cf;--pcb-radius:12px}
html{scroll-padding-top:90px}body{background-color:var(--pcb-bg);background-image:linear-gradient(var(--pcb-grid) 1px,transparent 1px),linear-gradient(90deg,var(--pcb-grid) 1px,transparent 1px);background-size:36px 36px;background-attachment:fixed;color:#effaf7}
.site-head{background:rgba(7,24,29,.97);border-bottom:1px solid #357467;box-shadow:0 7px 30px #0004}
.site-head:after{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent 1%,var(--pcb-copper) 20%,var(--pcb-trace) 34%,transparent 62%,var(--pcb-trace) 82%,transparent)}
.brand{letter-spacing:.035em}.brand-mark{border-color:#84dbc3;box-shadow:inset 0 0 0 2px #0a3937,0 0 0 3px #0c2429;border-radius:5px}
.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;color:#b1f8dc}
.eyebrow:before{content:"";display:inline-block;width:7px;height:7px;margin-right:11px;background:var(--pcb-copper);border:2px solid #654d33;border-radius:50%;box-shadow:0 0 0 2px #19463f;vertical-align:1px}
.hub-main,.wrap{position:relative}
.hub-hero,.landing-hero{isolation:isolate;background-color:#091e23!important;background-image:radial-gradient(ellipse at 80% 20%,rgba(37,127,104,.38),transparent 55%),linear-gradient(135deg,#082227,#0a171e 70%)!important;border:1px solid var(--pcb-border);border-radius:14px;box-shadow:0 0 0 5px #08181dc9,0 0 0 6px #2b5d5680,0 24px 60px #0006}
.hub-hero:before,.landing-hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.72;background-image:linear-gradient(90deg,transparent 0 72%,#317969 72% 72.25%,transparent 72.25%),linear-gradient(0deg,transparent 0 23%,#317969 23% 23.3%,transparent 23.3%),linear-gradient(90deg,transparent 0 85%,#b27c45 85% 85.18%,transparent 85.18%),radial-gradient(circle at 72% 23%,#b8834b 0 4px,#194c42 5px 9px,transparent 10px),radial-gradient(circle at 85% 50%,#eab76b 0 4px,#194c42 5px 9px,transparent 10px),radial-gradient(circle at 72% 74%,#80dabd 0 4px,#194c42 5px 9px,transparent 10px),linear-gradient(rgba(64,154,133,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(64,154,133,.12) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,28px 28px,28px 28px}
.hub-hero:after,.landing-hero:after{content:"";position:absolute;pointer-events:none;right:5%;top:12%;width:min(26%,260px);height:70%;opacity:.32;border:2px solid #4db697;border-radius:6px;clip-path:polygon(0 0,100% 0,100% 80%,60% 80%,60% 100%,0 100%);background:repeating-linear-gradient(0deg,transparent 0 17px,#7ac9b24a 18px 19px,transparent 20px 36px)}
.public-hero .hub-lead,.hub-hero .hub-lead,.landing-hero .hero-copy{color:#d1e5e0;text-wrap:pretty}
.hub-hero h1,.landing-hero h1{max-width:920px;text-wrap:balance;text-shadow:0 4px 18px #031215}
.public-hero h1 span,.landing-hero h1 span{color:#a7ffe0}
.hub-card,.landing-feature,.card,.panel,.hub-aside{position:relative;background:linear-gradient(148deg,var(--pcb-surface-raised),var(--pcb-surface));border:1px solid var(--pcb-border);border-radius:var(--pcb-radius);box-shadow:inset 0 1px #7cceb124,0 12px 24px #0002}
.hub-card:before,.landing-feature:before,.card:before{content:"";position:absolute;left:18px;top:0;width:32px;height:3px;background:var(--pcb-copper);box-shadow:36px 0 0 #4aaa92;pointer-events:none}
.hub-card:after,.landing-feature:after,.card:after{content:"";position:absolute;right:15px;top:15px;width:7px;height:7px;border-radius:50%;border:2px solid #397d6c;background:#f4bc71;box-shadow:0 0 0 3px #0c302d;pointer-events:none}
.hub-card span{color:#aaffdf;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:650}
.hub-card h3,.landing-feature h3,.hub-aside h2{color:#f0fffa}
.hub-card p,.landing-feature p{color:var(--pcb-muted)}
.hub-card:hover,.landing-feature:hover{border-color:#a6e7d1;box-shadow:inset 0 1px #a1e0c445,0 12px 30px #0005}
.hub-section{border-bottom-color:#33655c;position:relative}
.hub-section:before{content:"";position:absolute;left:0;bottom:-2px;width:52px;height:3px;background:#d3a361;pointer-events:none}
.hub-aside{border-top:3px solid #d6a05f}
.hub-aside>a{border-bottom-color:#38675d}
.hub-section details{border-bottom-color:#3b6f65;padding:17px 0}
.hub-section summary{color:#eafff9;min-height:30px;padding-right:12px}
.hero-metric{border-color:#478677;position:relative;padding-left:15px}
.hero-metric:before{content:"";position:absolute;left:0;top:17px;width:6px;height:6px;border-radius:50%;background:#e6b56e}
.hero-button{border-radius:7px;box-shadow:0 3px 0 #376b5c;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:750}
.hero-button.secondary{box-shadow:0 3px 0 #102e37}
.hero-button:focus-visible,.hub-card:focus-visible,.landing-feature:focus-visible,.menu-toggle:focus-visible{outline:3px solid #ffca84;outline-offset:4px}
.foot{border-color:#326357}footer{background:#081a20!important}
.menu-toggle{color:#edfff9;border-color:#4d8b7c;min-height:44px}
.topbar nav a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:850px){.topbar nav{background:#0d252a;border:1px solid #387669;border-radius:9px;padding:6px 12px}.topbar nav a{min-height:46px}.site-head .topbar{gap:12px}}
@media(max-width:730px){.hub-hero:after,.landing-hero:after{opacity:.14;width:40%}.hub-hero:before,.landing-hero:before{opacity:.38}.hub-card-grid{gap:12px}.hub-card,.landing-feature{padding:20px}.hub-hero h1{overflow-wrap:break-word}.hub-main{min-width:0}.hub-section h2{text-wrap:balance}}
@media(max-width:420px){.brand{font-size:17px}.topbar{padding-left:16px;padding-right:16px}.hub-hero,.landing-hero{border-radius:9px;box-shadow:0 0 0 2px #0b2d2b,0 12px 35px #0006}.hub-card{min-height:0}.hub-actions .hero-button{white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.hub-card,.landing-feature{transition:none!important;transform:none!important}}
@media(prefers-contrast:more){.hub-card,.landing-feature,.hub-aside,.hub-hero{border-width:2px}.hub-lead,.hub-card p{color:#fff}}
@media print{body{background:#fff;color:#111}.hub-hero,.hub-card,.hub-aside{box-shadow:none;background:#fff!important;color:#111!important}.hub-hero:before,.hub-hero:after,.hub-card:after,.hub-card:before{display:none}a{color:#164b42}}

/* Exposed board revision rail: clear text, not fake live telemetry. */
.pcb-status{display:flex;flex-wrap:wrap;gap:9px 20px;justify-content:space-between;align-items:center;position:relative;margin:-19px 0 26px;padding:11px 14px;border:1px solid #3b7a6c;border-left:4px solid var(--pcb-copper);border-radius:4px;background:rgba(6,27,28,.84);color:#c4f2e4;font:700 11px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.095em}
.pcb-status span{white-space:normal}.pcb-status span:first-child{color:#ffd39a}.pcb-status span:last-child{color:#a4c4c0}
.pcb-status:after{content:"";position:absolute;bottom:-7px;left:12px;width:6px;height:6px;border-radius:50%;background:#f6b66d;border:2px solid #153a35}
@media(max-width:630px){.pcb-status{margin:-8px 0 25px;gap:5px 13px;font-size:10px}.pcb-status span:last-child{display:none}}

.pcb-search{display:grid;gap:9px;margin:26px 0 14px;max-width:720px;padding:20px;border:1px solid #438677;border-radius:9px;background:#0e292d;box-shadow:inset 0 1px #69c5a83b}
.pcb-search label{color:#e8fff7;font-weight:750;font-size:14px}
.pcb-search input{width:100%;min-height:48px;max-width:100%;padding:12px 14px;border-radius:5px;border:1px solid #6a9f90;background:#081d23;color:#f3fffb;font:inherit}
.pcb-search input::placeholder{color:#a4c2bb}
.pcb-search input:focus-visible{outline:3px solid #ffc47a;outline-offset:3px}
.pcb-search p{font-size:12px;color:#beded4;margin:2px 0 0}
.hub-card[hidden],#topic-empty[hidden]{display:none!important}

/* Ambient signal motion is purely decorative and does not affect layout. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .hub-card,.landing-feature,.news-card,.news-category{will-change:auto;transition:transform 210ms cubic-bezier(.2,.75,.25,1),border-color 210ms ease,box-shadow 210ms ease}
 .hub-card:hover,.landing-feature:hover{transform:translateY(-4px)}
 .hero-button{transition:transform 160ms ease,background-color 160ms ease,box-shadow 160ms ease}
 .hero-button:hover{transform:translateY(-2px);box-shadow:0 5px 0 #276354,0 12px 25px #0004}
 .hero-button:active{transform:translateY(1px);box-shadow:0 1px 0 #276354}
 .hub-hero:before,.landing-hero:before{animation:pcb-signal 14s ease-in-out infinite alternate}
 .pcb-status:after{animation:pcb-via-pulse 3.8s ease-in-out infinite}
}
@keyframes pcb-signal{from{opacity:.44}to{opacity:.75}}
@keyframes pcb-via-pulse{0%,100%{box-shadow:0 0 0 2px #153a35}50%{box-shadow:0 0 0 6px #153a3550}}
@media(prefers-reduced-motion:reduce){.hub-hero:before,.landing-hero:before,.pcb-status:after{animation:none!important}.hero-button{transition:none!important}}
@media(hover:none){.hub-card:hover,.landing-feature:hover,.news-card:hover,.news-category:hover,.hero-button:hover{transform:none}}
