@charset "UTF-8";

/* coding-agent exploration — widgets layered over ../assets/wax-tufte.css.
   Colour map: amber = local artifacts/locks, blue = runtime/API flow, green =
   verified/ready, red = refused/unsafe, violet = model identity/modality. */

.fw{ width:55%; box-sizing:border-box; }
@media(max-width:760px){ .fw{ width:auto; } }

.crumbs, .series, .kicker, h1, p.subtitle,
section > h2, section > h3, .lede, .foot > p{ width:55%; box-sizing:border-box; }
@media(max-width:760px){ .crumbs, .series, .kicker, h1, p.subtitle,
  section > h2, section > h3, .lede, .foot > p{ width:auto; } }

nav.toc{ width:55%; box-sizing:border-box; margin:1.8rem 0 .5rem; padding:.7rem 1.1rem;
         border:1px solid var(--rule); border-radius:6px; background:#fafafa; }
nav.toc .toc__label{ display:block; font-size:13px; font-weight:600; letter-spacing:.06em;
                     text-transform:uppercase; color:var(--faint); margin-bottom:.4rem; }
nav.toc ol{ width:auto; margin:0; padding-left:1.4rem; font-size:1.05rem; line-height:1.55; }
nav.toc li{ margin:.12rem 0; }
@media(max-width:760px){ nav.toc{ width:auto; } }

.panel{ border:1px solid var(--rule); border-radius:6px; background:#fafafa;
        padding:14px 16px; width:55%; box-sizing:border-box; }
@media(max-width:760px){ .panel{ width:auto; } }
.panel .card{ width:auto; }

.loop{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.5rem; align-items:stretch; margin:.7rem 0; }
.loop .node{ border:1px solid var(--rule); border-left:3px solid var(--qmd); border-radius:6px; background:#fff; padding:.55rem .65rem; font-size:14px; }
.loop .node b{ display:block; color:var(--ink); }
.loop .node code{ font-size:13px; overflow-wrap:anywhere; }
@media(max-width:760px){ .loop{ grid-template-columns:1fr; } }

.callout{ border-left:3px solid var(--accent); background:none; border-radius:0;
          padding:4px 0 4px 16px; margin:16px 0; width:55%; box-sizing:border-box; }
@media(max-width:760px){ .callout{ width:auto; } }
.callout.warn{ border-left-color:var(--red); }
.callout.good{ border-left-color:var(--green); }
.callout .tag{ font-size:13px; letter-spacing:.08em; text-transform:uppercase; font-weight:700; color:var(--accent); }
.callout.warn .tag{ color:var(--red); } .callout.good .tag{ color:var(--green); }
.callout p{ margin:.4rem 0 0; }
.callout>*:last-child{ margin-bottom:0; }

.card{ border-left:3px solid var(--accent); background:none; padding:2px 0 2px 16px; width:55%; box-sizing:border-box; }
@media(max-width:760px){ .card{ width:auto; } }
.card strong{ color:var(--ink); }

.chips{ display:flex; flex-wrap:wrap; gap:.3rem; margin:.5rem 0 .8rem; }
.chip{ font-family:var(--mono); font-size:13px; padding:.22em .6em; border-radius:4px;
       background:transparent; border:0; color:var(--ink); cursor:pointer; }
.chip:hover{ background:#f3f3f1; }
.chip:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }
.chip.sel{ background:#eaf0f6; color:var(--accent); }

.lbl,.legend{ font-family:var(--mono); font-size:13px; color:var(--muted); }
.muted{ color:var(--muted); }
.sub{ color:var(--faint); font-style:italic; margin:0 0 1rem; }
.lede{ font-size:1.15rem; color:var(--muted); }
.sc{ color:var(--wax); font-weight:700; }

.nextlink{ display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap;
           margin:1.5rem 0 0; width:55%; box-sizing:border-box; }
@media(max-width:760px){ .nextlink{ width:auto; } }
.nextlink a{ flex:1 1 240px; border:1px solid var(--rule); border-radius:8px; padding:12px 16px; }
.nextlink a:hover{ border-color:var(--accent); text-decoration:none; }
.nextlink .dir{ font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--faint); }
.nextlink .ttl{ color:var(--accent); font-weight:700; margin-top:3px; }

details.q{ border-left:3px solid var(--rule); padding:1px 0 1px 14px; margin:7px 0;
           width:55%; box-sizing:border-box; }
details.q>summary{ cursor:pointer; font-weight:600; }
details.q>summary::-webkit-details-marker{ color:var(--faint); }
details.q[open]{ border-left-color:var(--accent); }
details.q .body{ margin-top:.4rem; color:var(--muted); font-size:14px; }
@media(max-width:760px){ details.q{ width:auto; } }

table{ width:100%; border-collapse:collapse; font-size:1rem; }
table th,table td{ text-align:left; vertical-align:top; padding:.5rem .65rem; border-bottom:1px solid var(--rule); }
table th{ font-size:13px; text-transform:uppercase; letter-spacing:.05em; color:var(--faint); font-weight:600; }
.fullwidth{ width:100%; max-width:100%; }
@media(max-width:760px){ .fullwidth{ overflow-x:auto; } }

.flowline{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin:.7rem 0; }
.flowline .arrow{ font-family:var(--mono); font-size:13px; color:var(--faint); }
.kv{ display:grid; grid-template-columns:auto 1fr; gap:6px 14px; font-size:14px; margin:.5rem 0 0; }
.kv .k{ font-family:var(--mono); color:var(--accent); font-size:13px; }
.artifact-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.35rem .55rem; margin:.6rem 0; }
@media(max-width:760px){ .artifact-grid{ grid-template-columns:1fr; } }
.artifact-grid .chip{ width:100%; }
.badge{ font-family:var(--mono); font-size:13px; padding:.12rem .5rem; border:1px solid var(--rule); border-radius:6px; }
.b-artifact{ color:var(--wax); }
.b-runtime{ color:var(--qmd); }
.b-lock{ color:var(--green); }
.b-risk{ color:var(--red); }

.meter{ display:grid; grid-template-columns:8em 1fr 4em; gap:.5rem; align-items:center; margin:.25rem 0; }
.meter .name,.meter .val{ font-family:var(--mono); font-size:13px; color:var(--muted); }
.meter .track{ height:1.15em; border-radius:3px; background:#f3f3f1; overflow:hidden; }
.meter .fill{ display:block; height:100%; border-radius:3px; background:var(--accent); }
.meter.good .fill{ background:var(--green); }
.meter.warn .fill{ background:var(--amber); }
.meter.hot .fill{ background:var(--red); }

.foot{ color:var(--faint); font-size:13px; }
.panel pre{ max-width:100%; overflow-x:auto; }
.panel pre code{ display:block; white-space:pre-wrap; overflow-wrap:anywhere; }

.foot .cites{ overflow-wrap:anywhere; }
.source-thread p{ overflow-wrap:anywhere; }
.source-thread .cite{ white-space:normal; overflow-wrap:anywhere; }
.broken-intuition{ border-left:3px solid var(--red); background:none; padding:2px 0 2px 16px; margin:1rem 0; width:55%; box-sizing:border-box; }
.experiment-panel{ border:1px solid var(--rule); border-radius:6px; background:#fafafa; padding:14px 16px; width:55%; box-sizing:border-box; margin:1rem 0; }
.experiment-panel > *{ min-width:0; }
.revealed-constraint{ border-left:3px solid var(--amber); padding:2px 0 2px 16px; width:55%; box-sizing:border-box; margin:1rem 0; }
.named-concept{ border-left:3px solid var(--accent); padding:2px 0 2px 16px; width:55%; box-sizing:border-box; margin:1rem 0; }
.repo-implementation{ border:1px solid var(--rule); border-radius:6px; background:#fff; padding:14px 16px; width:55%; box-sizing:border-box; margin:1rem 0; }
.recognition-check{ border-left:3px solid var(--green); padding:2px 0 2px 16px; width:55%; box-sizing:border-box; margin:1rem 0; }
.source-thread{ border-top:1px solid var(--rule); padding-top:.65rem; margin:1rem 0; width:55%; box-sizing:border-box; color:var(--muted); font-size:14px; }
.concept-step{ display:grid; gap:.5rem; margin:.8rem 0; }
.concept-step .step{ border-left:3px solid var(--rule); padding:.25rem 0 .25rem .75rem; }
.concept-step .step.is-active{ border-left-color:var(--accent); }
.harness-map,.filename-dissector,.compatibility-matrix,.connection-lab,.driver-chooser,.runbook-stepper{ display:grid; gap:.7rem; }
.artifact-builder,.model-spec-detail{ display:grid; gap:.7rem; }
.harness-builder,.recognition-grid{ display:flex; flex-wrap:wrap; gap:.4rem; }
.harness-detail{ width:auto; margin:0; background:none; padding:0; }
.harness-detail p{ margin:.2rem 0; }
.harness-loop .node span{ display:block; margin-top:.2rem; color:var(--muted); }
.concept-card{ border-left:3px solid var(--qmd); padding:.2rem 0 .2rem .8rem; }
.concept-card p{ margin:.25rem 0; }
.mini-list{ margin:.55rem 0 0; padding-left:1.2rem; }
.mini-list li{ margin:.18rem 0; }
.state-line{ font-family:var(--mono); font-size:13px; color:var(--muted); }
.answer{ margin-top:.45rem; color:var(--muted); }
.artifact-links,.filename-tokenline{ display:flex; flex-wrap:wrap; gap:.85rem; align-items:center; }
.artifact-links a{ font-family:var(--mono); font-size:13px; }
.model-spec-detail p,.filename-case-detail p{ margin:.2rem 0; }
.artifact-table th[scope="row"]{ width:11rem; color:var(--ink); font-size:13px; letter-spacing:0; text-transform:none; }
.artifact-table td{ font-size:14px; }
.filename-case-detail{ display:grid; gap:.55rem; }
.filename-name code{ font-size:14px; overflow-wrap:anywhere; }
.filename-token{ cursor:default; padding:.18em .5em; }
.engine-compatibility-detail,.connection-state-detail{ display:grid; gap:.35rem; margin:.35rem 0 .7rem; }
.engine-compatibility-detail p,.connection-state-detail p,.concept-lines p{ margin:.15rem 0; font-size:14px; }
.driver-case-detail,.run-stage-detail{ display:grid; gap:.35rem; margin:.35rem 0 .7rem; }
.driver-case-detail p,.run-stage-detail p{ margin:.15rem 0; font-size:14px; }
.engine-case-table,.connection-state-table{ margin-top:.35rem; }
.engine-case-table td,.connection-state-table td,.driver-metric-table td,.run-stage-table td{ font-size:14px; }
.driver-metric-table,.run-stage-table{ margin-top:.35rem; }
.failure-line{ font-family:var(--mono); font-size:13px; color:var(--red); margin:.5rem 0 0; }
@media(max-width:760px){
  .broken-intuition,.experiment-panel,.revealed-constraint,.named-concept,.repo-implementation,.recognition-check,.source-thread{ width:auto; }
  .artifact-links,.filename-tokenline{ gap:.45rem; }
  .artifact-table{ table-layout:fixed; }
  .artifact-table th[scope="row"], .artifact-table th, .artifact-table td{ width:auto; overflow-wrap:anywhere; }
}