:root{
  --paper:#f7f7f5;--box:#fff;--ink:#0a0a0a;--soft:#6f6f6b;--dim:#73736f;
  --rule:#e3e3df;--rule-2:#efefec;--blue:#0047ff;--blue-soft:#c4d2ff;--blue-wash:#f2f5ff;
  /* the old token names, aliased, so no inline style left in this file can bring the green back */
  --bg:#f7f7f5;--card:#fff;--line:#e3e3df;--muted:#6f6f6b;
  --accent:#0047ff;--accent-ink:#0047ff;--accent-soft:#f2f5ff;
}
/* Shared product surfaces, including the reading pages. */
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
button,input,textarea,select{font:inherit}
button,summary{touch-action:manipulation}
.reading-page{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'IBM Plex Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.reading-page *{box-sizing:border-box}
.reading-page header{border-bottom:1px solid var(--rule);padding:18px 24px;display:flex;justify-content:space-between;gap:20px}
.reading-page header a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:500}
.reading-page main{max-width:740px;margin:auto;padding:44px 24px 80px;overflow-wrap:anywhere}
.reading-page h1{font-size:28px;line-height:1.15;letter-spacing:-.04em;font-weight:600}
.reading-page h2{font-size:20px;line-height:1.3;letter-spacing:-.02em;font-weight:500;margin-top:36px}
.reading-page a{color:var(--blue);text-underline-offset:3px}
.reading-page .muted{color:var(--soft);font-size:14px}
.reading-page table{width:100%;border-collapse:collapse;font-size:13px;display:block;overflow-x:auto}
.reading-page td{border-top:1px solid var(--rule);padding:12px 8px;vertical-align:top;min-width:64px}
.reading-page code,.reading-page .mono{font:inherit;font-variant-numeric:tabular-nums}
.reading-page code{background:var(--blue-wash);padding:2px 4px}
.reading-page details{border:1px solid var(--rule);padding:16px;margin:24px 0;background:var(--box)}
.reading-page summary{cursor:pointer;font-weight:500}
@media(max-width:600px){button,.act{min-height:40px}.reading-page main{padding:28px 18px 60px}.reading-page header{padding:18px}}
/* A returning builder's runs and private comparisons. */
#progress-body{min-width:0;overflow-wrap:anywhere}
#progress-body h2{font-size:18px;line-height:1.3;margin:0 0 8px;letter-spacing:-.02em}
#progress-body p{line-height:1.5}
#progress-body small{color:var(--soft);font-size:12px;line-height:1.5}
#progress-body code{font:11px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}
.return-actions,.progress-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.return-actions .panel{margin:0}
.history-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin:24px 0 12px}
.history-filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--soft)}
.history-filters input,.history-filters select{width:100%;min-width:0;border:1px solid var(--rule);padding:10px;background:var(--box);color:var(--ink);border-radius:2px}
.history-filters button{padding:10px 16px;border:1px solid var(--ink);background:var(--ink);color:var(--box);border-radius:2px}
.history-run{display:grid;grid-template-columns:120px 1fr;gap:20px;background:var(--box);border:1px solid var(--rule);padding:20px;margin:0 0 12px}
.history-run h2 a{color:var(--ink);text-decoration:none}
.history-run h2 a:hover{text-decoration:underline}
.history-run p{margin:4px 0;color:var(--soft);font-size:12px}
.history-trace{align-self:center;min-width:0}
.history-counts{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0;font-size:12px;font-variant-numeric:tabular-nums}
.progress-pair article{padding:20px;border:1px solid var(--rule);background:var(--box);min-width:0}
.progress-pair svg{margin:16px 0}
.comparison-status{padding:20px;background:var(--blue-wash);border-left:2px solid var(--blue);margin:24px 0}
.comparison-status li{margin:4px 0;line-height:1.5}
.return-brief{border-left:2px solid var(--blue);background:var(--blue-wash);margin:18px 0}
.return-brief h3{margin:4px 0 8px}
.return-brief p{margin:8px 0;line-height:1.5}
.progress-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);margin-bottom:24px}
.progress-metric{display:flex;flex-direction:column;gap:10px;padding:16px;background:var(--box);min-width:0}
.progress-metric strong{font-size:12px;font-weight:500}
.progress-metric span{font-size:19px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
@media(max-width:700px){.history-filters{grid-template-columns:1fr 1fr}.history-filters label:first-child{grid-column:1/-1}.history-run{grid-template-columns:72px 1fr;padding:16px;gap:12px}.progress-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.return-actions,.progress-pair{grid-template-columns:1fr}.history-counts{gap:8px}.progress-metric{padding:12px}.progress-metric span{font-size:17px}}
#progress-body .panel{padding:20px;margin-bottom:20px}

/* Share studio: the exact exported image is the preview. */
.share-studio{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.2fr);gap:28px;align-items:start}
.share-studio .panel{padding:22px}.post-preview canvas{display:block;width:100%;height:auto;border:1px solid var(--rule)}
.post-preview label{display:block;margin-top:20px}.post-preview textarea{width:100%;box-sizing:border-box}
@media(max-width:720px){.share-studio{grid-template-columns:minmax(0,1fr)}.share-studio .panel{padding:16px}}

.run-signature{padding:26px 0 16px}.run-signature svg{height:120px}.run-signature .meta{display:block;margin-top:8px}
.run-key-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px 0;border-top:1px solid var(--rule)}
.run-key-facts span{display:block;color:var(--soft);font-size:12px}.run-key-facts strong{font-size:25px;font-weight:500;line-height:1.6}.run-evidence{margin:10px 0 20px}.run-evidence summary{cursor:pointer;color:var(--soft);font-size:13px}.card .title a{color:inherit;text-decoration:none}

.forum-trace{max-width:420px;margin:20px 0}.forum-trace svg{height:90px}.forum-item h3{font-size:23px;line-height:1.3}.forum-item .reply-body{white-space:pre-wrap;overflow-wrap:anywhere}