:root{color-scheme:dark;--bg:#080c11;--panel:#10171f;--line:#293540;--text:#e6e9e8;--muted:#a8b6bc;--accent:#e4c491;--mint:#8bcbc0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--mint);text-underline-offset:.22em}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:4px}.skip{position:absolute;top:-70px;left:20px;padding:12px;background:var(--panel);z-index:2}.skip:focus{top:10px}header,footer{max-width:1240px;margin:auto;padding:28px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px}header{border-bottom:1px solid var(--line)}.brand{font-size:14px;letter-spacing:.12em;color:var(--text);text-decoration:none;font-weight:750;white-space:nowrap}.brand span{color:var(--accent)}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font-size:13px;color:var(--muted);text-decoration:none}main{max-width:1240px;margin:auto;padding:0 40px}.opening{padding:80px 0 60px;display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:end}.eyebrow,.number{font-size:11px;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(38px,5.3vw,68px);line-height:1.06;font-weight:400;letter-spacing:-.025em;margin:20px 0 24px}h2{font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.025em}h3{font-size:20px;font-weight:550;line-height:1.3}.lead{font-size:18px;color:var(--muted);max-width:560px}.scope{font-size:13px;color:var(--muted);border-left:1px solid var(--line);padding-left:26px}.pill{display:inline-block;border:1px solid #426b63;color:var(--mint);border-radius:20px;padding:5px 10px;margin-bottom:18px;font-size:11px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.section-heading p,.hint,.small{color:var(--muted);font-size:13px}.workbench{border:1px solid var(--line);padding:34px;background:var(--panel);border-radius:6px}.examples{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}button{cursor:pointer;border:1px solid #45505a;background:transparent;color:var(--text);padding:10px 14px;border-radius:4px;font-size:13px}button:hover{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.4;cursor:default}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:38px}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:17px;margin-bottom:16px;font-weight:550}legend span{font-size:11px;color:var(--accent);margin-right:12px}.hint{min-height:42px}.bounds{display:grid;grid-template-columns:90px 1fr 1fr;gap:8px;align-items:center;font-size:13px}.bounds>span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.bounds label{margin-right:8px}input,select{width:100%;min-width:0;border:1px solid #3b4b57;background:#080d12;color:var(--text);padding:11px 10px;border-radius:3px;font-size:14px}.row{display:grid;grid-template-columns:140px 1fr;align-items:center;font-size:13px;gap:12px;margin-top:14px}.ack{display:flex;align-items:flex-start;gap:12px;margin-top:22px;color:var(--muted);font-size:13px}.ack input{width:18px;height:18px;flex-shrink:0;margin-top:3px;accent-color:var(--mint)}.questions{border-top:1px solid var(--line);padding-top:26px;margin-top:32px}.questions>legend{float:left;width:100%;margin-bottom:12px}.questions .hint{clear:both}.question-grid{display:grid;grid-template-columns:110px 1.3fr 1.2fr .8fr;gap:10px;align-items:center}.question-grid>span{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.08em}.question-grid strong{font-size:12px;font-weight:500}.small{margin-top:14px;font-size:12px}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:26px}.actions span{color:var(--muted);font-size:11px}.primary{background:var(--accent);color:#141719;border-color:var(--accent);font-weight:650}.primary:hover{background:#efdab6;color:#141719}#error{color:#edb2a8;font-size:14px;margin:18px 0 0}#results{border-top:1px solid var(--line);margin-top:32px;padding-top:30px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.result-grid article,.plan{padding:22px;border:1px solid var(--line);border-radius:3px}.result-grid .eyebrow,.plan .eyebrow{display:block;margin-bottom:12px}.result-grid p,.plan p{font-size:14px;color:var(--muted)}#witnesses p{font-size:12px;border-left:2px solid var(--mint);padding-left:12px}.plan{margin-top:22px}#question-results{padding-left:22px;font-size:13px}#question-results li{margin-top:15px}#question-results p{margin:4px 0 0;font-size:12px}details{margin-top:22px}summary{cursor:pointer;color:var(--muted);font-size:13px}pre{overflow:auto;max-height:420px;padding:20px;background:#080d12;font-size:11px;line-height:1.6;border:1px solid var(--line)}.worked,.connections,.limits{padding:64px 0 0}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 46px}.method-grid article{border-top:1px solid var(--line);padding:24px 0 16px}.method-grid p{font-size:14px;color:var(--muted)}.method-grid .number{display:block;margin-bottom:14px}.method-grid a{font-size:13px}.boundary{border-left:2px solid #66573f;padding-left:14px}.section-intro{max-width:700px;color:var(--muted);margin-bottom:30px}.limits{max-width:850px;padding-bottom:64px}.limits p{color:var(--muted);font-size:14px}.source-links{border-top:1px solid var(--line);padding-top:20px}footer{border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer p{margin:0}.notice{border:1px solid var(--accent);padding:16px;color:var(--accent)}[hidden]{display:none!important}@media(max-width:800px){header,footer{padding:24px}main{padding:0 24px}.opening{grid-template-columns:1fr;gap:20px;padding:44px 0}.scope{max-width:650px}.section-heading{display:block}.form-columns{grid-template-columns:1fr;gap:28px}.hint{min-height:0}.workbench{padding:24px}.result-grid{grid-template-columns:1fr}.method-grid{gap:0 28px}.question-grid{grid-template-columns:90px 1fr 1fr .7fr;gap:7px}nav{gap:14px}.bounds{grid-template-columns:80px 1fr 1fr}}@media(max-width:480px){header{display:block}.brand{display:inline-block;margin-bottom:16px}nav{gap:18px}main{padding:0 16px}.workbench{padding:18px}.opening{padding-top:30px}.scope{padding-left:16px}.method-grid{grid-template-columns:1fr}.question-grid{grid-template-columns:70px 1fr 1fr 54px;gap:6px}.question-grid strong{font-size:10px}.question-grid select,.question-grid input{font-size:11px;padding:10px 6px}.row{grid-template-columns:115px 1fr}.bounds{grid-template-columns:65px 1fr 1fr;gap:6px}.bounds input{font-size:12px;padding:11px 7px}h2{font-size:24px}.examples button{font-size:11px;padding:9px}.worked,.connections{padding-top:46px}footer{align-items:flex-start;flex-direction:column;gap:8px}footer .brand{margin:0}}

/* The workbench shares the observatory's reading surfaces and mobile rhythm. */
:root { --gutter: clamp(16px, 3.4vw, 40px); --line: rgba(184, 216, 227, .23); --panel: rgba(6, 14, 24, .9); }
body { background: #030810; isolation: isolate; min-height: 100svh; }
body::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse at 13% 5%, rgba(35, 177, 115, .24), transparent 49%),
    radial-gradient(ellipse at 64% 43%, rgba(34, 145, 165, .2), transparent 51%),
    radial-gradient(ellipse at 100% 86%, rgba(126, 74, 198, .22), transparent 53%), #030810;
}
header, footer { padding-inline: var(--gutter); }
header { flex-wrap: wrap; gap: 12px 28px; }
header nav { gap: 0 22px; }
header nav a { display: inline-flex; align-items: center; min-height: 44px; }
header nav a:hover, header nav a[aria-current] { color: var(--accent); }
main { padding-inline: var(--gutter); }
h1, h2, h3 { text-wrap: balance; }
.opening > *, .result-grid > *, .method-grid > * { min-width: 0; }
.workbench { border-radius: 16px; }
.scope { border-color: var(--mint); }
button { min-height: 44px; transition: background .18s ease, color .18s ease, border-color .18s ease; }
button:active:not(:disabled) { transform: translateY(1px); }
input, select { min-height: 44px; font-variant-numeric: tabular-nums; border-radius: 6px; }
.examples button { padding: 10px 14px; font-size: 13px; }
.question-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.question { padding: 16px; border: 1px solid var(--line); border-radius: 8px; }
.question legend { padding: 0 6px; margin: 0; font-size: 12px; color: var(--accent); }
.question-fields { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) minmax(0, .8fr); gap: 10px; }
.question-fields label { display: grid; gap: 8px; min-width: 0; font-size: 12px; color: var(--muted); }
.question-grid input, .question-grid select { padding: 10px; font-size: 14px; }
.result-grid article, .plan { border-radius: 8px; overflow-wrap: anywhere; }
#results h3 { text-wrap: pretty; }
pre { border-radius: 8px; }
summary { min-height: 44px; padding-block: 10px; }
@media (max-width: 800px) {
  .opening { gap: 24px; }
  .question-grid { grid-template-columns: minmax(0, 1fr); }
  input, select, .bounds input, .question-grid input, .question-grid select { font-size: 16px; }
}
@media (max-width: 540px) {
  header .brand { margin-bottom: 0; }
  .opening { padding-block: 32px; }
  .row { grid-template-columns: minmax(0, 1fr); gap: 7px; }
  .question-fields { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .question-observe { grid-column: 1 / -1; }
  .actions { gap: 12px; }
  .actions button { width: 100%; }
  .result-grid article, .plan { padding: 16px; }
}
@media (prefers-reduced-motion: reduce) { button { transition: none; } }