/* Anatomy look for the job worlds (loaded after each page's own <style>).
   The pigments keep their names so the scene code is unchanged, but they now hold the anatomy
   kit's light-theme tones: paper greys for structure, and red / green / blue only for state. */
:root{
  --anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-strong:#18181a;--anatomy-text:#57575a;--anatomy-muted:#8c8c90;
  --anatomy-faint:#d4d4d6;--anatomy-line:#e3e3e0;
  --anatomy-red:#e5484d;--anatomy-green:#30a46c;--anatomy-blue:#3e63dd;
  --anatomy-lift:inset 0 1px 0 0 #fff,0 0 0 1px #0000000f,0 1px 1px -.5px #0000000a,0 3px 3px -1.5px #0000000a,0 6px 6px -3px #0000000a,0 12px 12px -6px #0000000a;

  --ink:#18181a;--ink-soft:#57575a;--ink-faint:#8c8c90;--paper:#fbfbfa;--white:#ffffff;
  /* state */
  --oxblood:var(--anatomy-red);--oxblood-soft:#fbe4e4;
  --pine:var(--anatomy-green);--pine-soft:#ddf1e6;
  --celadon:#6fbf95;--celadon-soft:#e6f4ec;
  --sakura:var(--anatomy-blue);--sakura-ink:#2f4fb8;--sakura-soft:#e3e9fb;
  --indigo:#2f4fb8;--indigo-soft:#e3e9fb;
  /* structure: greys */
  --sand:#e4e4e1;--sand-soft:#f1f1ee;--sand-ink:#6a6a6f;
  --plum:#8a8a8f;--plum-soft:#ececea;--charcoal:#a8a8ad;
  --surreal:var(--anatomy-blue);--surreal-soft:#e3e9fb;--surreal-ink:#2f4fb8;

  --border:1px solid var(--anatomy-faint);--hard:var(--anatomy-lift);--r:12px;
}
html,body{background:var(--anatomy-page)!important}
.sky{background:var(--anatomy-page)!important}
.sky::after{display:none!important}

/* the framed plate: a card, a hairline, a soft lift; never a hard offset shadow */
.panel{background:var(--anatomy-card)!important;border:1px solid var(--anatomy-faint)!important;box-shadow:var(--anatomy-lift)!important}
.story h2{color:var(--anatomy-strong)}
.story p,.result{color:var(--anatomy-text)}
.step-n,.hint,.story-nav .hint{color:var(--anatomy-muted)!important}
.do{background:var(--anatomy-page)!important;border:1px dashed var(--anatomy-faint)!important}
.do .lbl{color:var(--anatomy-muted)!important}

/* buttons: ink pills and hairline outlines */
.act,.nav-btn.next{background:var(--anatomy-strong)!important;color:#fff!important;border:1px solid var(--anatomy-strong)!important;box-shadow:none!important;animation:none!important}
.act.alt,.nav-btn{background:var(--anatomy-card)!important;color:var(--anatomy-strong)!important;border:1px solid var(--anatomy-faint)!important;box-shadow:none!important}
.nav-btn.next{background:var(--anatomy-strong)!important}
.dots button{border:1px solid var(--anatomy-mid,#8a8a8f)!important}
.dots button.on{background:var(--anatomy-strong)!important}
.dots button.seen{background:var(--anatomy-faint)!important}

/* labels in the scene: small plates with a hairline, mono numbers */
.labels span{border-width:1px!important;border-color:var(--anatomy-faint)!important;box-shadow:0 1px 2px #0000000d!important;animation:none!important}
.labels span[class*="bad"],.labels .bad{background:var(--anatomy-red)!important;color:#fff!important;border-color:var(--anatomy-red)!important}
.labels span[class*="ok"]{border-color:var(--anatomy-green)!important}
.labels .wbtn{background:var(--anatomy-strong)!important;color:#fff!important;border:1px solid var(--anatomy-strong)!important;box-shadow:var(--anatomy-lift)!important;animation:none!important}
.lb-hash{background:var(--anatomy-strong)!important;color:#fff!important}
[class*="chart"] i,.bars i,.vs i,#queue i,.tree .h{border-width:1px!important;border-color:var(--anatomy-faint)!important}
kbd{border-width:1px}
/* dark chips stay ink, even though --charcoal is now a light structural grey in the scene */
.lb-site.sign.dark,.lb-hash,.lb-evt.dark{background:var(--anatomy-strong)!important;color:#fff!important}
.labels button{border-width:1px!important;border-color:var(--anatomy-faint)!important;box-shadow:var(--anatomy-lift)!important}
.title::before{display:none}