:root { color-scheme: light; --ink:#18211e; --muted:#64706b; --paper:#f4f0e8; --card:#fffdf8; --line:#d9d3c7; --jade:#176b55; --jade-dark:#0b4939; --rust:#a0442b; --amber:#b66b13; --blue:#214f80; --shadow:0 12px 34px rgba(31,38,34,.08); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 15% 0,#e4eee7 0,transparent 32rem),var(--paper); }
button,input { font:inherit; }
button { border:1px solid var(--line); background:#fff; color:var(--ink); padding:.7rem 1rem; border-radius:999px; cursor:pointer; font-weight:700; }
button:hover:not(:disabled) { transform:translateY(-1px); box-shadow:0 4px 14px rgba(0,0,0,.08); }
button:focus-visible,input:focus-visible,a:focus-visible { outline:3px solid #efb94f; outline-offset:2px; }
button:disabled { opacity:.42; cursor:not-allowed; }
button.primary { background:var(--jade); border-color:var(--jade); color:white; }
button.quiet { background:transparent; }
.skip-link { position:absolute; left:-10000px; top:0; background:#fff; padding:.7rem; z-index:20; }.skip-link:focus{left:.5rem;top:.5rem}
.masthead { max-width:1440px; margin:auto; padding:2.4rem 2rem 1.3rem; display:flex; justify-content:space-between; align-items:flex-end; gap:2rem; }
h1,h2,h3,p { margin-top:0; } h1 { margin-bottom:.25rem; font-family:Georgia,serif; font-size:clamp(2.5rem,7vw,5.7rem); line-height:.88; letter-spacing:-.055em; } h2 { font:700 1.25rem/1.2 Georgia,serif; margin-bottom:.3rem; } h3 { font-size:.9rem; }
.eyebrow { margin-bottom:.35rem; text-transform:uppercase; letter-spacing:.16em; font-size:.68rem; color:var(--jade-dark); font-weight:800; }
.lede { margin:0; max-width:600px; color:var(--muted); font-size:1.05rem; }
.runtime { min-width:260px; display:flex; align-items:center; gap:.8rem; padding:.85rem 1rem; background:rgba(255,255,255,.75); border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); }.runtime small{display:block;color:var(--muted);margin-top:.2rem}.status-dot{width:12px;height:12px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 5px rgba(182,107,19,.12)}.status-dot.live{background:var(--jade);box-shadow:0 0 0 5px rgba(23,107,85,.12)}
.command-bar { position:sticky; top:0; z-index:10; display:flex; align-items:center; gap:.55rem; max-width:1440px; margin:0 auto 1rem; padding:.8rem 2rem; background:rgba(244,240,232,.9); backdrop-filter:blur(14px); }
.state-chip,.pill,.mono { display:inline-flex; align-items:center; border:1px solid var(--line); background:#f8f6f0; border-radius:999px; padding:.3rem .58rem; font-size:.72rem; white-space:nowrap; }.state-chip{margin-left:auto}.pill.warning{color:var(--rust);border-color:#e6b9a9;background:#fff6f1}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
main { max-width:1440px; margin:auto; padding:0 2rem 3rem; display:grid; gap:1rem; }.panel{background:rgba(255,253,248,.92);border:1px solid var(--line);border-radius:20px;padding:1.1rem;box-shadow:var(--shadow)}
.object-card { display:grid; grid-template-columns:100px 1fr minmax(260px,480px); align-items:center; gap:1rem; }.painting{width:88px;height:110px;border:8px solid #332b24;background:linear-gradient(150deg,#263b48 0 25%,#c36f3a 26% 46%,#d0b171 47% 63%,#315f62 64%);display:grid;place-items:end center;color:#fff;font:700 .72rem Georgia,serif;padding:.35rem;box-shadow:inset 0 0 0 3px #a78c64}.object-card h2{font-size:1.6rem}.object-card p{margin-bottom:.35rem}.marks{display:flex;gap:.35rem;flex-wrap:wrap}.marks span{font-size:.68rem;border:1px dashed var(--line);padding:.25rem .45rem;border-radius:4px}.disclaimer{border-left:3px solid var(--amber);padding:.65rem .8rem;background:#fff9eb;font-size:.78rem;line-height:1.45}
.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.8rem}.section-heading .eyebrow{margin-bottom:.2rem}.section-heading h2{margin:0}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;position:relative;padding-top:1rem}.timeline:before{content:"";position:absolute;left:2%;right:2%;top:.62rem;height:2px;background:var(--line)}.timeline-event{position:relative;border:1px solid var(--line);background:#fff;padding:.75rem;border-radius:12px;min-height:112px}.timeline-event:before{content:"";position:absolute;width:10px;height:10px;top:-1.03rem;left:.3rem;border-radius:50%;background:var(--jade);border:3px solid var(--paper)}.timeline-event.gap{border-style:dashed;background:#fff6f1;color:var(--rust)}.timeline-event.gap:before{background:var(--rust)}.timeline-event time{display:block;font-weight:800;color:var(--jade-dark);font-size:.75rem}.timeline-event strong{display:block;margin:.3rem 0;font-size:.86rem}.timeline-event small{color:var(--muted);line-height:1.35;display:block}.gap-banner{margin-top:.75rem;background:#fff1eb;border:1px solid #efc3b5;color:#7b2e1a;padding:.65rem .8rem;border-radius:10px;font-size:.78rem}
.columns{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}.columns.lower{grid-template-columns:1fr 1fr}.source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.source{border:1px solid var(--line);border-radius:12px;padding:.75rem;background:#fff;position:relative}.source header{display:flex;justify-content:space-between;gap:.5rem}.source h3{margin:0;font-size:.83rem}.source p{font-size:.73rem;line-height:1.4;color:var(--muted);margin:.45rem 0}.source .meta{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--blue)}.source.untrusted{border-color:#dcaa96;background:#fff7f3}.source.low{border-color:#dbb05c;background:#fffbef}.source button{font-size:.65rem;padding:.35rem .55rem}.trust-badge{font-size:.6rem;padding:.2rem .35rem;border-radius:4px;background:#edf4f1;color:var(--jade-dark);height:max-content}.untrusted .trust-badge{background:#fde4da;color:var(--rust)}
.graph{min-height:230px;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.4rem;background:linear-gradient(90deg,transparent 49.8%,var(--line) 50%,transparent 50.2%);padding:.35rem}.node{border:1px solid var(--line);background:#fff;border-radius:10px;padding:.6rem;font-size:.72rem;position:relative}.node.claim{border-left:3px solid var(--jade)}.node.source-node{border-right:3px solid var(--blue)}.node .edge{display:block;color:var(--muted);font-size:.62rem;margin-top:.22rem}.node.empty-node{grid-column:1/-1;text-align:center;padding:3rem;color:var(--muted);border-style:dashed}.issues{border-top:1px solid var(--line);margin-top:.7rem;padding-top:.7rem}.issues ul{padding-left:1.1rem;margin:0;color:var(--muted);font-size:.75rem;line-height:1.5}
.draft{min-height:155px;border:1px solid var(--line);border-radius:12px;padding:1rem;background:#fff;font:1rem/1.65 Georgia,serif}.draft.empty{display:grid;place-items:center;color:var(--muted);font-family:inherit}.citation{color:var(--blue);font:700 .66rem ui-monospace,monospace;vertical-align:super}.approval-box{margin-top:.8rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.approval-check{width:100%;font-size:.76rem}.microcopy{width:100%;font-size:.7rem;color:var(--muted);margin:0}.receipt{margin-top:.7rem;padding:.7rem;background:#edf7f2;border:1px solid #acd1bf;border-radius:10px;font-size:.73rem}.hidden{display:none}
.ledger{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;max-height:330px;overflow:auto}.ledger li{display:grid;grid-template-columns:5rem 1fr;gap:.6rem;border-bottom:1px solid #ece7dd;padding-bottom:.5rem;font-size:.72rem}.actor{font-weight:800;color:var(--jade-dark)}.ledger small{display:block;color:var(--muted);margin-top:.15rem}
footer{max-width:1440px;margin:auto;padding:1.2rem 2rem 2.5rem;display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem}
@media(max-width:850px){.masthead{align-items:flex-start;flex-direction:column}.runtime{width:100%}.object-card{grid-template-columns:90px 1fr}.disclaimer{grid-column:1/-1}.columns,.columns.lower{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.timeline:before{display:none}.timeline-event:before{display:none}.source-list{grid-template-columns:1fr}}
@media(max-width:520px){.masthead,main,.command-bar,footer{padding-left:1rem;padding-right:1rem}.command-bar{overflow-x:auto}.state-chip{margin-left:0}.timeline{grid-template-columns:1fr}.object-card{grid-template-columns:1fr}.painting{display:none}.source-list{grid-template-columns:1fr}footer{flex-direction:column;gap:.5rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}button:hover{transform:none!important}}