:root{--fg:#1a1a1c;--fg-muted:#6c6d70;--fg-soft:#9a9a9c;--bg:#f7f6f2;--panel:#fff;--accent:#2f4c8a;--accent-hover:#1c3567;--accent-soft:#e6edf6;--border:#ececea;--border-strong:#cfcec9;--code-bg:#f4f3ee;
--rev-btN3:#c14a1f;--rev-m2mq:#147a5c;--rev-MjTC:#6839b6;--rev-KgbX:#a37700;--shadow-sm:0 1px 2px rgba(20,20,30,.04);--shadow-md:0 6px 20px rgba(30,40,70,.08);--max:1120px;--max-narrow:960px;
--font-serif:"Charter","Iowan Old Style","Palatino Linotype",P052,Georgia,Cambria,serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",ui-monospace,Menlo,Monaco,Consolas,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
header{padding:64px 20px 44px;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(47,76,138,.06),transparent 65%),var(--bg);border-bottom:1px solid var(--border)}
header .container{max-width:var(--max);margin:0 auto}
header h1{font-family:var(--font-serif);font-weight:600;font-size:2.1rem;line-height:1.2;margin:0 0 14px;letter-spacing:-.015em}
@media(min-width:900px){header h1{white-space:nowrap}}
header .tagline{color:var(--fg-muted);font-size:1.05rem;margin:0 auto;max-width:680px}
main{max-width:var(--max-narrow);margin:0 auto;padding:48px 20px 96px}
main h2{font-family:var(--font-serif);font-weight:600;font-size:1.35rem;margin:2.2em 0 .6em;letter-spacing:-.005em}main h2:first-child{margin-top:0}
main p{margin:0 0 1em}main ul,main ol{padding-left:1.4em}main li{margin:.3em 0}
a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:.15s}a:hover{color:var(--accent-hover);border-bottom-color:var(--accent-hover)}
nav.crumbs{font-size:.9rem;margin-bottom:18px}nav.crumbs a{color:var(--fg-muted);border-bottom:none}nav.crumbs a:before{content:"←";margin-right:6px;display:inline-block;transition:transform .15s}nav.crumbs a:hover{color:var(--accent)}nav.crumbs a:hover:before{transform:translateX(-3px)}
.exp-grid{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}main:has(.exp-grid){max-width:var(--max)}
.exp-card{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:20px;padding:20px 28px;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-sm);color:var(--fg);transition:.18s;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}
.exp-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .2s}
.exp-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong);color:var(--fg)}.exp-card:hover:before{transform:scaleY(1)}
.exp-card .num{font-family:var(--font-serif);font-size:.8rem;letter-spacing:.09em;color:var(--accent);text-transform:uppercase;font-weight:500;line-height:1.2;padding-left:6px;border-left:2px solid var(--accent)}
.exp-card h3{font-family:var(--font-serif);font-weight:600;font-size:1.2rem;line-height:1.35;margin:0}
.exp-card .cta{font-size:.88rem;font-weight:500;color:var(--accent);white-space:nowrap}.exp-card .cta:after{content:" →";display:inline-block;transition:transform .18s}.exp-card:hover .cta:after{transform:translateX(4px)}
.exp-card.notes-card .num{color:var(--fg-muted);border-left-color:var(--fg-soft)}.exp-card.notes-card .cta{color:var(--fg-muted)}
.side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.status--done{color:#147a5c;background:rgba(20,122,92,.12)}.status--progress{color:#a37700;background:rgba(163,119,0,.14)}.status--todo{color:#6c6d70;background:rgba(108,109,112,.14)}.raised-by{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.rev-tag{display:inline-block;font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:3px 9px;border-radius:10px;line-height:1.35}
.rev-tag--btN3{color:var(--rev-btN3);background:rgba(193,74,31,.1)}.rev-tag--m2mq{color:var(--rev-m2mq);background:rgba(20,122,92,.1)}.rev-tag--MjTC{color:var(--rev-MjTC);background:rgba(104,57,182,.1)}.rev-tag--KgbX{color:var(--rev-KgbX);background:rgba(163,119,0,.12)}
.reviewer-quote{border-left:3px solid var(--accent);padding:6px 0 6px 20px;margin:14px 0;font-family:var(--font-serif);font-style:italic;font-size:1.05rem;line-height:1.55}
.attribution{font-family:var(--font-sans);font-style:normal;font-size:.85rem;font-weight:600;white-space:nowrap}
.attribution--btN3{color:var(--rev-btN3)}.attribution--m2mq{color:var(--rev-m2mq)}.attribution--MjTC{color:var(--rev-MjTC)}.attribution--KgbX{color:var(--rev-KgbX)}
.tbl{margin:22px 0 26px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 18px 10px;box-shadow:var(--shadow-sm);font-family:var(--font-serif)}
.tbl .cap{font-size:.95rem;line-height:1.4;margin:0 0 8px}.scroll{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:.92rem;font-variant-numeric:tabular-nums;border-top:2px solid var(--fg);border-bottom:2px solid var(--fg)}
th{text-align:left;font-weight:700;border-bottom:1px solid var(--fg);padding:5px 10px}td{padding:4px 10px;border:0}
td:not(:first-child),th:not(:first-child){text-align:center}td+td,th+th{border-left:1px solid var(--border-strong)}
tbody tr.ours td{background:var(--accent-soft)}tbody tr.ours td:first-child{font-weight:600}
mark{background:#fff4d6;color:#8a5a00;padding:1px 7px;border-radius:999px;font-size:.82em}
code{background:var(--code-bg);padding:1px 5px;border-radius:3px;font-family:var(--font-mono);font-size:.86em}
video{max-width:100%;height:auto;background:#000;border-radius:6px;box-shadow:var(--shadow-sm);width:100%;display:block}
.vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:18px;margin:16px 0}.vp h3{margin:0 0 6px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-family:var(--font-sans)}
.row4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:760px){.row4{grid-template-columns:1fr 1fr}}.row{display:grid;grid-template-columns:1fr 1fr;gap:8px}figure{margin:0}figcaption{font-size:.78rem;color:var(--fg-muted);padding-top:4px}
details.more summary{cursor:pointer;color:var(--accent);font-size:.92rem;margin:10px 0}
@media(max-width:640px){header{padding:44px 16px 30px}header h1{font-size:1.6rem}main{padding:30px 16px 56px}.exp-card{grid-template-columns:1fr auto;gap:12px;padding:18px 20px}.exp-card .num{grid-column:1/-1}.side{align-items:flex-end}.exp-card h3{font-size:1.05rem}.vids{grid-template-columns:1fr}.row{grid-template-columns:1fr}}
.playall{font-family:var(--font-sans);font-size:.78rem;font-weight:500;letter-spacing:0;text-transform:none;margin-left:12px;padding:3px 12px;border:1px solid var(--border-strong);border-radius:999px;background:var(--panel);color:var(--accent);cursor:pointer;vertical-align:middle;transition:.15s}.playall:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-hover)}
.row7{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.row7 figcaption{font-size:.7rem}@media(max-width:900px){.row7{grid-template-columns:repeat(4,1fr)}}@media(max-width:520px){.row7{grid-template-columns:1fr 1fr}}
main:has(.row7){max-width:var(--max)}