/* Local application skin from the published computelab.co brand, October 12.
   Fonts and C mark are copied from the approved website release. */
@font-face{font-family:'CL Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('/static/brand/SpaceGrotesk-400.ttf') format('truetype')}
@font-face{font-family:'CL Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url('/static/brand/SpaceGrotesk-500.ttf') format('truetype')}
@font-face{font-family:'CL Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url('/static/brand/SpaceGrotesk-600.ttf') format('truetype')}
@font-face{font-family:'CL Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/static/brand/JetBrainsMono-400.ttf') format('truetype')}
@font-face{font-family:'CL Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/static/brand/JetBrainsMono-500.ttf') format('truetype')}
:root{--coral:#FF624A;--ink:#191A1C;--paper:#FAF8F4;--muted:#5a5752;--line:#d6d0c6;--mint:#f0ece4;--green:#923b2b}
body{font-family:'CL Grotesk',Arial,sans-serif}
header{height:76px;background:var(--paper)}
.brand{gap:10px;font-size:22px;letter-spacing:-1px;font-weight:600;white-space:nowrap}
.brand>span{font-weight:600}.brand .brand-domain{color:var(--coral);font-weight:600}.brand img{display:block;flex-shrink:0}
header nav a,header nav summary{color:var(--ink)}header nav .button{color:var(--paper)}
button,.button,input,select,textarea{font-family:inherit}
button,.button{background:var(--ink);border-color:var(--ink);color:var(--paper);min-height:44px;border-radius:3px}
button:hover,.button:hover{background:#383838;color:var(--paper)}
.quiet{background:transparent;color:var(--ink);border-color:var(--line)}.quiet:hover{background:var(--mint);color:var(--ink)}
.eyebrow,.number,.mono,pre,code,.hash{font-family:'CL Mono',monospace}
.eyebrow,.number{color:var(--muted)}
h1,h2,h3{font-weight:500}h1 em{color:var(--ink)}
.panel,.service-card,.result-comparison,.outcome-action,.request{border-radius:4px}
.panel,.service-card,.request,.result-comparison{background:#fffdfa}
.desk-section .panel{border-top:3px solid var(--coral)}
.notice,.outcome-action{background:var(--mint);border-color:var(--line);border-radius:4px}
.service-card:hover{background:var(--mint);border-color:var(--ink)}
.source-diff{background:var(--ink);color:var(--paper);border-radius:3px}
select,textarea{color:var(--ink)}
.engine-map{background:var(--mint)!important;border-color:var(--line)!important;box-shadow:none;color:var(--ink)}
.demo-intro{background:var(--coral);padding:36px;margin:0 -36px 36px;border-radius:3px}
.demo-intro .eyebrow,.demo-intro .lead,.demo-intro a:not(.button){color:var(--ink)}
.demo-intro .engine-hero{padding-bottom:0;gap:36px;grid-template-columns:1.25fr 1fr}
.demo-intro h1{font-size:clamp(38px,4vw,56px);letter-spacing:-.045em}
.demo-intro .engine-map{background:transparent!important;border-color:#191a1c66!important;padding:28px;gap:20px}
.demo-intro .engine-map p{margin-bottom:0}
.demo-intro .actions{gap:20px;flex-wrap:wrap}
.signin{border-top:4px solid var(--coral)}
a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #923b2b;outline-offset:4px}
.demo-intro :focus-visible{outline-color:var(--ink)}
.heading{flex-wrap:wrap}td,th,dd{overflow-wrap:anywhere}.workspace-grid>*{min-width:0}
@media(max-width:800px){header{height:auto;min-height:76px}.demo-intro{margin:0 0 28px;padding:24px}.demo-intro .engine-hero{grid-template-columns:1fr;gap:24px}.demo-intro .engine-map{margin:0;padding:22px}.demo-intro h1{font-size:38px}.demo-intro .lead{font-size:16px}.brand{font-size:21px}footer{flex-wrap:wrap}}
@media(max-width:380px){main{padding-inline:16px}.demo-intro{padding:20px}.demo-intro h1{font-size:33px}header{padding-inline:16px}.engine-map strong{font-size:18px}}

/* Neutral workflow panels must override the older dark positioning skin. */
.positioning-page .engine-map{color:var(--ink)}
.positioning-page .engine-map p,.engine-map .engine-sequence small{color:var(--muted)}
.engine-map .engine-sequence b{color:var(--green);white-space:nowrap;flex-shrink:0}
.engine-map .engine-sequence li{border-bottom-color:var(--line)}