:root{--paper:#f6f2e9;--ink:#292c27;--muted:#65675d;--line:#d7d1c5;--accent:#913c30;--wash:#ebe6da;--panel:#fffdf6;--serif:Georgia,'Times New Roman',serif;--sans:'Helvetica Neue',Arial,sans-serif;--mono:'SFMono-Regular',Consolas,monospace;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);min-height:100dvh}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,select,summary{cursor:pointer}button{background:transparent;border:1px solid var(--line);padding:8px 12px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:active{transform:translateY(1px)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;background:var(--panel);padding:12px;z-index:10}.skip:focus{top:12px}.experiment-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:0 3%;min-height:35px;background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:.025em}.experiment-bar>span{opacity:.72}.experiment-bar nav{display:flex;gap:24px;align-self:stretch}.experiment-bar nav a{display:flex;align-items:center;border-bottom:2px solid transparent}.experiment-bar nav a[aria-current]{border-bottom-color:currentColor}.site-shell{max-width:1440px;margin:auto;padding:0 42px}.masthead{display:flex;align-items:center;justify-content:space-between;padding:22px 0 18px}.brand{display:flex;gap:20px;align-items:center}.brand:hover{text-decoration:none}.brand-mark{font:26px var(--serif);letter-spacing:-4px;padding:7px 11px 8px 7px;border:1px solid var(--accent);color:var(--accent)}.brand-mark span{margin:0 4px}.brand-name{font:34px/.98 var(--serif);letter-spacing:-1.25px}.tagline{display:block;font:10px var(--sans);letter-spacing:.12em;margin-top:9px;text-transform:uppercase}.edition{font-size:10px;text-align:right;display:grid;gap:7px;letter-spacing:.04em}.edition span:first-child{color:var(--accent)}.site-nav{display:flex;gap:26px;align-items:center;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);min-height:40px;font-size:12px;position:relative;z-index:3}.site-nav>a{padding:12px 0;white-space:nowrap}.site-nav>a[aria-current]{color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.more-nav{margin-left:auto}.more-nav summary{padding:10px 0}.more-nav>div{position:absolute;right:0;top:100%;background:var(--panel);border:1px solid var(--line);min-width:210px;padding:10px;box-shadow:0 8px 22px #161a1415;display:grid}.more-nav a{padding:10px}.record-heading{display:flex;justify-content:space-between;align-items:center;padding:19px 0 15px}.record-heading h1{font:24px/1 var(--serif);margin:0 0 6px;letter-spacing:-.4px}.record-heading p{font-size:11px;color:var(--muted);margin:0}.sample-note{font-size:10px;line-height:1.7;color:var(--muted);text-align:right}.sample-note span{display:block}.tools{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:41px;font-size:11px}.search-label{display:flex;align-items:center;gap:9px;width:255px}.search-label svg{width:15px;height:15px;stroke:var(--muted);fill:none;stroke-width:1.3;flex-shrink:0}.search-label input{width:100%;border:0;background:transparent;min-height:28px;outline-offset:0}.search-label input::placeholder{color:var(--muted)}select{background:transparent;border:0;border-left:1px solid var(--line);padding:6px 22px 6px 12px;max-width:160px}.result-count{color:var(--muted);font-family:var(--mono);font-size:10px}.reading-hint{margin-left:auto;color:var(--muted)}.reading-hint span{color:var(--accent);margin-left:9px}.record-layout{display:grid;grid-template-columns:150px 1fr;gap:24px}.date-rail{padding:30px 0;position:relative}.rail-label{display:block;font-size:10px;color:var(--muted)}.rail-year{display:block;font:40px var(--serif);letter-spacing:-2px;margin:12px 0 24px}.date-rail>a{display:block;font-size:12px;color:var(--accent)}.date-rail>a>span{font:10px var(--mono);margin-right:12px}.rail-line{height:100px;width:1px;background:var(--line);margin:20px 0 15px 7px}.date-rail p{font-size:10px;line-height:1.8;color:var(--muted)}.date-rail .sample-scope{margin-top:60px;font-size:9px}.column-head,.record-row{display:grid;grid-template-columns:69px minmax(0,1fr) 100px 39px;align-items:center;gap:10px}.column-head{height:29px;border-bottom:1px solid var(--ink);font-size:9px;color:var(--muted);letter-spacing:.07em;text-transform:uppercase}.column-head>span:last-child{font-size:0}.column-head>span:last-child:after{content:'↗';font-size:12px}ol{list-style:none;padding:0;margin:0}.record-row{min-height:29px;border-bottom:1px solid var(--line);position:relative;transition:background-color .14s}.record-row:hover,.record-row.is-previewed,.record-row:focus-within{background:var(--wash)}.row-date{font:10px var(--mono);color:var(--muted);white-space:nowrap}.record-row h2{margin:0;font:15px/1.3 var(--serif);font-weight:400;min-width:0}.story-link{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:5px 0}.story-link:hover{text-decoration:none;color:var(--accent)}.row-topic{font-size:10px;color:var(--muted)}.preview-button{border:0;padding:0;min-height:28px;width:100%;color:var(--muted);font-size:14px}.preview-button:hover{color:var(--accent)}.record-row:nth-child(5n+1) h2{font-weight:bold}.end-note{padding:22px 0;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.empty{padding:40px 0}.empty h2{font:23px var(--serif)}.empty p{font-size:13px}footer{border-top:1px solid var(--ink);display:flex;justify-content:space-between;gap:20px;padding:20px 0 28px;font-size:9px;color:var(--muted)}.footer-year{margin-left:12px}dialog{color:var(--ink);background:var(--panel);border:1px solid var(--line);padding:22px 25px 25px;width:410px;max-width:calc(100vw - 28px);box-shadow:0 12px 40px #171b1526;position:fixed;margin:0;z-index:5}dialog::backdrop{background:#10171066}.preview-top{display:flex;justify-content:space-between;align-items:center}.preview-kicker,.kicker{font:10px var(--mono);color:var(--accent);letter-spacing:.04em}.preview-top button{border:0;font-size:24px;line-height:1;width:30px;height:30px;padding:0}.preview-meta{font:10px var(--mono);color:var(--muted);margin:10px 0 12px}dialog h2{font:26px/1.15 var(--serif);letter-spacing:-.5px;margin:0 0 14px}#preview-summary{font-size:13px;line-height:1.65;margin:0}.draft-note{font-size:10px;color:var(--muted);line-height:1.6;margin:15px 0}.preview-sources{border-top:1px solid var(--line);padding-top:15px}.preview-sources>span{font-size:10px;color:var(--muted)}.preview-sources ul{list-style:none;padding:0;margin:9px 0 18px;display:flex;gap:18px;font-size:11px}.preview-sources a{text-decoration:underline;text-underline-offset:3px}.text-action{display:block;font-size:12px;color:var(--accent);border-top:1px solid var(--line);padding-top:14px}.text-action>span{float:right}.back-link{font-size:12px;color:var(--accent);display:inline-block;margin:28px 0}.story-body{max-width:730px;margin:0 auto 70px}.story-body h1,.stats-intro h1{font:42px/1.1 var(--serif);letter-spacing:-1.2px;margin:16px 0 20px}.story-body .story-lede{font:21px/1.5 var(--serif);color:var(--ink)}.story-body p{font-size:15px;line-height:1.8;color:var(--muted)}.story-meta{font:11px var(--mono);color:var(--muted)}.story-body h2{font:22px var(--serif);margin-top:34px}.story-body li{margin:12px 0;font-size:13px}.story-body li a{color:var(--accent);text-decoration:underline}.story-body details{border-block:1px solid var(--line);padding:15px 0;margin:28px 0;font-size:12px}.story-body details p{font-size:12px}.story-next{display:flex;justify-content:space-between;gap:20px;margin-top:34px;font-size:12px}.stats-intro{max-width:700px;margin:20px auto 100px}.stats-intro>p{line-height:1.7}.stats-note{font-size:12px;color:var(--muted);margin-top:30px}
/* 02: time, read along a continuous spine. */
body[data-design=timeline]{--paper:#182722;--ink:#edf1e6;--muted:#a8b6ac;--line:#3a4b42;--accent:#e4ae7b;--wash:#283a30;--panel:#20342a;color-scheme:dark}.timeline .unused{display:none}body[data-design=timeline] .experiment-bar{background:#101c17;color:#c6d0c6}body[data-design=timeline] .masthead{padding-top:20px}body[data-design=timeline] .brand-name{font:27px var(--sans);letter-spacing:-1.1px;font-weight:550}body[data-design=timeline] .tagline{font:11px var(--serif);font-style:italic;text-transform:none;letter-spacing:.04em}body[data-design=timeline] .brand-mark{border:0;border-left:2px solid var(--accent);font-size:30px;padding-left:16px}body[data-design=timeline] .record-heading h1{font:22px var(--sans);letter-spacing:-.8px}body[data-design=timeline] .record-layout{grid-template-columns:156px 1fr;gap:22px}body[data-design=timeline] .rail-year{font:56px var(--sans);font-weight:300;letter-spacing:-3px}body[data-design=timeline] .rail-label{text-transform:uppercase;letter-spacing:.12em;font-size:9px}body[data-design=timeline] .rail-line{background:var(--accent);height:155px;opacity:.4}body[data-design=timeline] .record-row h2{font:13px/1.4 var(--sans);letter-spacing:.02em}body[data-design=timeline] .record-row:nth-child(5n+1) h2{font-weight:600}body[data-design=timeline] .column-head,body[data-design=timeline] .record-row{grid-template-columns:65px minmax(0,1fr) 100px 39px;gap:14px}body[data-design=timeline] .record-row h2{padding-left:20px;border-left:1px solid var(--line);align-self:stretch;display:flex;align-items:center;position:relative}body[data-design=timeline] .record-row h2:before{content:'';position:absolute;left:-3px;top:13px;width:5px;height:5px;border-radius:50%;background:var(--accent)}body[data-design=timeline] .story-link{width:100%}body[data-design=timeline] .row-date{font-size:9px;color:var(--accent)}body[data-design=timeline] .row-topic{font:9px var(--mono)}body[data-design=timeline] .column-head{border-bottom-color:var(--accent)}body[data-design=timeline] .record-row{border-bottom-color:#314438}body[data-design=timeline] dialog{border-top:2px solid var(--accent)}
/* 03: an editorial index, with the date as a marginal note. */
body[data-design=hybrid]{--paper:#f4f5f0;--ink:#243b35;--muted:#5d7067;--line:#d2dbd2;--accent:#9a392b;--wash:#e5ebe2;--panel:#fcfdf7}body[data-design=hybrid] .site-shell{border-inline:1px solid var(--line)}body[data-design=hybrid] .masthead{padding:18px 0 17px}body[data-design=hybrid] .brand-mark{background:var(--ink);color:var(--paper);border:0}body[data-design=hybrid] .brand-mark span{color:#f1b5a7}body[data-design=hybrid] .brand-name{font-size:33px;font-style:italic;letter-spacing:-1.7px}body[data-design=hybrid] .tagline{font-style:normal;letter-spacing:.08em}body[data-design=hybrid] .site-nav{border-top:3px double var(--ink)}body[data-design=hybrid] .record-heading h1{font-size:23px}body[data-design=hybrid] .record-layout{grid-template-columns:116px 1fr;gap:24px}body[data-design=hybrid] .rail-label{font:italic 12px var(--serif)}body[data-design=hybrid] .rail-year{font-size:42px;color:var(--ink)}body[data-design=hybrid] .rail-line{width:3px;background:var(--accent);height:58px;margin-top:25px}body[data-design=hybrid] .column-head{color:var(--ink);border-bottom:2px solid var(--ink)}body[data-design=hybrid] .record-row{min-height:30px}body[data-design=hybrid] .record-row:nth-child(4n+1){border-top:1px solid #bccabd}body[data-design=hybrid] .record-row h2{font-size:15px;letter-spacing:-.15px}body[data-design=hybrid] .record-row:nth-child(5n+1) h2{font-weight:normal}body[data-design=hybrid] .row-date{font:italic 12px var(--serif);color:var(--accent)}body[data-design=hybrid] .preview-button{font-size:12px}body[data-design=hybrid] .preview-button:after{content:'+'}body[data-design=hybrid] .preview-button>span{display:none}body[data-design=hybrid] dialog{border-left:3px solid var(--accent)}
@media(min-width:1600px){.site-shell{max-width:1500px;padding-inline:60px}.record-row{min-height:31px}.record-row h2{font-size:16px}}
@media(max-width:1050px){.site-shell{padding:0 24px}.site-nav{gap:18px;font-size:11px}.record-layout,body[data-design=timeline] .record-layout,body[data-design=hybrid] .record-layout{grid-template-columns:95px 1fr;gap:18px}.column-head,.record-row,body[data-design=timeline] .column-head,body[data-design=timeline] .record-row{grid-template-columns:60px minmax(0,1fr) 70px 28px;gap:8px}.rail-year{font-size:34px}.row-topic{font-size:9px}.experiment-bar nav{gap:17px}.experiment-date{display:none}}
@media(max-width:720px){.experiment-bar{padding:8px 16px;display:block;font-size:10px}.experiment-bar>span{display:none}.experiment-bar nav{justify-content:space-between;gap:12px}.experiment-bar nav a{padding:4px 0}.site-shell{padding:0 16px}.masthead,body[data-design=timeline] .masthead,body[data-design=hybrid] .masthead{padding:20px 0}.brand{gap:13px}.brand-name,body[data-design=hybrid] .brand-name{font-size:26px}.brand-mark{font-size:21px}.tagline{font-size:8px}.edition{display:none}.site-nav{overflow:visible;flex-wrap:wrap;gap:0 18px;min-height:40px;font-size:11px;padding-bottom:5px}.site-nav>a{padding:11px 0;min-height:40px}.more-nav{margin-left:0}.more-nav summary{min-height:40px}.more-nav>div{left:0;right:auto;top:100%}.record-heading{padding:20px 0 13px;gap:12px;align-items:start}.record-heading h1{font-size:23px}.record-heading p{font-size:10px;max-width:190px;line-height:1.5}.sample-note{font-size:9px;max-width:110px}.sample-note span{line-height:1.5}.tools{height:49px;gap:4px;flex-wrap:nowrap}.search-label{width:auto;flex:1;min-width:0;font-size:12px}.topic-label select{font-size:11px;max-width:118px;padding-right:5px;padding-left:8px;min-height:40px}.result-count{display:none}.reading-hint{display:none}.record-layout,body[data-design=timeline] .record-layout,body[data-design=hybrid] .record-layout{display:block}.date-rail{display:none}.column-head,body[data-design=timeline] .column-head{grid-template-columns:48px minmax(0,1fr) 38px;gap:8px;height:30px}.column-head>span:nth-child(3){display:none}.column-head>span:first-child{font-size:0}.column-head>span:first-child:after{content:"Date";font-size:9px}.record-row,body[data-design=timeline] .record-row,body[data-design=hybrid] .record-row{grid-template-columns:48px minmax(0,1fr) 38px;gap:8px;min-height:65px}.record-row h2,body[data-design=timeline] .record-row h2,body[data-design=hybrid] .record-row h2{font-size:15px;line-height:1.35;letter-spacing:0}.story-link{white-space:normal;padding:10px 0}.row-date,body[data-design=timeline] .row-date{font-size:9px;align-self:start;padding-top:14px}.row-topic{display:none}.preview-button{min-width:38px;min-height:44px;font-size:18px}body[data-design=timeline] .record-row h2{padding-left:14px}body[data-design=timeline] .record-row h2:before{top:22px}.end-note{gap:16px;line-height:1.7}footer{display:grid;font-size:9px;gap:12px;padding:22px 0}dialog{left:0!important;right:0!important;top:auto!important;bottom:0;width:100%;max-width:none;max-height:85dvh;overflow:auto;border:0;border-top:2px solid var(--accent);padding:18px 24px 28px;box-shadow:0 -10px 40px #111b1733}dialog h2{font-size:27px}.preview-top button{width:44px;height:44px}.preview-sources a,.text-action{display:inline-block;min-height:44px;padding-top:13px}.preview-sources ul{margin:0 0 10px}.text-action{display:block}.story-body h1,.stats-intro h1{font-size:33px}.story-body .story-lede{font-size:19px}.story-body p{font-size:14px}.story-next{flex-direction:column}.brand-name,body[data-design=timeline] .brand-name{max-width:280px}body[data-design=hybrid] .site-shell{border:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.experiment-bar,.tools,.date-rail,.preview-button,dialog,.site-nav{display:none!important}.record-layout{display:block}.site-shell{padding:0}.story-link{white-space:normal}}