/* Tremor Watch (/tremor-watch/): the weekly page from the Tremor Watch design package (F, combined), on the
   estate's own fonts: Cormorant Garamond for Newsreader, DM Sans for IBM Plex Sans, the system monospace for
   IBM Plex Mono. Dark by design; the estate header is recoloured to sit on it, the footer is the estate's. */
:root{--tw-bg:#0a0908;--tw-ink:#f2efe9;--tw-soft:#d9d3c7;--tw-body:#b8b1a4;--tw-muted:#8a8378;--tw-faint:#6b6660;
  --tw-rule:#1f1c18;--tw-rule2:#262320;--tw-hold:#3a3631;--tw-accent:#d94a2b;--tw-apart:#7fa3d6;
  --tw-calm:#1c261f;--tw-elevated:#5c4b22;--tw-high:#a4503a;--tw-severe:#d94a2b;--tw-empty:#15130f;
  --tw-serif:'Cormorant Garamond',Georgia,serif;--tw-sans:'DM Sans',Arial,sans-serif;
  --tw-mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,'Liberation Mono',monospace}
html{background:var(--tw-bg)}
body{margin:0;background:var(--tw-bg);color:var(--tw-ink);font-family:var(--tw-sans);-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}

/* the estate header, on the dark page */
header.frame{--ink:#f2efe9;--muted:#8a8378;--rule:#1f1c18;--wine:#e07a5f;--paper:#0a0908;color:var(--ink)}
header.frame .navigation{color:var(--tw-soft)}
header.frame .navigation a:hover{color:var(--tw-ink)}
@media(max-width:960px){header.frame .navigation{background:var(--tw-bg)}}

.tw a{color:inherit}.tw a:hover{color:var(--tw-accent)}
.tw-sec{padding:0 48px 56px}
.tw-in{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:28px;border-top:1px solid var(--tw-rule);padding-top:28px}
.tw-kicker{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-family:var(--tw-mono);font-size:12px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--tw-muted)}
.tw-kicker b{color:var(--tw-ink);font-weight:400}
.tw-h2{margin:0;font-family:var(--tw-serif);font-weight:400;font-size:44px;line-height:1.05}
.tw-h2 em{font-style:italic}
.tw-aside{font-size:13px;color:var(--tw-muted);max-width:480px;line-height:1.5;text-align:right}
.tw-head2{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-end}
.tw-head2>div:first-child{display:flex;flex-direction:column;gap:12px}
.tw-acc{color:var(--tw-accent)}
.tw-strip-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 48px;font-family:var(--tw-mono);
  font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--tw-muted);border-bottom:1px solid var(--tw-rule)}
.tw-strip-top b{color:var(--tw-ink);font-weight:400}

/* 01 · how many */
.tw-hero{padding:64px 48px 48px}
.tw-hero .tw-in{border-top:0;padding-top:0}
.tw-h1{margin:0;font-family:var(--tw-serif);font-weight:400;font-size:clamp(46px,7.4vw,96px);line-height:.98;letter-spacing:-.025em;max-width:1150px}
.tw-h1 em{color:var(--tw-accent)}
.tw-h1,.tw-sub,.tw-h2,.tw-ten .t,.tw-card p,.tw-ep-name b,.tw-big.serif,.tw-next h2{font-variant-numeric:lining-nums}
.tw-sub{font-family:var(--tw-serif);font-weight:400;font-size:clamp(26px,3.3vw,42px);line-height:1.15;color:var(--tw-soft);max-width:1000px}
.tw-sub b{color:var(--tw-ink);font-weight:500}
.tw-lede{margin:0;font-size:17px;line-height:1.55;max-width:760px;color:var(--tw-body)}

/* 02 · how severe */
.tw-scale{position:relative;min-height:96px}
.tw-scale-bar{position:absolute;left:0;right:0;top:42px;height:8px;display:flex;border-radius:4px;overflow:hidden}
.tw-scale-bar span{display:block;height:100%}
.tw-pin{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}
.tw-pin b{font-family:var(--tw-mono);font-size:13px;font-weight:500;background:var(--tw-ink);color:var(--tw-bg);border-radius:3px;padding:3px 8px;white-space:nowrap}
.tw-pin i{display:block;width:2px;height:28px;background:var(--tw-ink)}
.tw-tick{position:absolute;top:52px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;
  font-family:var(--tw-mono);font-size:11px;color:var(--tw-muted);white-space:nowrap}
.tw-tick i{display:block;width:1px;height:10px;background:currentColor}
.tw-tick span{background:var(--tw-bg);padding:0 3px}
.tw-tick.acc{color:var(--tw-accent)}
.tw-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;border-top:1px solid var(--tw-rule);padding-top:24px}
.tw-fact{display:flex;flex-direction:column;gap:8px}
.tw-fact small{font-family:var(--tw-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tw-muted)}
.tw-big{font-family:var(--tw-mono);font-size:44px;line-height:1;font-weight:500;min-height:44px;display:flex;align-items:center;gap:12px}
.tw-big.serif{font-family:var(--tw-serif);font-weight:400}
.tw-big.mid{font-size:30px}
.tw-fact p{margin:0;font-size:14px;line-height:1.5;color:var(--tw-soft)}
.tw-fact p b{color:var(--tw-ink);font-weight:600}
.tw-sq{display:flex;gap:5px;align-items:center}
.tw-sq>span{display:flex;gap:5px}
.tw-sq>span>span{width:22px;height:22px;border-radius:4px;background:var(--tw-rule2)}
.tw-sq>span>span.on{background:var(--tw-accent)}

/* 03 · where */
.tw-field{display:flex;flex-direction:column}
.tw-row{display:flex;align-items:center;gap:20px;padding:9px 0;border-top:1px solid var(--tw-rule)}
.tw-row-name{flex:0 0 140px;font-size:14px;color:var(--tw-soft)}
.tw-marks{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;gap:4px 3px;align-items:center;padding:4px 0;cursor:crosshair}
.tw-mark{display:block;width:2px;height:24px;background:var(--tw-hold);padding:0;border:0}
.tw-mark.apart{background:transparent;border-top:9px solid var(--tw-accent);border-bottom:9px solid var(--tw-accent)}
.tw-mark.closer{width:3px;background:var(--tw-accent)}
.tw-mark.lit{outline:1px solid var(--tw-ink);outline-offset:2px}
.tw-row-count{flex:0 0 170px;white-space:nowrap;text-align:right;font-family:var(--tw-mono);font-size:12px;color:var(--tw-faint)}
.tw-row-count b{font-size:14px;font-weight:400;color:var(--tw-soft)}
.tw-row-count b.hot{color:var(--tw-accent)}
.tw-legend{display:flex;flex-wrap:wrap;gap:14px 24px;padding-top:14px;border-top:1px solid var(--tw-rule);font-family:var(--tw-mono);
  font-size:11px;color:var(--tw-faint);align-items:center}
.tw-legend>span{display:flex;align-items:center;gap:8px}
.tw-legend .tw-mark{height:16px}.tw-legend .tw-mark.apart{border-width:6px}
.tw-legend .note{margin-left:auto;max-width:620px;text-align:right;line-height:1.6}
.tw-tip{position:fixed;z-index:60;pointer-events:none;background:var(--tw-ink);color:var(--tw-bg);font-family:var(--tw-mono);font-size:12px;
  line-height:1.45;padding:6px 9px;border-radius:4px;max-width:320px;box-shadow:0 4px 18px rgba(0,0,0,.45)}

/* 04 · which */
.tw-ten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(460px,100%),1fr));gap:0 56px;border-top:1px solid var(--tw-rule2);margin:0;padding:0;list-style:none}
.tw-ten li{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--tw-rule2)}
.tw-ten .n{flex:0 0 28px;font-family:var(--tw-mono);font-size:13px;color:var(--tw-accent);padding-top:6px}
.tw-ten .b{display:flex;flex-direction:column;gap:8px;min-width:0}
.tw-ten .t{font-family:var(--tw-serif);font-size:26px;line-height:1.2}
.tw-ten .t .apart{color:var(--tw-apart)}.tw-ten .t .closer{color:var(--tw-accent)}
.tw-ten .s{font-size:15px;line-height:1.5;color:var(--tw-body)}
.tw-ten .m{font-family:var(--tw-mono);font-size:12px;color:var(--tw-muted)}
.tw-ten .m .new{color:var(--tw-accent)}.tw-ten .m .apart{color:var(--tw-apart)}.tw-ten .m .closer{color:var(--tw-accent)}
.tw-leftlist{font-family:var(--tw-mono);font-size:12px;color:var(--tw-muted);line-height:1.6}
.tw-card{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;background:var(--tw-ink);color:var(--tw-bg);border-radius:8px;padding:22px 28px}
.tw-card p{flex:1 1 420px;min-width:0;margin:0;font-family:var(--tw-serif);font-size:24px;line-height:1.3}
.tw-card p strong{font-weight:600}
.tw-btn{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:999px;background:var(--tw-bg);color:var(--tw-ink);
  font:600 14px var(--tw-sans);border:0;cursor:pointer;text-decoration:none}
.tw-btn:hover{color:var(--tw-ink);background:#262320}
.tw-btn:focus-visible{outline:2px solid var(--tw-accent);outline-offset:3px}
.tw-all{display:none;border-top:1px solid var(--tw-rule2)}
.tw-all.open{display:block}
.tw-all table{width:100%;border-collapse:collapse;font-size:14px}
.tw-all th{font:400 11px var(--tw-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--tw-faint);text-align:left;padding:10px 12px 8px 0}
.tw-all td{padding:9px 12px 9px 0;border-top:1px solid var(--tw-rule);color:var(--tw-soft);vertical-align:top}
.tw-all td.num{font-family:var(--tw-mono);text-align:right;white-space:nowrap}
.tw-all th.num{text-align:right}
.tw-all td .apart{color:var(--tw-apart)}.tw-all td .closer{color:var(--tw-accent)}
.tw-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* 05 · when before */
.tw-ep-head,.tw-ep{display:flex;align-items:center}
.tw-ep-head{padding:0 0 8px;font-family:var(--tw-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--tw-faint)}
.tw-ep-name{flex:0 0 170px;display:flex;flex-direction:column;gap:4px}
.tw-ep-name b{font-family:var(--tw-serif);font-weight:400;font-size:28px;line-height:1;color:var(--tw-ink)}
.tw-ep-name span{font-family:var(--tw-mono);font-size:11px;color:var(--tw-muted)}
.tw-cells{flex:0 0 auto;display:flex;gap:5px;align-items:center}
.tw-cells span{flex:0 0 26px;width:26px;height:26px;border-radius:4px;background:var(--tw-empty)}
.tw-cells.head span{background:none;height:auto;text-align:center}
.tw-cells.head span.cur{color:var(--tw-ink)}
.tw-c-calm{background:var(--tw-calm)!important}.tw-c-elevated{background:var(--tw-elevated)!important}
.tw-c-high{background:var(--tw-high)!important}.tw-c-severe{background:var(--tw-severe)!important}
.tw-c-next{background:none!important;border:1px dashed var(--tw-accent)}
.tw-c-empty{background:none!important;border:1px dashed var(--tw-rule)}
.tw-ep-text{flex:1 1 260px;min-width:0;padding-left:28px;font-size:14px;line-height:1.5;color:var(--tw-body)}
.tw-ep{flex-wrap:wrap;gap:14px 0;padding:18px 0;border-top:1px solid var(--tw-rule)}
.tw-ep.now .tw-ep-text{color:var(--tw-ink)}
.tw-ep:last-child{border-bottom:1px solid var(--tw-rule)}
.tw-episodes{min-width:960px;display:flex;flex-direction:column}
@keyframes tw-pulse{0%{box-shadow:0 0 0 0 rgba(217,74,43,.9)}70%{box-shadow:0 0 0 9px rgba(217,74,43,0)}100%{box-shadow:0 0 0 0 rgba(217,74,43,0)}}
.tw-nowcell{animation:tw-pulse 2.2s ease-out infinite}
@media (prefers-reduced-motion:reduce){.tw-nowcell{animation:none}}
.tw-keys{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;font-family:var(--tw-mono);font-size:11px;color:var(--tw-muted);border-top:1px solid var(--tw-rule);padding-top:14px}
.tw-keys>span{display:flex;align-items:center;gap:8px}
.tw-keys i{display:block;width:12px;height:12px;border-radius:3px}
.tw-keys .note{margin-left:auto}

/* 06 · since last Friday */
.tw-in.tw-since{flex-direction:row;flex-wrap:wrap;gap:40px}
.tw-since>div:first-child{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:12px}
.tw-since p{margin:0;font-size:15px;line-height:1.55;color:var(--tw-body)}
.tw-since dl{flex:2 1 560px;min-width:0;display:flex;flex-direction:column;margin:0}
.tw-since dl div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:14px 0;border-top:1px solid var(--tw-rule);font-size:16px}
.tw-since dl div:last-child{border-bottom:1px solid var(--tw-rule)}
.tw-since dt{margin:0}.tw-since dd{margin:0;font-family:var(--tw-mono);color:var(--tw-soft)}
.tw-since dd b{color:var(--tw-ink);font-weight:400}
.tw-since dl div.key dt{color:var(--tw-ink);font-weight:600}

/* 07 · what next */
.tw-next h2{margin:0;font-family:var(--tw-serif);font-weight:400;font-size:clamp(36px,5vw,60px);line-height:1.05;letter-spacing:-.02em;max-width:1000px}
.tw-next h2 em{color:var(--tw-accent)}
.tw-next h2 span{color:var(--tw-body)}
.tw-next-grid{display:flex;flex-wrap:wrap;gap:24px 64px;align-items:flex-start;font-size:15px;line-height:1.55;color:var(--tw-body)}
.tw-next-grid>div{flex:1 1 320px;display:flex;flex-direction:column;gap:14px}
.tw-next-grid b{color:var(--tw-ink);font-weight:600}
.tw-next-grid code{font-family:var(--tw-mono);font-size:13px;color:var(--tw-soft);overflow-wrap:anywhere}
.tw-method{max-width:1240px;margin:0 auto;padding:0 0 8px;font-family:var(--tw-mono);font-size:12px;line-height:1.7;color:var(--tw-faint)}

/* loading and failure */
.tw-wait{color:var(--tw-faint)}
.tw-fail{margin:0 48px 56px;padding:22px 28px;border:1px solid var(--tw-rule2);border-radius:8px;color:var(--tw-body);font-size:15px;line-height:1.55}
.tw-fail[hidden],[data-tw][hidden]{display:none}

@media(max-width:900px){
  .tw-sec{padding:0 24px 48px}.tw-hero{padding:44px 24px 40px}.tw-strip-top{padding:12px 24px}.tw-fail{margin:0 24px 48px}
  .tw-aside{text-align:left}
  .tw-row{flex-wrap:wrap;gap:8px 16px}.tw-row-name{flex:1 1 auto}.tw-row-count{flex:0 0 auto}.tw-marks{flex:1 1 100%;order:3}
  .tw-legend .note{margin-left:0;text-align:left}
  .tw-keys .note{margin-left:0}
}
@media(max-width:700px){
  .tw-episodes{min-width:0}
  .tw-ep-name{flex:1 1 100%;flex-direction:row;align-items:baseline;gap:12px}
  .tw-ep-head .tw-ep-name,.tw-ep-head .tw-ep-text{display:none}
  .tw-cells{gap:4px}.tw-cells span{flex:0 0 18px;width:18px;height:18px;border-radius:3px}
  .tw-cells.head span{font-size:10px}
  .tw-ep-text{flex:1 1 100%;padding-left:0}
}
@media(max-width:560px){
  .tw-sec{padding:0 16px 44px}.tw-hero{padding:36px 16px 32px}.tw-strip-top{padding:12px 16px}.tw-fail{margin:0 16px 44px}
  .tw-h2{font-size:34px}.tw-card{padding:18px 20px}.tw-card p{font-size:21px}
  .tw-ten .t{font-size:23px}
  .tw-tick{font-size:10px}
}

/* the dateline's links (permalink, JSON, archive) and a permalink's revision line */
.tw-strip-top a{color:var(--tw-soft);text-decoration:underline;text-decoration-color:var(--tw-rule2);text-underline-offset:3px}
.tw-strip-top a:hover{color:var(--tw-accent)}
.tw-rev{margin:0;font-family:var(--tw-mono);font-size:12px;color:var(--tw-accent)}
.tw-arch{list-style:none;margin:0;padding:0;border-top:1px solid var(--tw-rule)}
.tw-arch li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:16px 0;border-bottom:1px solid var(--tw-rule)}
.tw-arch a{font-family:var(--tw-serif);font-size:26px;text-decoration:none}
.tw-arch span{font-family:var(--tw-mono);font-size:13px;color:var(--tw-soft)}
.tw-arch b{font-weight:400}