:root {
  --soil-0: #171717;      /* the deep */
  --soil-1: #171717;      /* a chamber */
  --soil-2: #202020;      /* a raised chamber, inputs */
  --soil-3: #393939;      /* tunnel walls, rules */
  --soil-4: #55534f;
  --text: #d9d5cc;
  --text-2: #b0ada6;
  --text-3: #939088;
  --honey: #c6ab82;       /* the one light in the nest */
  --honey-2: #e0c9a7;
  --honey-dim: rgba(198, 171, 130, 0.12);
  --red: #b88174;         /* the ants */
  --leaf: #b7b5a5;
  --serif: 'Courier New', monospace;
  --sans: 'Courier New', monospace;
  --mono: 'Courier New', monospace;
  --chamber: 26px;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; background: var(--soil-0); }
body {
  margin: 0; min-height: 100vh; color: var(--text); font: 16px/1.6 var(--sans);
  background:
    radial-gradient(1200px 600px at 50% -200px, rgba(198, 171, 130, 0.07), transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cg fill='%23ffffff' fill-opacity='.022'%3E%3Ccircle cx='12' cy='30' r='1.4'/%3E%3Ccircle cx='80' cy='12' r='1'/%3E%3Ccircle cx='150' cy='60' r='1.6'/%3E%3Ccircle cx='200' cy='140' r='1.1'/%3E%3Ccircle cx='40' cy='170' r='1.3'/%3E%3Ccircle cx='120' cy='200' r='.9'/%3E%3Cellipse cx='100' cy='110' rx='5' ry='3'/%3E%3Cellipse cx='190' cy='30' rx='3' ry='2'/%3E%3C/g%3E%3C/svg%3E"),
    var(--soil-0);
}
a { color: inherit; text-decoration: none; }
a:hover { color: var(--honey-2); }
.prose a, a.u { text-decoration: underline; text-decoration-color: var(--soil-4); text-underline-offset: 3px; }
::selection { background: var(--honey); color: var(--soil-0); }
img, svg, canvas { display: block; max-width: 100%; }
.wrap { max-width: 1200px; margin: 0 auto; padding: 0 28px; }
@media (max-width: 640px) { .wrap { padding: 0 16px; } }

/* type */
h1, h2, h3 { font-family: var(--serif); font-weight: 400; letter-spacing: -0.015em; margin: 0; color: var(--text); }
h1 { font-size: clamp(42px, 6.2vw, 80px); line-height: 0.98; }
h2 { font-size: clamp(30px, 3.6vw, 44px); line-height: 1.04; }
h3 { font-size: 24px; line-height: 1.15; }
h1 em, h2 em { color: var(--honey); }
p { margin: 0 0 12px; }
.lede { font-size: 18px; color: var(--text-2); max-width: 560px; }
.label, .mono, .btn, input, select, textarea, table, .tag, .num { font-family: var(--mono); }
.label { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--text-3); font-weight: 500; }
.muted { color: var(--text-2); }
.faint { color: var(--text-3); }
.honey { color: var(--honey); }
.red { color: var(--red); }
.small { font-size: 14px; }
.num { font-variant-numeric: tabular-nums; }
.latin { font-family: var(--serif); font-style: italic; }

/* nav: the main tunnel */
.nav { position: sticky; top: 0; z-index: 20; background: rgba(17, 12, 8, 0.86); backdrop-filter: blur(10px); border-bottom: 1px solid var(--soil-3); }
.nav .wrap { display: flex; align-items: center; gap: 20px; height: 60px; }
.brand { display: flex; align-items: center; gap: 10px; font: 500 14px var(--mono); letter-spacing: 0.22em; color: var(--text); }
.brand svg { width: 22px; height: 34px; }
.nav nav { display: flex; align-items: center; gap: 2px; margin-left: auto; font: 13px var(--sans); }
.nav nav a { padding: 7px 12px; color: var(--text-2); border-radius: 999px; }
.nav nav a:hover { color: var(--text); background: var(--soil-2); }
.nav nav a[aria-current="page"] { color: var(--soil-0); background: var(--honey); }
.nav .walletbtn { margin-left: 10px; }
.nav .menu-btn { display: none; }
@media (max-width: 1000px) {
  .nav nav { display: none; position: absolute; top: 60px; left: 0; right: 0; background: var(--soil-1); border-bottom: 1px solid var(--soil-3); flex-direction: column; align-items: stretch; padding: 10px 16px 18px; gap: 4px; }
  .nav nav.open { display: flex; }
  .nav nav a { padding: 11px 14px; }
  .nav .walletbtn { margin: 10px 0 0; }
  .nav .menu-btn { display: inline-flex; margin-left: auto; }
}
.mockbar { font: 12px/1.5 var(--mono); color: var(--text-3); border-bottom: 1px solid var(--soil-3); padding: 8px 0; }
.mockbar b { color: var(--honey); font-weight: 500; }

/* depth gauge: where in the nest this page is */
.depth { display: flex; align-items: center; gap: 12px; font: 500 11px var(--mono); letter-spacing: 0.16em; text-transform: uppercase; color: var(--text-3); margin-bottom: 22px; }
.depth b { color: var(--honey); font-weight: 500; }
.depth::before { content: ''; width: 2px; height: 26px; background: linear-gradient(var(--soil-4), var(--honey)); }

/* buttons + inputs */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid transparent; background: var(--honey); color: var(--soil-0); font-size: 13px; font-weight: 500; padding: 11px 20px; cursor: pointer; white-space: nowrap; border-radius: 999px; transition: background .15s, color .15s, border-color .15s; }
.btn:hover { background: var(--honey-2); color: var(--soil-0); }
.btn.ghost { background: transparent; color: var(--text); border-color: var(--soil-4); }
.btn.ghost:hover { border-color: var(--honey); color: var(--honey-2); }
.btn.sm { padding: 7px 14px; font-size: 12px; }
.btn[disabled] { opacity: 0.4; cursor: not-allowed; }
input, select, textarea { width: 100%; font-size: 14px; color: var(--text); background: var(--soil-2); border: 1px solid var(--soil-3); padding: 12px 14px; outline: none; border-radius: 14px; }
input::placeholder, textarea::placeholder { color: var(--text-3); }
input:focus, select:focus, textarea:focus { border-color: var(--honey); }
select { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--text-3) 50%), linear-gradient(135deg, var(--text-3) 50%, transparent 50%); background-position: calc(100% - 18px) 52%, calc(100% - 13px) 52%; background-size: 5px 5px; background-repeat: no-repeat; padding-right: 36px; }
textarea { min-height: 150px; resize: vertical; line-height: 1.55; }
label.field { display: block; margin-bottom: 18px; }
label.field > span { display: block; margin-bottom: 7px; }

/* chambers: every panel is carved out of the soil */
.chamber { background: var(--soil-1); border-radius: var(--chamber); padding: 26px; box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.35), inset 0 0 0 1px var(--soil-3), 0 1px 0 rgba(255, 255, 255, 0.025); }
.chamber.lit { background: radial-gradient(120% 140% at 0% 0%, rgba(198, 171, 130, 0.12), transparent 60%), var(--soil-1); }
.chamber.flush { padding: 0; overflow: hidden; }
.section { padding: 64px 0; }
.section.tight { padding: 36px 0; }
.grid { display: grid; gap: 20px; }
.g2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.g3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.g4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.g-wide { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
@media (max-width: 900px) { .g3, .g4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .g-wide { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .g2, .g3, .g4 { grid-template-columns: 1fr; } }
.head { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-bottom: 16px; flex-wrap: wrap; }
.status { font: 13px/1.5 var(--mono); padding: 12px 14px; border-radius: 14px; background: var(--soil-2); margin: 14px 0; color: var(--text-2); }
.status.err { color: #f08b6c; box-shadow: inset 0 0 0 1px rgba(212, 83, 46, 0.5); }
.status.ok { color: var(--leaf); box-shadow: inset 0 0 0 1px rgba(143, 174, 90, 0.4); }
.status.busy::before { content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--honey); margin-right: 9px; animation: blink 1s ease-in-out infinite; }
@keyframes blink { 50% { opacity: 0.2; } }
.tag { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; letter-spacing: 0.06em; text-transform: lowercase; padding: 3px 10px; border-radius: 999px; background: var(--soil-2); color: var(--text-2); line-height: 1.4; white-space: nowrap; }
.tag.honey { background: var(--honey-dim); color: var(--honey-2); }
.tag.leaf { background: rgba(143, 174, 90, 0.13); color: var(--leaf); }
.tag.red { background: rgba(212, 83, 46, 0.14); color: #f08b6c; }
.dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; display: inline-block; }

/* readings: the numbers along a tunnel */
.readings { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 0; }
.readings > div { padding: 4px 22px; border-left: 1px solid var(--soil-3); min-width: 0; }
.readings > div:first-child { border-left: 0; padding-left: 0; }
.readings .v { font: 400 30px/1.15 var(--serif); margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--text); font-variant-numeric: tabular-nums; }
.readings .s { font: 12px var(--mono); color: var(--text-3); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1000px) { .readings { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 22px; } .readings > div:nth-child(4) { border-left: 0; padding-left: 0; } }
@media (max-width: 560px) { .readings { grid-template-columns: repeat(2, minmax(0, 1fr)); } .readings > div { border-left: 0 !important; padding-left: 0 !important; } .readings .v { font-size: 26px; } }

/* the formicarium */
.formicarium { position: relative; border-radius: 34px; overflow: hidden; box-shadow: inset 0 0 0 1px var(--soil-3); background: var(--soil-1); }
.formicarium canvas { width: 100%; height: auto; cursor: crosshair; }
.formicarium .tip { position: absolute; pointer-events: none; background: var(--soil-0); color: var(--text); border-radius: 12px; box-shadow: 0 0 0 1px var(--soil-4); font: 12px/1.5 var(--mono); padding: 9px 12px; max-width: 290px; transform: translate(14px, 14px); display: none; z-index: 2; }
.legend { display: flex; flex-wrap: wrap; gap: 20px; font: 12px var(--mono); color: var(--text-3); padding: 14px 6px 0; }
.legend i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 7px; }

/* the log: pheromone notes */
.log { font: 12.5px/1.55 var(--mono); height: 500px; overflow-y: auto; padding: 6px 0; }
.log .row { display: grid; grid-template-columns: 64px 1fr; gap: 12px; padding: 8px 22px; color: var(--text-2); }
.log .row time { color: var(--text-3); }
.log .row b { font-weight: 500; color: var(--text-3); }
.log .row.page b, .log .row.lead b, .log .row.job_done b { color: var(--leaf); }
.log .row.fail b, .log .row.error b { color: #f08b6c; }
.log .row.epoch, .log .row.payout, .log .row.launch, .log .row.commission { color: var(--honey-2); background: var(--honey-dim); }
.log .row.epoch b, .log .row.payout b, .log .row.launch b, .log .row.commission b { color: var(--honey); }
.log .row a:hover { text-decoration: underline; }
.log::-webkit-scrollbar, .scrolly::-webkit-scrollbar { width: 8px; }
.log::-webkit-scrollbar-thumb, .scrolly::-webkit-scrollbar-thumb { background: var(--soil-3); border-radius: 8px; }

/* ants on display: each in its own little cell */
.cells { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; }
.cell { background: var(--soil-1); border-radius: 28px 28px 22px 22px; box-shadow: inset 0 0 0 1px var(--soil-3); display: flex; flex-direction: column; min-width: 0; overflow: hidden; transition: box-shadow .2s, transform .2s; }
.cell:hover { box-shadow: inset 0 0 0 1px var(--honey); transform: translateY(-2px); color: inherit; }
.cell .art { aspect-ratio: 1 / 1; position: relative; background: radial-gradient(60% 60% at 50% 50%, #5a4530 0%, #3a2b1d 55%, var(--soil-1) 100%); }
.cell .art svg { width: 100%; height: 100%; }
.cell .art .tag { position: absolute; top: 14px; left: 14px; }
.cell .meta { padding: 4px 18px 18px; }
.cell .meta .n { font: 500 11px var(--mono); color: var(--honey); letter-spacing: 0.08em; }
.cell .meta h3 { font-size: 23px; margin: 2px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cell .meta .latin { color: var(--text-3); font-size: 15px; }
.cell .meta .nums { display: flex; justify-content: space-between; gap: 6px; font: 11.5px var(--mono); color: var(--text-3); margin-top: 12px; }
.art-lg { aspect-ratio: 1 / 1; border-radius: 50% 50% 46% 46% / 44% 44% 52% 52%; background: radial-gradient(55% 55% at 50% 48%, #6a5136 0%, #3c2c1d 60%, var(--soil-1) 100%); box-shadow: inset 0 0 0 1px var(--soil-3), inset 0 -20px 60px rgba(0, 0, 0, 0.4); }

/* key/value records */
.record > div { display: grid; grid-template-columns: 150px 1fr; gap: 14px; padding: 11px 0; border-top: 1px solid var(--soil-3); font-size: 14px; }
.record > div:first-child { border-top: 0; }
.record > div > :first-child { font: 500 11px/1.9 var(--mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-3); }
.record > div > :last-child { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 520px) { .record > div { grid-template-columns: 1fr; gap: 2px; } }

/* tables */
table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
th { text-align: left; font-weight: 500; font-size: 10.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--text-3); padding: 12px 14px; border-bottom: 1px solid var(--soil-3); position: sticky; top: 0; background: var(--soil-1); }
td { border-bottom: 1px solid rgba(51, 38, 26, 0.6); padding: 10px 14px; vertical-align: top; overflow-wrap: anywhere; color: var(--text-2); }
td a { color: var(--text); }
td.r, th.r { text-align: right; }
tr:last-child td { border-bottom: 0; }
.scroll-x { overflow-x: auto; }
.scrolly { overflow-y: auto; }

/* pickers (caste, commission kind) */
.choices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.choices.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.choice { background: var(--soil-1); border-radius: 24px; padding: 20px; cursor: pointer; position: relative; min-width: 0; box-shadow: inset 0 0 0 1px var(--soil-3); transition: box-shadow .15s, background .15s; }
.choice:hover { box-shadow: inset 0 0 0 1px var(--soil-4); }
.choice input { position: absolute; opacity: 0; pointer-events: none; }
.choice.on { box-shadow: inset 0 0 0 2px var(--honey); background: radial-gradient(100% 100% at 50% 0%, rgba(198, 171, 130, 0.13), transparent 70%), var(--soil-1); }
.choice .art { height: 130px; margin: -4px 0 6px; }
.choice .art svg { height: 100%; margin: 0 auto; }
.choice .price { font: 500 13px var(--mono); color: var(--honey); margin-top: 10px; }
@media (max-width: 900px) { .choices.four { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) { .choices, .choices.four { grid-template-columns: 1fr; } }

/* steps (the loop) */
.steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; counter-reset: s; }
.steps > div { position: relative; padding-top: 34px; }
.steps > div::before { counter-increment: s; content: '0' counter(s); position: absolute; top: 0; left: 0; font: 500 11px var(--mono); color: var(--honey); letter-spacing: 0.12em; }
.steps > div::after { content: ''; position: absolute; top: 7px; left: 34px; right: -10px; height: 1px; background: repeating-linear-gradient(90deg, var(--soil-4) 0 4px, transparent 4px 9px); }
.steps > div:last-child::after { display: none; }
.steps h3 { font-size: 22px; margin-bottom: 8px; }
.steps p { color: var(--text-2); font-size: 14.5px; }
@media (max-width: 900px) { .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .steps > div::after { display: none; } }
@media (max-width: 560px) { .steps { grid-template-columns: 1fr; } }

/* prose (manual, deliverables) */
.prose { max-width: 720px; font-size: 16.5px; }
.prose h2 { margin: 48px 0 14px; }
.prose h3 { margin: 30px 0 8px; }
.prose p, .prose li { color: var(--text-2); }
.prose b, .prose strong { color: var(--text); font-weight: 500; }
.prose ol, .prose ul { padding-left: 22px; }
.prose li { margin-bottom: 7px; }
.prose code { font: 13.5px var(--mono); background: var(--soil-2); padding: 2px 7px; border-radius: 6px; color: var(--honey-2); }
.prose blockquote { margin: 18px 0; padding: 14px 20px; border-radius: 18px; background: var(--soil-1); color: var(--text-2); box-shadow: inset 3px 0 0 var(--honey); }

.copybox { display: inline-flex; max-width: 100%; border-radius: 999px; background: var(--soil-2); font: 12px var(--mono); overflow: hidden; }
.copybox code { padding: 6px 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.copybox button { border: 0; background: var(--soil-3); color: var(--text); font: inherit; cursor: pointer; padding: 0 12px; }

footer { padding: 40px 0 56px; font: 12px/1.7 var(--mono); color: var(--text-3); border-top: 1px solid var(--soil-3); margin-top: 40px; }
footer .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; }
.hidden { display: none !important; }
.row-flex { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }

/* Plain text terminal. No external font, texture, glow, or gradients. */
:root {color-scheme:dark;--chamber:0px}
body {background:#171717;font:14px/1.55 var(--mono)}
.wrap {max-width:1248px;padding:0 24px}
h1,h2,h3 {font-family:var(--mono);font-weight:bold;letter-spacing:0;line-height:1.3}
h1 {font-size:28px} h2 {font-size:20px} h3 {font-size:16px}
h1 em,h2 em {font-style:normal;color:inherit}
.lede {font-size:14px;max-width:620px}
.label {font-size:11px;letter-spacing:0;text-transform:lowercase;color:var(--text-2)}
.latin {font-family:var(--mono);font-size:12px!important}
.nav {position:relative;background:#171717;backdrop-filter:none;border-bottom:1px solid #55534f}
.nav .wrap {height:56px;gap:14px}
.brand {font:bold 14px var(--mono);letter-spacing:0}
.brand svg {display:none}
.brand::before {content:'[o:o]';color:var(--honey)}
.nav nav {font:12px var(--mono);gap:1px}
.nav nav a {padding:5px 8px;border-radius:0}
.nav nav a[aria-current="page"] {background:var(--text);color:#171717}
.mockbar {font-size:11px;border-bottom:1px dashed var(--soil-3);padding:6px 0}
.mockbar b {color:var(--text)}
.section,.section.tight {padding:28px 0}
.depth {font-size:11px;letter-spacing:0;text-transform:lowercase;margin-bottom:20px}
.depth::before {content:'>';width:auto;height:auto;background:none;color:var(--text)}
.depth b {color:var(--text)}
.btn {background:var(--text);color:#171717;border:1px solid var(--text);border-radius:0;font-size:12px;padding:7px 12px;min-height:34px;transition:none}
.btn:hover {background:#f0ede6;color:#171717}
.btn.ghost {border-color:var(--soil-4);color:var(--text);background:none}
.btn.ghost:hover {border-color:var(--text);color:var(--text)}
input,select,textarea {border-radius:0;background-color:#1c1c1c;font-size:13px;padding:10px}
:focus-visible {outline:1px dashed var(--text);outline-offset:4px}
.chamber,.chamber.lit,.choice,.choice.on,.cell,.art-lg {background:#171717;border:1px solid var(--soil-3);border-radius:0;box-shadow:none}
.chamber {padding:20px}
.choice.on {border-color:var(--text)}
.choice:hover,.cell:hover {box-shadow:none;border-color:var(--text);transform:none}
.choice:has(input:focus-visible) {outline:1px dashed var(--text);outline-offset:3px}
.cell .art,.art-lg {background:#1c1c1c}
.cell .art svg,.art-lg svg,.choice .art svg {filter:none}
.cell .meta h3 {font-size:17px}
.status,.tag,.copybox,.prose code,.prose blockquote {border-radius:0}
.tag,.tag.honey,.tag.leaf {background:none;color:var(--text-2);padding:0;font-size:11px}
.tag::before {content:'['}.tag::after {content:']'}
.dot {display:none}
.readings {border-top:1px dashed var(--soil-4);border-bottom:1px dashed var(--soil-4);padding:14px 0;gap:0}
.readings > div {padding:0 16px}
.readings .v {font:bold 19px var(--mono);margin-top:5px}
.readings .s {font:10px var(--mono);margin-top:5px}
.formicarium {border:1px solid var(--soil-4);border-radius:0;background:#171717;box-shadow:none}
.nest-bar,.nest-footer {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;font:11px var(--mono);color:var(--text-2)}
.nest-bar {border-bottom:1px solid var(--soil-3)}
.nest-bar strong {font-weight:normal;color:var(--text)}
.nest-footer {border-top:1px solid var(--soil-3)}
.nest-controls {display:flex;gap:18px;align-items:center}
.nest-controls button {font:inherit;border:0;background:none;color:var(--text);cursor:pointer;padding:0}
.nest-controls button:hover {text-decoration:underline}
.formicarium .tip {border-radius:0;border:1px solid var(--soil-4);box-shadow:none;background:#171717}
.legend {font:11px var(--mono);padding:10px 0 0;gap:22px}
.legend code {color:var(--text);font:inherit}
.log {height:240px;font-size:11px}
.log .row {padding:6px 12px;grid-template-columns:58px 1fr;gap:10px}
.log:empty::after {content:'waiting for events...';display:block;color:var(--text-3);padding:12px}
.home .scrolly {height:240px!important}
.home .head {padding:12px 12px 0!important;margin-bottom:10px}
td {border-bottom:1px dotted var(--soil-3);font-size:11px;padding:9px 12px}
.steps {gap:20px;border-top:1px dashed var(--soil-4);padding-top:18px}
.steps > div {padding-top:25px}
.steps > div::before {content:'[' counter(s) ']';letter-spacing:0;color:var(--text-2)}
.steps > div::after {display:none}
.steps h3 {font-size:14px}.steps p {font-size:12px}
.prose {font-size:14px}.prose blockquote {background:none}
footer {font-size:10px;padding:20px 0;margin-top:28px}
.terminal-intro {display:flex;gap:48px;align-items:center;margin-bottom:22px}
.wordmark {font:12px/1.15 var(--mono);margin:0;white-space:pre;color:var(--text)}
.intro-copy {max-width:600px}.intro-copy p {margin-bottom:10px;font-size:12px;color:var(--text-2)}
.intro-copy h1 {font-size:14px;margin-bottom:6px;font-weight:normal}
.home .intro-section {padding-bottom:20px}
.home .readings {margin-top:0!important}
@media(max-width:1000px){.nav nav {top:56px;background:#171717}.readings {row-gap:18px}.terminal-intro {gap:28px}}
@media(max-width:700px){.terminal-intro {display:block}.wordmark {font-size:10px;margin-bottom:22px}.wrap {padding:0 16px}.readings {padding:14px 0;gap:20px 10px}.nest-controls>span {display:none}.nest-footer span:last-child {display:none}.nest-viewport {overflow-x:auto}.formicarium canvas {min-width:800px}.legend {gap:10px;flex-wrap:wrap}.legend span:last-child {width:100%}.section {padding:22px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* Work evidence: real event records and inspectable output. */
.work-panel {border:1px solid var(--soil-4);padding:16px}
.work-head {display:flex;justify-content:space-between;gap:16px;align-items:center}
.work-head h2 {font-size:16px}.work-connection {font-size:11px;color:var(--text-2)}
.work-disclosure,.work-limit {font-size:11px;color:var(--text-2);margin:12px 0}
.work-controls {display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:16px 0}
.work-controls label {font-size:11px;display:grid;gap:4px;flex:1;min-width:160px}
.work-controls select,.work-controls input {font-size:12px;min-height:36px}
.work-grid {display:grid;grid-template-columns:1fr 1.2fr;border-top:1px solid var(--soil-3);border-bottom:1px solid var(--soil-3)}
.work-events {max-height:420px;overflow:auto;padding:12px 12px 12px 0}
.work-event {display:grid;gap:5px;text-align:left;width:100%;background:none;color:var(--text-2);border:0;border-bottom:1px dashed var(--soil-3);font:11px/1.5 var(--mono);padding:12px;cursor:pointer;overflow-wrap:anywhere}
.work-event strong {color:var(--text);font-weight:normal}.work-event:hover,.work-event.selected {background:#242321;box-shadow:inset 2px 0 var(--honey)}
.work-detail {padding:18px;border-left:1px solid var(--soil-3);font-size:12px;min-width:0;max-height:420px;overflow:auto}
.work-detail p {margin:12px 0}.work-detail pre,.work-source-text {white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.6 var(--mono);background:#111;padding:12px;max-height:350px;overflow:auto}
.work-detail details {margin-top:16px}.work-detail summary {cursor:pointer;color:var(--text-2)}
.work-summary {display:grid;gap:8px;font-size:12px;padding:14px 0;border-top:1px dashed var(--soil-3)}
.work-summary .btn {justify-self:start}
@media(max-width:700px){.work-grid{grid-template-columns:1fr}.work-detail{border-left:0;border-top:1px solid var(--soil-3);min-height:160px}.work-events{max-height:260px}.work-head{align-items:start;flex-direction:column;gap:6px}}

.work-output {margin:14px 0;font-size:12px}.work-output summary{cursor:pointer}.work-live-code{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 var(--mono);max-height:320px;min-height:70px;overflow:auto;background:#111;padding:16px;border:1px solid var(--soil-3)}

.station {border:1px solid var(--soil-4);scroll-margin-top:20px;margin-top:4px}
.station-head,.station-controls {display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--soil-3);font-size:11px;flex-wrap:wrap}
.station-head {justify-content:space-between}.station-head strong{font-weight:normal}.station-connection{color:var(--text-2)}
.station-controls label{display:flex;align-items:center;gap:10px}.station-select{width:auto;max-width:300px;font-size:12px;padding:6px}.station-observed{margin-left:auto}
.station-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}
.station-screen{min-width:0}.station-address{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;background:#202020;font-size:11px;overflow-wrap:anywhere}.station-address span{min-width:0}.station-address a{white-space:nowrap}
.station-task {font-size:11px;padding:10px 14px;border-bottom:1px dashed var(--soil-3);min-height:40px;color:var(--honey)}
.station-document{height:350px;overflow:auto;padding:18px;font-size:12px}.station-document h3{margin:16px 0 8px}.station-document pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 var(--mono);color:var(--text-2)}
.station-side{border-left:1px solid var(--soil-3);padding:14px;min-width:0}.station-ant{float:right;width:74px;height:74px}.station-ant svg{height:100%}.station-identity{font-size:12px;min-height:75px}.station-identity p{color:var(--text-2);font-size:11px;margin-top:8px}.station-trail{max-height:310px;overflow:auto;font-size:10px;margin-top:10px}.station-trail>div{padding:8px 0;border-bottom:1px dotted var(--soil-3)}.station-trail time{color:var(--text-3)}.station-trail p{margin:4px 0;overflow-wrap:anywhere;color:var(--text-2)}
.station-processes{border-top:1px solid var(--soil-3)}.station-processes summary{padding:12px 14px;font-size:11px;cursor:pointer}.station-processes .scroll-x{max-height:230px;overflow:auto}.station-row{background:none;border:0;color:var(--text);font:inherit;padding:3px;cursor:pointer;text-align:left}.station-row:hover,.station-row.selected{background:var(--text);color:var(--soil-0)}
@media(max-width:700px){.station-grid{grid-template-columns:1fr}.station-side{border-left:0;border-top:1px solid var(--soil-3)}.station-document{height:260px}.station-trail{max-height:170px}.station-observed{margin-left:0}.station-select{max-width:220px}.station-controls{gap:8px}}

/* real captures + workspaces */
.station-shot{margin:0 0 16px;border:1px solid var(--soil-3);background:#0d0d0d}
.station-shot img{width:100%;height:auto;display:block}
.station-shot figcaption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:7px 10px;font:11px var(--mono);color:var(--text-3);border-top:1px solid var(--soil-3)}
.stale{color:#d49a6a}
.station-ws{margin:12px 0;border:1px solid var(--soil-3);padding:10px}
.station-ws pre{margin:6px 0;font:11.5px/1.6 var(--mono)}
.work-shot{max-width:100%;border:1px solid var(--soil-3);margin:8px 0}
.diff-add{color:#9fc27a}.diff-del{color:#d98a72}.diff-hunk{color:var(--text-3)}
.ws-files{display:grid;gap:2px;margin:10px 0}.ws-files a{font:12px var(--mono)}
.ws-tests{font:12px var(--mono);margin:8px 0}