/* Generated from the artifact by tools/gen-lola-wp.py. Do not edit.
   Every rule is scoped to .lola-host — see scope_css(). */
.lola-host{
  --ground:#f6f5f1;
  --surface:#fffefb;
  --surface-2:#efede6;
  --ink:#191c1e;
  --ink-2:#4a5054;
  --ink-3:#787f84;
  --rule:#ddd9d0;
  --rule-2:#c9c4b8;
  --accent:#2f6f62;
  --accent-ink:#245549;
  --accent-soft:#e4ede9;
  --flag:#9c4221;
  --flag-soft:#f4e6de;
  --gold:#8a6d29;
  --gold-soft:#f2ebd9;
  --shadow:0 1px 2px rgba(25,28,30,.05), 0 8px 24px -16px rgba(25,28,30,.3);
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --body:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --display:"Newsreader",Georgia,"Times New Roman",serif;
}@media (prefers-color-scheme: dark){.lola-host:not([data-theme="light"]){
    --ground:#14171a;
    --surface:#1b1f23;
    --surface-2:#23282d;
    --ink:#e9e7e2;
    --ink-2:#b0b5b9;
    --ink-3:#848b91;
    --rule:#2f353a;
    --rule-2:#414951;
    --accent:#6fb3a2;
    --accent-ink:#8ec8b8;
    --accent-soft:#1d2c29;
    --flag:#e0916b;
    --flag-soft:#2e211a;
    --gold:#c9a95c;
    --gold-soft:#2a2519;
    --shadow:0 1px 2px rgba(0,0,0,.3), 0 8px 24px -16px rgba(0,0,0,.8);
  }}
.lola-host[data-theme="dark"]{
  --ground:#14171a;
  --surface:#1b1f23;
  --surface-2:#23282d;
  --ink:#e9e7e2;
  --ink-2:#b0b5b9;
  --ink-3:#848b91;
  --rule:#2f353a;
  --rule-2:#414951;
  --accent:#6fb3a2;
  --accent-ink:#8ec8b8;
  --accent-soft:#1d2c29;
  --flag:#e0916b;
  --flag-soft:#2e211a;
  --gold:#c9a95c;
  --gold-soft:#2a2519;
  --shadow:0 1px 2px rgba(0,0,0,.3), 0 8px 24px -16px rgba(0,0,0,.8);
}
.lola-host *{box-sizing:border-box}
.lola-host{
  margin:0;
  background:var(--ground);
  color:var(--ink);
  font-family:var(--body);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.lola-host .wrap{max-width:760px;margin:0 auto;padding:0 20px}/* ---------- site chrome ---------- */
.lola-host .topbar{
  border-bottom:1px solid var(--rule);
  background:var(--surface);
  position:sticky;
  top:env(safe-area-inset-top,0px);
  z-index:20;
}
.lola-host .topbar-in{
  max-width:760px;margin:0 auto;padding:11px 20px;
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
}
.lola-host .wordmark{
  font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:-.01em;
  color:var(--ink);text-decoration:none;
}
.lola-host .wordmark .dom{color:var(--accent)}
.lola-host .topnav{margin-left:auto;display:flex;gap:16px;font-size:13.5px}
.lola-host .topnav span{color:var(--ink-3)}
.lola-host .topnav span.here{color:var(--accent-ink);font-weight:600}/* ---------- page banner ---------- */
.lola-host .banner{
  background:var(--accent-soft);
  border-bottom:1px solid var(--rule);
  padding-block:14px;
}
.lola-host .banner p{
  max-width:760px;margin:0 auto;padding:0 20px;
  font-size:13.5px;line-height:1.5;color:var(--accent-ink);
}
.lola-host .banner strong{font-weight:600}/* ---------- article ---------- */
.lola-host article{padding-block:40px 8px}
.lola-host .eyebrow{
  font-family:var(--mono);font-size:11px;letter-spacing:.11em;text-transform:uppercase;
  color:var(--ink-3);margin:0 0 14px;
}
.lola-host h1{
  font-family:var(--display);font-weight:500;font-size:clamp(30px,6.2vw,42px);
  line-height:1.12;letter-spacing:-.018em;margin:0 0 18px;text-wrap:balance;
}
.lola-host .standfirst{font-size:19px;line-height:1.55;color:var(--ink-2);margin:0 0 30px;max-width:60ch}
.lola-host article h2{
  font-family:var(--display);font-weight:600;font-size:22px;line-height:1.25;
  margin:36px 0 12px;letter-spacing:-.008em;text-wrap:balance;
}
.lola-host article p{margin:0 0 17px;max-width:65ch}
.lola-host article p.lede-num{font-variant-numeric:tabular-nums}
.lola-host .pull{
  border-left:3px solid var(--accent);
  padding:2px 0 2px 18px;margin:26px 0;
  font-family:var(--display);font-size:20px;line-height:1.45;color:var(--ink);
  max-width:58ch;
}
.lola-host .correction{
  background:var(--flag-soft);
  border:1px solid color-mix(in srgb, var(--flag) 26%, transparent);
  border-radius:3px;padding:15px 17px;margin:26px 0;
}
.lola-host .correction .lbl{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;
  color:var(--flag);display:block;margin-bottom:7px;font-weight:500;
}
.lola-host .correction p{margin:0;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.lola-host .srcline{
  font-family:var(--mono);font-size:12px;line-height:1.7;color:var(--ink-3);
  border-top:1px solid var(--rule);padding-top:14px;margin-top:30px;
}
.lola-host .srcline a{color:var(--ink-2)}
.lola-host .srcline .k{color:var(--ink-3)}/* ---------- the ask component ---------- */
.lola-host .ask{
  margin:44px 0 0;
  border-top:2px solid var(--ink);
  padding-top:0;
}
.lola-host .ask-head{
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;
  padding:16px 0 4px;
}
.lola-host .ask-head h2{
  font-family:var(--display);font-size:21px;font-weight:600;margin:0;letter-spacing:-.008em;
}
.lola-host .ask-head .ctx{
  font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-3);
}
.lola-host .ask-sub{font-size:14.5px;color:var(--ink-2);margin:0 0 16px;max-width:62ch}
.lola-host .composer{
  background:var(--surface);
  border:1px solid var(--rule-2);
  border-radius:4px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.lola-host .composer textarea{
  display:block;width:100%;border:0;resize:none;
  background:transparent;color:var(--ink);
  font-family:var(--body);font-size:16.5px;line-height:1.5;
  padding:14px 15px 8px;min-height:54px;max-height:200px;
}
.lola-host .composer textarea:focus{outline:none}
.lola-host .composer textarea::placeholder{color:var(--ink-3)}
.lola-host .composer-foot{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:8px 12px 11px 15px;border-top:1px solid var(--rule);
}
.lola-host .composer-foot .hint{font-family:var(--mono);font-size:11px;color:var(--ink-3);margin-right:auto}
.lola-host button{
  font-family:var(--body);font-size:14.5px;font-weight:600;
  border-radius:3px;cursor:pointer;border:1px solid transparent;
  padding:7px 15px;transition:background .13s,border-color .13s,opacity .13s;
}
.lola-host button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lola-host .btn-go{background:var(--accent);color:#fff;border-color:var(--accent)}
.lola-host[data-theme="dark"] .btn-go, .lola-host:not([data-theme="light"]) .btn-go{color:#10201c}@media (prefers-color-scheme: light){.lola-host:not([data-theme="dark"]) .btn-go{color:#fff}}
.lola-host .btn-go:hover:not(:disabled){background:var(--accent-ink);border-color:var(--accent-ink)}
.lola-host .btn-go:disabled{opacity:.42;cursor:default}
.lola-host .btn-quiet{background:transparent;color:var(--ink-2);border-color:var(--rule-2)}
.lola-host .btn-quiet:hover{border-color:var(--ink-3);color:var(--ink)}
.lola-host .chips{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 0}
.lola-host .chip{
  font-family:var(--body);font-size:13px;font-weight:400;
  background:var(--surface-2);color:var(--ink-2);
  border:1px solid var(--rule);border-radius:100px;padding:5px 12px;cursor:pointer;
  text-align:left;
}
.lola-host .chip:hover{border-color:var(--ink-3);color:var(--ink)}
.lola-host .chip.adv{background:var(--flag-soft);border-color:color-mix(in srgb, var(--flag) 24%, transparent);color:var(--flag)}
.lola-host .chips-lbl{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3);margin:18px 0 8px;
}/* ---------- answer ---------- */
.lola-host .exchange{margin-top:26px}
.lola-host .q-echo{
  font-family:var(--display);font-size:19px;line-height:1.4;font-weight:500;
  margin:0 0 16px;padding-left:15px;border-left:3px solid var(--rule-2);color:var(--ink);
}
.lola-host .answer{
  background:var(--surface);border:1px solid var(--rule);border-radius:4px;
  padding:20px 21px;box-shadow:var(--shadow);
}
.lola-host .answer-brand{
  display:flex;align-items:center;gap:8px;margin:0 0 13px;
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);
}
.lola-host .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}
.lola-host .dot.busy{animation:pulse 1.1s ease-in-out infinite}
.lola-host .dot.stop{background:var(--flag)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.lola-host .dot.busy{animation:none;opacity:.6}}
.lola-host .answer-body{font-size:16.5px;line-height:1.62;color:var(--ink)}
.lola-host .answer-body p{margin:0 0 14px;max-width:63ch}
.lola-host .answer-body p:last-child{margin-bottom:0}
.lola-host .answer-body strong{font-weight:600}
.lola-host .answer-body em{font-style:italic}
.lola-host .caveat{
  display:flex;gap:11px;align-items:flex-start;
  border-radius:3px;padding:12px 14px;margin:0 0 15px;font-size:14.5px;line-height:1.5;
}
.lola-host .caveat .lv{
  font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  flex:none;padding-top:2px;font-weight:500;
}
.lola-host .caveat.l4{background:var(--flag-soft);color:var(--ink-2)}
.lola-host .caveat.l4 .lv{color:var(--flag)}
.lola-host .caveat.l3{background:var(--gold-soft);color:var(--ink-2)}
.lola-host .caveat.l3 .lv{color:var(--gold)}
.lola-host .caveat.l1{background:var(--surface-2);color:var(--ink-2)}
.lola-host .caveat.l1 .lv{color:var(--ink-3)}
.lola-host .routed{
  font-size:14px;color:var(--ink-2);border-top:1px solid var(--rule);
  margin-top:16px;padding-top:12px;
}
.lola-host .routed b{font-weight:600;color:var(--ink)}/* ---------- withheld disclosure ---------- */
.lola-host .withheld{margin:14px 0 4px;border-left:2px solid var(--rule);padding-left:14px}
.lola-host .withheld dl{margin:0}
.lola-host .withheld dt{
  font-family:var(--mono);font-size:11.5px;color:var(--ink-2);margin-top:11px;
}
.lola-host .withheld dt:first-child{margin-top:0}
.lola-host .withheld dd{margin:3px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink-2)}/* ---------- provenance rail ---------- */
.lola-host .prov{margin-top:14px}
.lola-host .prov-head{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3);margin:0 0 9px;
}
.lola-host .ent{
  border:1px solid var(--rule);border-radius:3px;background:var(--surface);
  padding:11px 13px;margin-bottom:7px;
}
.lola-host .ent-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.lola-host .ent-id{font-family:var(--mono);font-size:11.5px;color:var(--ink-2)}
.lola-host .pill{
  font-family:var(--mono);font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;
  padding:2px 6px;border-radius:2px;font-weight:500;
}
.lola-host .pill.active{background:var(--accent-soft);color:var(--accent-ink)}
.lola-host .pill.draft{background:var(--gold-soft);color:var(--gold)}
.lola-host .pill.stale{background:var(--flag-soft);color:var(--flag)}
.lola-host .pill.sens{background:var(--surface-2);color:var(--ink-3)}
.lola-host .pill.seeded{background:var(--accent-soft);color:var(--accent-ink);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}
.lola-host .ent-st{font-size:14px;line-height:1.5;color:var(--ink-2);margin:0 0 7px}
.lola-host .ent-meta{
  font-family:var(--mono);font-size:11px;line-height:1.7;color:var(--ink-3);
  display:flex;flex-wrap:wrap;gap:3px 14px;
}
.lola-host .ent-meta a{color:var(--ink-2)}
.lola-host .ent-meta .kk{color:var(--rule-2)}/* ---------- pipeline panel ---------- */
.lola-host details.pipe{margin-top:16px;border:1px dashed var(--rule-2);border-radius:3px;background:transparent}
.lola-host details.pipe>summary{
  cursor:pointer;list-style:none;padding:10px 13px;
  font-family:var(--mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);
}
.lola-host details.pipe>summary::-webkit-details-marker{display:none}
.lola-host details.pipe>summary:hover{color:var(--ink-2)}
.lola-host details.pipe>summary::before{content:"▸ ";color:var(--rule-2)}
.lola-host details.pipe[open]>summary::before{content:"▾ "}
.lola-host .pipe-in{padding:0 13px 14px}
.lola-host .stage{border-top:1px solid var(--rule);padding:11px 0 3px}
.lola-host .stage:first-child{border-top:0}
.lola-host .stage-n{
  font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-3);margin-bottom:6px;
}
.lola-host .stage-n .tag{color:var(--accent-ink);font-weight:500}
.lola-host .stage-n .tag.no{color:var(--flag)}
.lola-host .kv{font-family:var(--mono);font-size:11.5px;line-height:1.75;color:var(--ink-2)}
.lola-host .kv .k{color:var(--ink-3)}
.lola-host .scores{font-family:var(--mono);font-size:11.5px;line-height:1.8;color:var(--ink-2)}
.lola-host .bar{display:inline-block;height:6px;background:var(--accent);border-radius:1px;vertical-align:middle;margin:0 7px;opacity:.75}
.lola-host .scores .dim{color:var(--ink-3)}
.lola-host pre.prompt{
  font-family:var(--mono);font-size:10.5px;line-height:1.6;color:var(--ink-2);
  background:var(--surface-2);border-radius:3px;padding:11px 12px;margin:6px 0 0;
  white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto;
}
.lola-host .unavailable{
  border:1px dashed var(--rule-2);border-radius:4px;padding:16px 17px;
  font-size:14.5px;line-height:1.55;color:var(--ink-2);
}
.lola-host .unavailable b{color:var(--ink);font-weight:600}/* ---------- spec ---------- */
.lola-host .spec{margin-top:52px;border-top:1px solid var(--rule);padding-top:34px;padding-bottom:56px}
.lola-host .spec h2{
  font-family:var(--display);font-size:24px;font-weight:600;margin:0 0 8px;letter-spacing:-.01em;
}
.lola-host .spec .spec-sub{font-size:15px;color:var(--ink-2);margin:0 0 26px;max-width:62ch}
.lola-host .spec h3{
  font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--accent-ink);margin:26px 0 9px;
}
.lola-host .spec p{font-size:15.5px;line-height:1.6;margin:0 0 13px;max-width:64ch;color:var(--ink-2)}
.lola-host .spec p b{color:var(--ink);font-weight:600}
.lola-host .spec code{font-family:var(--mono);font-size:13px;background:var(--surface-2);padding:1px 5px;border-radius:2px;color:var(--ink)}
.lola-host .flow{
  display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin:18px 0 22px;
}
.lola-host .node{
  flex:1 1 130px;background:var(--surface);border:1px solid var(--rule);border-radius:3px;
  padding:11px 12px;min-width:0;
}
.lola-host .node .n-k{
  font-family:var(--mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-3);margin-bottom:5px;
}
.lola-host .node .n-v{font-size:14px;line-height:1.4;color:var(--ink);font-weight:600}
.lola-host .node .n-d{font-size:12.5px;line-height:1.45;color:var(--ink-3);margin-top:4px}
.lola-host .node.det{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:var(--accent-soft)}
.lola-host .node.gen{border-style:dashed;border-color:var(--rule-2)}
.lola-host .legend{font-family:var(--mono);font-size:11px;color:var(--ink-3);display:flex;gap:16px;flex-wrap:wrap;margin:-10px 0 24px}
.lola-host .legend i{font-style:normal;display:inline-flex;align-items:center;gap:6px}
.lola-host .sw{width:11px;height:11px;border-radius:2px;display:inline-block;flex:none}
.lola-host .sw.det{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}
.lola-host .sw.gen{background:var(--surface);border:1px dashed var(--rule-2)}
.lola-host ul.tight{margin:0 0 14px;padding-left:20px}
.lola-host ul.tight li{font-size:15.5px;line-height:1.55;color:var(--ink-2);margin-bottom:7px;max-width:62ch}
.lola-host ul.tight li b{color:var(--ink);font-weight:600}
.lola-host footer{border-top:1px solid var(--rule);padding-block:22px 34px}
.lola-host footer p{font-family:var(--mono);font-size:11.5px;line-height:1.7;color:var(--ink-3);margin:0;max-width:64ch}@media (max-width:520px){.lola-host{font-size:16.5px}
.lola-host .topnav{width:100%;margin-left:0;gap:13px}
.lola-host .flow{flex-direction:column}}