.theme-semaphore{--paper:#F0F7F4;--ink:#234438;--accent:#20694C;--second:#3B82F6;--soft:#DEEDE5;--muted:#4A6759;--line:#ACCBB9;--on-accent:#FFFFFF;--radius:12px;--focus:#234438}
.rack-stage{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.rack-display{background:var(--soft);border:1px solid #3b82f644;padding:12px 20px 24px}.theme-semaphore .ft-metrics{border-bottom:3px solid var(--accent);padding-block:24px}.theme-semaphore .ft-metrics .metrics{border:0}.theme-semaphore .plan{border-radius:4px;background:linear-gradient(180deg,#10b98107,transparent)}.theme-semaphore .plan-head{border-bottom:1px solid var(--line);padding-bottom:20px}.theme-semaphore .ft-story{max-width:810px;margin:auto}.theme-semaphore .clients{grid-template-columns:repeat(2,minmax(0,1fr))}
.theme-semaphore .reading-body{padding:32px;background:var(--soft);border:1px solid var(--line);border-radius:12px}.theme-semaphore .gate-board{padding:32px;border:1px solid var(--line);border-radius:12px}
@media(max-width:1000px){.theme-semaphore .ft-hero{grid-template-columns:1fr;gap:32px}.theme-semaphore .hero-copy{max-width:800px;margin-inline:0}.theme-semaphore .ft-hero .scene{max-width:650px;width:100%;margin-inline:auto}.theme-semaphore .ft-hero>.scene{order:2}.theme-semaphore .ft-hero>.ft-metrics{order:3}.theme-semaphore .ft-hero .hero-copy{border-left:0;padding-left:0}.theme-semaphore .ft-hero>div{min-width:0}.theme-semaphore .clients{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-semaphore .ft-story{display:block}.theme-semaphore .ft-story .eyebrow{margin-bottom:12px}.theme-semaphore .ft-story h2{margin-bottom:18px}}
@media(max-width:600px){.theme-semaphore .clients{grid-template-columns:1fr}.theme-semaphore .ft-story{padding-inline:0;border-left:0}.theme-semaphore .reading-body,.theme-semaphore .gate-board{padding:22px}.theme-semaphore .ft-metrics{padding-inline:0}.theme-semaphore .ft-hero{padding-block:30px}.theme-semaphore .ft-hero .hero-copy{padding:0}.theme-semaphore .ft-hero h1{font-size:32px}.theme-semaphore .scene{max-width:420px}}

/* Status specification rows match the server-rack composition. */
@media(min-width:1001px){.theme-semaphore .ft-metrics .metrics{display:block;border-top:1px solid var(--line)}.theme-semaphore .ft-metrics .metrics>div{display:grid;grid-template-columns:1fr 2fr;gap:32px;padding:18px 0;border-bottom:1px solid var(--line)}.theme-semaphore .ft-metrics .metrics dd{margin:0}}