/* site.css — Lauener Systematic * Tokens + components. Dark/Light via prefers-color-scheme, manual override via * (set by assets/app.js, persisted in localStorage). */ /* ---------- fonts (self-hosted; drop the woff2 files into assets/fonts/) ---------- */ @font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/IBMPlexSans-Regular.woff2') format('woff2');} @font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/IBMPlexSans-Medium.woff2') format('woff2');} @font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/IBMPlexSans-SemiBold.woff2') format('woff2');} @font-face{font-family:'IBM Plex Serif';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/IBMPlexSerif-Regular.woff2') format('woff2');} @font-face{font-family:'IBM Plex Serif';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/IBMPlexSerif-Medium.woff2') format('woff2');} @font-face{font-family:'IBM Plex Serif';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/IBMPlexSerif-SemiBold.woff2') format('woff2');} @font-face{font-family:'IBM Plex Serif';font-style:italic;font-weight:500;font-display:swap;src:url('fonts/IBMPlexSerif-MediumItalic.woff2') format('woff2');} @font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/IBMPlexMono-Regular.woff2') format('woff2');} @font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/IBMPlexMono-Medium.woff2') format('woff2');} /* ---------- tokens ---------- */ :root{ --bg:#f5f1e9; --surface:#fcfaf4; --ink:#221c14; --muted:#6f6555; --faint:#988d7c; --hair:#e2dac9; --accent:#8c6a34; --pos:#1f7059; --neg:#b23f30; --chart-bench:#7a6f5d; --chart-overlay:#5c7ba3; --chart-shade:rgba(60,48,30,0.05); --chart-band:rgba(140,106,52,0.10); --sel:rgba(140,106,52,0.16); --serif:'IBM Plex Serif',Georgia,'Times New Roman',serif; --sans:'IBM Plex Sans',system-ui,-apple-system,sans-serif; --mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Menlo,monospace; --maxw:1120px; /* wordmark: 600 = uniform, 400 = weight contrast on "Systematic" */ --wordmark-systematic-weight:400; } @media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){ --bg:#16130f; --surface:#1e1a15; --ink:#e8e1d3; --muted:#a89b87; --faint:#7b7160; --hair:#332d24; --accent:#c69d5c; --pos:#4fae8c; --neg:#d97f66; --chart-bench:#9a8f7c; --chart-overlay:#87a1c4; --chart-shade:rgba(232,225,211,0.055); --chart-band:rgba(198,157,92,0.13); --sel:rgba(198,157,92,0.22); } } :root[data-theme="dark"]{ --bg:#16130f; --surface:#1e1a15; --ink:#e8e1d3; --muted:#a89b87; --faint:#7b7160; --hair:#332d24; --accent:#c69d5c; --pos:#4fae8c; --neg:#d97f66; --chart-bench:#9a8f7c; --chart-overlay:#87a1c4; --chart-shade:rgba(232,225,211,0.055); --chart-band:rgba(198,157,92,0.13); --sel:rgba(198,157,92,0.22); } /* ---------- base ---------- */ *,*::before,*::after{box-sizing:border-box;} [hidden]{display:none !important;} html{background:var(--bg);} body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;} a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--faint);text-underline-offset:3px;} a:hover{color:var(--accent);text-decoration-color:var(--accent);} ::selection{background:var(--sel);} h1,h2,h3,p{margin:0;} input[type="checkbox"]{accent-color:var(--accent);} .wrap{max-width:var(--maxw);margin:0 auto;padding-left:28px;padding-right:28px;} /* ---------- header ---------- */ .site-header{border-bottom:1px solid var(--hair);} .site-header .wrap{padding-top:18px;padding-bottom:18px;display:flex;align-items:baseline;justify-content:space-between;gap:14px 28px;flex-wrap:wrap;} .brand{font-family:var(--serif);font-size:18px;font-weight:600;text-decoration:none;color:var(--ink);} .brand span{font-weight:var(--wordmark-systematic-weight);} .brand:hover{color:var(--ink);} .nav{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;} .nav a{text-decoration:none;color:var(--muted);} .nav a:hover{color:var(--accent);} .nav a[aria-current]{color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:2px;} .theme-btn{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:none;border:1px solid var(--hair);color:var(--muted);padding:4px 10px;cursor:pointer;border-radius:2px;} .theme-btn:hover{border-color:var(--accent);color:var(--accent);} /* ---------- sub-navigation (numbers family: track record / monthly / expectation) ---------- */ .subnav{border-bottom:1px solid var(--hair);background:var(--surface);} .subnav .wrap{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none;} .subnav .wrap::-webkit-scrollbar{display:none;} .subnav a{font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);text-decoration:none;padding:12px 0 10px;border-bottom:2px solid transparent;white-space:nowrap;} .subnav a:hover{color:var(--accent);} .subnav a[aria-current]{color:var(--accent);border-bottom-color:var(--accent);} .subnav .soon{font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);opacity:.55;padding:12px 0 10px;border-bottom:2px solid transparent;white-space:nowrap;cursor:default;} /* ---------- typography ---------- */ .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);} .page-title{font-family:var(--serif);font-weight:500;font-size:clamp(30px,4vw,42px);line-height:1.15;margin-top:12px;} .sec-title{font-family:var(--serif);font-size:22px;font-weight:500;} .sub{font-family:var(--mono);font-size:11.5px;color:var(--faint);margin-top:5px;} .prose{font-size:16.5px;line-height:1.75;max-width:62ch;text-wrap:pretty;} .prose strong{font-weight:600;} /* ---------- buttons ---------- */ .btn{display:inline-block;background:var(--ink);color:var(--bg);padding:12px 22px;text-decoration:none;font-size:14.5px;font-weight:500;border-radius:3px;} .btn:hover{background:var(--accent);color:#fff;} .btn-ghost{display:inline-block;border:1px solid var(--hair);color:var(--ink);padding:12px 22px;text-decoration:none;font-size:14.5px;font-weight:500;border-radius:3px;} .btn-ghost:hover{border-color:var(--accent);color:var(--accent);} .btn-row{display:flex;gap:14px;flex-wrap:wrap;} /* ---------- home ---------- */ .hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:56px 80px;align-items:start;padding:56px 0 24px;} .hero-copy{max-width:640px;} .tagline{font-family:var(--serif);font-weight:500;font-size:clamp(38px,4.8vw,58px);line-height:1.12;margin-top:20px;text-wrap:balance;} .tagline em{color:var(--accent);} .lede{font-size:17px;line-height:1.7;max-width:56ch;margin-top:28px;} .social{display:flex;gap:22px;margin-top:34px;font-family:var(--mono);font-size:12px;letter-spacing:.05em;} .social a{color:var(--muted);text-decoration:none;} .social a:hover{color:var(--accent);} .hero-side{display:grid;gap:16px;max-width:400px;width:100%;justify-self:end;} .photo{width:100%;aspect-ratio:4/5;border:1px dashed var(--hair);border-radius:4px;display:grid;place-items:center;text-align:center;padding:20px; background:repeating-linear-gradient(135deg,transparent 0 9px,var(--chart-shade) 9px 18px);} .photo span{font-family:var(--mono);font-size:11px;color:var(--faint);} .teaser{background:var(--surface);border:1px solid var(--hair);border-radius:4px;padding:20px 22px;} .teaser-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;} .teaser-head .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);} .phase-pill{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;color:var(--accent);border:1px solid var(--accent);padding:2px 9px;border-radius:20px;white-space:nowrap;} .teaser-value{font-family:var(--mono);font-size:36px;font-weight:500;margin-top:10px;font-variant-numeric:tabular-nums;} .teaser-foot{font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:12px;line-height:1.6;} .teaser-foot a{color:var(--muted);} .home-note{border-top:1px solid var(--hair);margin-top:36px;padding:22px 0;} .home-note p{font-family:var(--mono);font-size:12.5px;line-height:1.7;color:var(--muted);max-width:86ch;} /* ---------- home: "What to expect" card (static band strip, frozen) ---------- */ .expect-card{background:var(--surface);border:1px solid var(--hair);border-radius:4px;padding:12px 20px 10px;} .expect-mini{display:block;width:100%;height:34px;margin-top:6px;overflow:visible;} .expect-text{font-size:12.5px;line-height:1.5;color:var(--muted);margin:8px 0 0;} .expect-card .teaser-foot{margin-top:8px;font-size:10.5px;line-height:1.5;} /* ---------- performance: banner + meta ---------- */ .banner{margin-top:26px;border:1px solid var(--accent);background:var(--surface);border-radius:4px;padding:18px 22px;display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;} .banner p{font-size:14.5px;line-height:1.65;max-width:78ch;} .badge{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--bg);background:var(--accent);padding:3px 9px;border-radius:2px;white-space:nowrap;} .meta{margin-top:14px;display:flex;gap:10px 22px;flex-wrap:wrap;align-items:baseline;font-family:var(--mono);font-size:12px;color:var(--muted);} .meta .dim{color:var(--faint);} .stale{margin-top:12px;border:1px solid var(--neg);color:var(--neg);border-radius:4px;padding:11px 16px;font-size:13.5px;font-weight:500;display:inline-block;} /* ---------- performance: KPI groups ---------- */ .kpi-groups{margin-top:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:28px;align-items:start;} .group-head{display:flex;align-items:baseline;gap:12px;border-bottom:1px solid var(--hair);padding-bottom:10px;} .group-head h2{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:var(--ink);} .group-head .cur{font-family:var(--mono);font-size:11px;color:var(--faint);} .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:10px;margin-top:14px;} .tile{background:var(--surface);border:1px solid var(--hair);border-radius:3px;padding:13px 15px;} .tile-label{font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);} .tile-value{font-family:var(--mono);font-size:22px;font-weight:500;margin-top:6px;font-variant-numeric:tabular-nums;} .ctx{margin-top:14px;margin-bottom:10px;font-family:var(--mono);font-size:11.5px;color:var(--faint);} .small-sample{margin-top:8px;font-size:12.5px;color:var(--accent);} .empty-group{margin-top:14px;border:1px dashed var(--hair);border-radius:3px;min-height:172px;display:grid;place-items:center;text-align:center;padding:24px;} .empty-group p{font-size:13.5px;color:var(--muted);max-width:34ch;line-height:1.6;} .pos{color:var(--pos);} .neg{color:var(--neg);} /* ---------- charts ---------- */ .chart-section{margin-top:64px;} .chart-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px 26px;flex-wrap:wrap;margin-bottom:14px;} .controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;} .controls label{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);cursor:pointer;white-space:nowrap;} .controls input:disabled + span,.controls label:has(input:disabled){color:var(--faint);cursor:not-allowed;} .seg{display:flex;} .seg button{font-family:var(--mono);font-size:11.5px;letter-spacing:.03em;padding:7px 13px;cursor:pointer;border:1px solid var(--hair);white-space:nowrap;background:var(--surface);color:var(--muted);} .seg button:first-child{border-radius:3px 0 0 3px;} .seg button:last-child{border-radius:0 3px 3px 0;margin-left:-1px;} .seg button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink);} .chart-card{background:var(--surface);border:1px solid var(--hair);border-radius:4px;padding:14px 10px 10px;} .legend{display:grid;gap:7px;margin-top:14px;font-size:12.5px;color:var(--muted);line-height:1.55;} .legend .row{display:flex;gap:10px;align-items:center;} .legend .swatch-line,.legend-inline .swatch-line{width:24px;border-top:2px solid var(--accent);flex:none;} .legend .swatch-total{width:24px;border-top:2px solid var(--ink);flex:none;} .legend .swatch-overlay{width:24px;border-top:2px solid var(--chart-overlay);flex:none;} .legend .swatch-dash,.legend-inline .swatch-dash{width:24px;border-top:2.5px dashed var(--chart-bench);flex:none;} .legend .swatch-band{width:24px;height:12px;background:var(--chart-band);border-radius:2px;flex:none;} .legend .swatch-shade{width:24px;height:12px;background:var(--chart-shade);border:1px solid var(--hair);border-radius:2px;flex:none;} .legend .hint{font-family:var(--mono);font-size:10.5px;color:var(--faint);} .legend .note{color:var(--accent);} .legend-inline{display:flex;gap:24px;flex-wrap:wrap;margin-top:12px;font-size:12.5px;color:var(--muted);} .legend-inline > span{display:flex;gap:10px;align-items:center;} .legend-inline .swatch-line,.legend-inline .swatch-dash{height:0;} .dd-details{margin-top:26px;border:1px solid var(--hair);border-radius:4px;background:var(--surface);} .dd-details > summary{cursor:pointer;list-style:none;padding:12px 18px;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);} .dd-details > summary::-webkit-details-marker{display:none;} .dd-details > summary::before{content:"▸ ";} .dd-details[open] > summary::before{content:"▾ ";} .dd-body{padding:2px 10px 10px;} .fineprint{margin-top:12px;font-size:12.5px;color:var(--muted);max-width:74ch;line-height:1.6;} /* ---------- monthly table ---------- */ .table-scroll{margin-top:16px;overflow-x:auto;border:1px solid var(--hair);border-radius:4px;background:var(--surface);} .mtable{min-width:960px;width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12.5px;font-variant-numeric:tabular-nums;} .mtable th{font-weight:400;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:10px 8px;text-align:right;border-bottom:1px solid var(--hair);} .mtable th:first-child{text-align:left;padding-left:12px;} .mtable th.ytd{font-weight:600;color:var(--ink);} .mtable td{padding:9px 8px;text-align:right;white-space:nowrap;} .mtable td.year{text-align:left;padding-left:12px;color:var(--muted);} .mtable td.paper{background:var(--chart-shade);} .mtable td.ytd{font-weight:600;padding-right:10px;} .mtable td.bytd{color:var(--muted);padding-right:12px;} .mtable td.split{padding:0;} .mtable td.split .p{padding:4px 8px;background:var(--chart-shade);} .mtable td.split .l{padding:4px 8px;} .mtable td.split .tag{font-size:9px;color:var(--faint);} .table-foot{margin-top:10px;font-size:12px;color:var(--muted);} /* ---------- notes + disclaimer ---------- */ .notes-grid{margin-top:72px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;align-items:start;} .card{border:1px solid var(--hair);border-radius:4px;padding:22px 24px;} .card.filled{background:var(--surface);} .card-label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);} .card-sub{font-family:var(--mono);font-size:10.5px;color:var(--faint);margin-top:5px;} .card p{margin-top:14px;font-size:12.5px;line-height:1.75;color:var(--muted);} .skel{margin-top:18px;display:grid;gap:10px;} .skel div{height:8px;border-radius:2px;background:var(--hair);} /* ---------- approach / about ---------- */ .narrow{max-width:780px;} .about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:56px 72px;align-items:start;} .numbered{margin-top:52px;display:grid;grid-template-columns:56px 1fr;gap:6px 18px;} .numbered .n{font-family:var(--mono);font-size:13px;color:var(--faint);padding-top:6px;} .numbered h2{font-family:var(--serif);font-size:23px;font-weight:500;} .numbered p{margin-top:14px;} .contact{margin-top:26px;border-top:1px solid var(--hair);padding-top:20px;display:grid;gap:12px;font-family:var(--mono);font-size:12.5px;} .contact .k{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--faint);display:block;margin-bottom:3px;} /* ---------- footer ---------- */ .site-footer{border-top:1px solid var(--hair);margin-top:110px;} .site-footer .wrap{padding-top:34px;padding-bottom:48px;display:flex;justify-content:space-between;gap:24px 60px;flex-wrap:wrap;} .site-footer .legal{max-width:52ch;font-size:12.5px;line-height:1.65;color:var(--muted);} .site-footer .copy{margin-top:10px;color:var(--faint);} .site-footer nav{display:flex;flex-direction:column;gap:8px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;} .site-footer nav a{text-decoration:none;color:var(--muted);} .site-footer nav a:hover{color:var(--accent);} @media (max-width:640px){ .wrap{padding-left:20px;padding-right:20px;} .nav{gap:8px 14px;} .hero{padding-top:52px;gap:40px;} .hero-side{justify-self:stretch;max-width:none;} .chart-head{align-items:flex-start;} } /* ---------- monthly review ---------- */ .head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 28px;flex-wrap:wrap;} .month-nav{display:flex;gap:22px;align-items:baseline;flex-wrap:wrap;font-family:var(--mono);font-size:12px;letter-spacing:.03em;} .month-nav a{text-decoration:none;color:var(--muted);white-space:nowrap;} .month-nav a:hover{color:var(--accent);} .month-nav.bottom{margin-top:80px;padding-top:22px;border-top:1px solid var(--hair);justify-content:space-between;} .note-line{margin-top:12px;font-family:var(--mono);font-size:12px;color:var(--accent);} .tiles-foot{margin-top:12px;font-family:var(--mono);font-size:11px;color:var(--faint);} .usd-note{margin-top:10px;font-size:12.5px;color:var(--accent);} .contrib-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:22px;align-items:start;} .table-scroll.slim{margin-top:0;} .ctable{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12.5px;font-variant-numeric:tabular-nums;} .ctable th{font-weight:400;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:10px 10px;text-align:right;border-bottom:1px solid var(--hair);white-space:nowrap;} .ctable td{padding:9px 10px;text-align:right;white-space:nowrap;border-top:1px solid var(--hair);} .ctable tr:first-child td{border-top:none;} .ctable .left{text-align:left;} .ctable th.left,.ctable td.left{padding-left:12px;} .ctable .sym{color:var(--faint);font-size:11px;} .sum-line{margin-top:10px;font-family:var(--mono);font-size:12px;color:var(--muted);} .instr-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px;} .chips{display:flex;gap:8px;flex-wrap:wrap;} .chip{font-family:var(--mono);font-size:11px;letter-spacing:.02em;padding:4px 12px;border:1px solid var(--hair);border-radius:20px;background:none;color:var(--muted);cursor:pointer;} .chip:hover{border-color:var(--accent);color:var(--accent);} .chip[aria-pressed="true"]{border-color:var(--accent);color:var(--accent);background:var(--sel);} .itable{min-width:900px;} .itable th[data-sort]{cursor:pointer;user-select:none;} .itable th[data-sort]:hover{color:var(--accent);} .itable th.sorted{color:var(--ink);font-weight:600;} .itable th.sorted::after{content:" \2193";} .itable th.sorted[data-dir="asc"]::after{content:" \2191";} .itable .cls-cell{color:var(--muted);} .spark-cell ls-chart{width:96px;display:block;} .posword{color:var(--ink);} .posword.flat{color:var(--faint);} .bucket{font-size:8px;letter-spacing:2px;vertical-align:1px;} .bucket .don{color:var(--ink);} .bucket .doff{color:var(--hair);} .closeup-grid{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:22px;} .closeup-card{background:var(--surface);border:1px solid var(--hair);border-radius:4px;padding:18px 20px 16px;} .closeup-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;} .cu-name{font-family:var(--serif);font-size:17px;font-weight:500;} .cu-class{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin-left:auto;} .cu-kv{display:flex;gap:10px 26px;flex-wrap:wrap;margin:12px 0 10px;font-family:var(--mono);font-size:12.5px;font-variant-numeric:tabular-nums;} .cu-kv .k{display:block;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;} .cu-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-family:var(--mono);font-size:10.5px;color:var(--faint);} .cu-legend .swatch-band{display:inline-block;width:14px;height:9px;background:var(--chart-band);border-radius:2px;} .autotext{margin-top:14px;font-size:13.5px;line-height:1.7;color:var(--ink);} .card p.autotext{color:var(--ink);font-size:13.5px;} .ai-line{margin-top:12px;padding-top:9px;border-top:1px dashed var(--hair);font-family:var(--mono);font-size:10.5px;color:var(--faint);line-height:1.6;} .dim-swatch{opacity:.5;} /* ---------- changes and interventions (section 8b + changes.html) ---------- */ .chg-count{margin-top:16px;font-family:var(--mono);font-size:12px;color:var(--muted);} .chg-table{width:100%;border-collapse:collapse;margin-top:18px;} .chg-table th{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);text-align:left;padding:0 20px 9px 0;border-bottom:1px solid var(--hair);} .chg-table td{padding:14px 20px 14px 0;border-bottom:1px solid var(--hair);vertical-align:top;} .chg-table th:last-child,.chg-table td:last-child{padding-right:0;} .chg-date{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap;} .chg-badge{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--surface);border:1px solid var(--hair);padding:3px 9px;border-radius:2px;white-space:nowrap;} .chg-badge.rev{border-color:var(--accent);} .chg-title{font-weight:600;font-size:13.5px;line-height:1.5;} .chg-text{margin-top:4px;font-size:13px;line-height:1.65;color:var(--muted);max-width:52ch;text-wrap:pretty;} .chg-effect{font-size:13px;line-height:1.65;color:var(--muted);min-width:150px;max-width:30ch;} .chg-bp{font-family:var(--mono);font-size:12px;color:var(--ink);} .chg-empty{margin-top:18px;} .chg-empty p{font-size:13.5px;line-height:1.7;color:var(--ink);margin-top:0;} .log-month{font-family:var(--serif);font-size:20px;font-weight:500;margin-top:52px;} .log-month a{color:inherit;text-decoration:none;} .log-month a:hover{color:var(--accent);} @media (max-width:720px){ .chg-table thead{display:none;} .chg-table,.chg-table tbody{display:block;} .chg-table tr{display:block;padding:14px 0;border-bottom:1px solid var(--hair);} .chg-table td{display:block;border:0;padding:3px 0;} } .mtable a.mcell{display:block;text-decoration:none;} .mtable a.mcell:hover span{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:2px;} .arch-year{margin-top:44px;font-family:var(--serif);font-size:22px;font-weight:500;} .arch-table{margin-top:12px;max-width:560px;border:1px solid var(--hair);border-radius:4px;background:var(--surface);} .arch-table td.left a{text-decoration:none;} .arch-table td.left a:hover{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent);} .partial-tag{margin-left:10px;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);border:1px solid var(--hair);border-radius:20px;padding:1px 8px;} .pill{font-family:var(--mono);font-size:10px;letter-spacing:.05em;border-radius:20px;padding:2px 10px;border:1px solid var(--hair);color:var(--muted);} .pill-live{border-color:var(--accent);color:var(--accent);} /* ---------- expectation page ---------- */ .bt-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(230px,1fr);gap:22px;align-items:start;margin-top:14px;} @media (max-width:860px){.bt-grid{grid-template-columns:1fr;}} .narrow-sec{max-width:780px;} .qtable{min-width:680px;} .rev-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:0;font-size:13.5px;line-height:1.65;max-width:74ch;} .rev-list li{border-top:1px solid var(--hair);padding:10px 0;} .rev-list .d{font-family:var(--mono);font-size:12px;color:var(--muted);margin-right:10px;white-space:nowrap;} .q-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.03em;color:var(--faint);text-transform:uppercase;} .q-legend span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;} .q-legend i{display:inline-block;flex:none;} .q-legend .ql-range{width:16px;height:1px;background:var(--hair);position:relative;box-shadow:inset 1px 0 0 var(--faint),inset -1px 0 0 var(--faint);height:7px;background:linear-gradient(var(--hair),var(--hair)) center/100% 1px no-repeat;} .q-legend .ql-band{width:16px;height:8px;background:var(--chart-band, rgba(120,140,170,.25));} .q-legend .ql-dot{width:5px;height:5px;border-radius:50%;background:var(--muted);} .q-legend .ql-med{width:2.5px;height:11px;background:var(--accent);} .q-legend .ql-zero{width:14px;height:0;border-top:1px dotted var(--faint);} /* ---------- events (monthly section 3b), chart markers, evaluation anchor ---------- */ html{scroll-behavior:smooth;} .event-card{margin-top:18px;scroll-margin-top:84px;} .event-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;} .event-date{font-family:var(--mono);font-size:12px;color:var(--muted);} .event-badge{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--surface);border:1px solid var(--hair);padding:3px 10px;border-radius:20px;} .event-badge.model{border-color:var(--accent);} /* only own model errors get the accent frame */ .event-title{margin-top:12px;font-size:15px;font-weight:600;line-height:1.5;} .event-sub{margin-top:18px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);} .card p.event-p{margin-top:6px;font-size:13.5px;line-height:1.7;color:var(--ink);max-width:74ch;text-wrap:pretty;} .event-effect{margin-top:16px;font-family:var(--mono);font-size:12px;color:var(--muted);} .event-closeups{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;} .event-closeups .closeup-card{padding:14px 16px 12px;} .event-refs{margin-top:16px;font-size:12.5px;color:var(--muted);} .event-refs a{color:var(--ink);text-underline-offset:2px;} .event-card .note-line{margin-top:14px;} .event-card .note-line a{color:var(--accent);} .event-foot{margin-top:16px;padding-top:9px;border-top:1px solid var(--hair);font-family:var(--mono);font-size:10.5px;color:var(--muted);} .ev-tri{font-size:10px;color:var(--muted);line-height:1;} .swatch-stripe{display:inline-block;width:14px;height:10px;border:1px solid var(--hair);border-radius:2px;background:repeating-linear-gradient(45deg,var(--chart-shade) 0 3px,transparent 3px 6px);} .chg-evref{margin-top:5px;font-family:var(--mono);font-size:11px;} .chg-table tr[id],#chart-main,#sec-events{scroll-margin-top:84px;} @media (max-width:720px){.event-closeups{grid-template-columns:1fr;}} /* evaluation-window tile row (performance): smaller second row, first row stays the fact */ .eval-ctx{margin-top:18px;padding-top:14px;border-top:1px solid var(--hair);margin-bottom:0;} .ctx-label{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;} .eval-note{margin:6px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted);max-width:56ch;} .tiles-eval{margin-top:10px;} .tiles-eval .tile{padding:10px 12px 9px;} .tiles-eval .tile-value{font-size:16px;} .tiles-eval .tile-label{font-size:9.5px;} /* archive: events column */ .arch-evcell a{font-family:var(--mono);font-size:12px;} .ev-ini{display:inline-block;font-family:var(--mono);font-size:9.5px;letter-spacing:.02em;border:1px solid var(--hair);border-radius:3px;padding:1px 5px;margin-left:5px;color:var(--muted);} .ev-ini.m{border-color:var(--accent);color:var(--ink);}