/*
 * lesstrump — styles from the v8 design (design/lesstrump-home-v8.html).
 *
 * Changes from the mockup, all for a live site rather than a fixed-size PNG:
 *   - .page is max-width 1440px, not a fixed width
 *   - a 960px breakpoint stacks the two-column layouts between phone and desktop
 *   - links get visible keyboard focus
 *   - the footer is .site-footer, not every <footer>
 */

/* ================= tokens ================= */
:root{
  --ink:#0B0B0C; --ink-2:#3A3A3E; --mute:#5F6570; --mute-2:#8C929C;
  --paper:#FFFFFF; --sunk:#F6F6F4; --rule:#E4E4E7; --hard:#0B0B0C;
  --mark:#FFE24D;                 /* highlighter: only ever behind text */
  --grey-bar:#B9BEC6;             /* topics this site does not cover */
  /* beats we cover. validated order: worst adjacent CVD dE 9.2, normal 27.6.
     --tech (amber, added 28 Oct 2026) keeps display-order neighbours at CVD dE 9.1;
     it is light on white (2.2:1), so its text label uses --tech-text (4.9:1). */
  --sci:#2a78d6; --energy:#eb6834; --health:#1baf7a; --world:#4a3aa7; --biz:#e87ba4; --tech:#eda100; --tech-text:#9a6700;
}

/* ================= base ================= */
*{box-sizing:border-box; margin:0; padding:0}
body{background:var(--paper); color:var(--ink);
     font-family:Archivo,-apple-system,system-ui,sans-serif; -webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ink); outline-offset:3px}
.page{max-width:1440px; width:100%; margin:0 auto; padding:0 72px}

/* ================= masthead ================= */
.mast{display:flex; align-items:flex-end; justify-content:space-between;
      padding:38px 0 20px; border-bottom:1px solid var(--rule)}
.word{font-family:"Instrument Serif",Georgia,serif; font-size:44px; line-height:1;
      letter-spacing:-.018em; color:inherit; text-decoration:none; display:inline-block}
.word i{font-style:normal; color:var(--mute-2)}
.tagline{font-size:14.5px; color:var(--ink-2); margin-top:9px}
.navs{display:flex; gap:25px; font-size:13.5px; font-weight:500; color:var(--ink-2); padding-bottom:5px}
.navs a{color:var(--mute); text-decoration:none}
.navs a:hover{color:var(--ink)}

/* ================= the explainer ================= */
.what{padding:40px 0 34px; border-bottom:2px solid var(--hard);
      display:grid; grid-template-columns:1fr 430px; gap:60px; align-items:start}
.funnel{font-family:"Instrument Serif",Georgia,serif; font-size:34px; line-height:1.32;
        letter-spacing:-.012em; max-width:33ch}
.funnel .n{font-family:Archivo,sans-serif; font-weight:700; font-size:30px;
           letter-spacing:-.03em; font-variant-numeric:tabular-nums}
.funnel .n.hl{background:var(--mark); padding:1px 7px}
.funnel .sm{color:var(--mute)}

.side .lab{font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.14em;
           text-transform:uppercase; color:var(--mute); margin-bottom:14px}
.rows{display:flex; flex-direction:column; gap:5px}
.r{display:grid; grid-template-columns:104px 1fr 30px; gap:10px; align-items:center}
.r .t{font-size:11.5px; color:var(--ink-2); text-align:right; line-height:1.25}
.r .track{height:13px}
.r .fill{height:100%; border-radius:0 3px 3px 0; background:var(--grey-bar)}
.r .v{font-family:"JetBrains Mono",monospace; font-size:10.5px; color:var(--ink-2);
      font-variant-numeric:tabular-nums}
.r.ours .t{color:var(--ink); font-weight:500}
.side .cap{font-size:12px; line-height:1.6; color:var(--mute); margin-top:16px;
           padding-top:13px; border-top:1px solid var(--rule)}
.side .cap b{color:var(--ink); font-weight:600}

/* ================= filters (act on the list, so they sit with it) ================= */
.controls{padding:22px 0 0}
.chips{display:flex; gap:8px; flex-wrap:wrap; align-items:center}
.chip{font-size:13px; padding:6px 13px; border:1px solid var(--rule); border-radius:100px;
      color:var(--ink-2); background:var(--paper); white-space:nowrap; text-decoration:none}
.chip .dot{display:inline-block; width:7px; height:7px; border-radius:50%;
           margin-right:7px; vertical-align:1px}
.chip.on{border-color:var(--ink); background:var(--ink); color:#fff; font-weight:500}
.listopts{display:flex; justify-content:space-between; align-items:center; gap:12px 24px; flex-wrap:wrap; margin-top:13px}
.listopts .sorts{margin-top:0}
.per{display:flex; align-items:center; gap:8px; font-family:"JetBrains Mono",monospace; font-size:10.5px; color:var(--mute)}
.per .k{letter-spacing:.12em; text-transform:uppercase}
.per select{font:inherit; color:var(--ink); background:var(--paper); border:1px solid var(--rule); border-radius:3px;
            padding:4px 8px; cursor:pointer}
.per select:hover{border-color:var(--ink)}
.per button{font:inherit; border:1px solid var(--ink); background:var(--ink); color:#fff; border-radius:3px; padding:4px 9px; cursor:pointer}
.pager{display:flex; justify-content:space-between; align-items:center; gap:12px; padding:22px 0 0;
       font-family:"JetBrains Mono",monospace; font-size:11px; color:var(--mute)}
.pager a{color:var(--ink); font-weight:500; text-decoration:none; border-bottom:1px solid var(--ink)}
.pager .off{color:var(--mute-2)}
.sorts{display:flex; gap:6px; align-items:center; margin-top:13px;
       font-family:"JetBrains Mono",monospace; font-size:10.5px; color:var(--mute)}
.sorts .k{letter-spacing:.12em; text-transform:uppercase; margin-right:5px}
.sorts a,.sorts b{font-weight:400; padding:4px 9px; border-radius:3px; color:var(--ink-2); text-decoration:none}
.sorts .on{background:var(--ink); color:#fff}

/* ================= columns ================= */
.cols{display:grid; grid-template-columns:1fr 330px; gap:70px; padding:40px 0 0; align-items:start}
.colhead{display:flex; align-items:baseline; justify-content:space-between;
         padding-bottom:11px; border-bottom:1px solid var(--rule)}
.colhead h2{font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:25px;
            letter-spacing:-.01em}
.colhead .c{font-family:"JetBrains Mono",monospace; font-size:10.5px; color:var(--mute)}
.colhead .c i{font-style:normal; margin-left:16px}

/* ================= story ================= */
.story{display:block; padding:27px 0; border-bottom:1px solid var(--rule)}
.story h3{font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:28px;
          line-height:1.2; letter-spacing:-.01em; margin-bottom:9px; text-wrap:balance}
.story h3 a{text-decoration:none}
.story h3 a:hover{text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px}
.story p{font-size:14.5px; line-height:1.62; color:var(--ink-2); max-width:64ch; margin-bottom:13px}
/* significance varies per story, so it earns a column */
.story .top{display:flex; align-items:baseline; justify-content:space-between; gap:24px}
.sig{font-family:"JetBrains Mono",monospace; font-size:17px; font-weight:500;
     color:var(--ink); font-variant-numeric:tabular-nums; flex-shrink:0; white-space:nowrap}
.sig .of{font-size:12px; font-weight:400; color:var(--mute); margin-left:3px}

.prov{display:flex; align-items:center; gap:11px; flex-wrap:wrap;
      font-family:"JetBrains Mono",monospace; font-size:10.5px; color:var(--ink-2)}
.prov .o{font-weight:500; color:var(--ink)}
.prov .b{border:1px solid var(--hard); padding:2px 7px}
.prov .s{text-transform:uppercase; letter-spacing:.1em; font-size:9.5px; font-weight:500}
.prov .s::before{content:"■"; margin-right:5px; font-size:8px}
.s-energy{color:var(--energy)} .s-world{color:var(--world)}
.s-biz{color:var(--biz)} .s-sci{color:var(--sci)} .s-health{color:var(--health)} .s-tech{color:var(--tech-text)}
.prov .d{color:var(--mute-2)}
/* how far a story travelled before it stalled short of a front page */
.prov .cov{color:var(--mute)}
.prov .cov.wide{color:var(--ink); font-weight:500}

/* ================= rail ================= */
.rail{border-left:1px solid var(--rule); padding-left:30px}
.rail .colhead h2{font-size:18px; color:var(--ink-2)}
.lead{padding:14px 0; border-bottom:1px solid #F1F1F3}
.lead .t{font-size:13px; line-height:1.45; color:var(--ink-2)}
.lead .m{font-family:"JetBrains Mono",monospace; font-size:9.5px; color:var(--mute); margin-top:5px}
.railnote{margin-top:18px; padding-top:15px; border-top:1px solid var(--rule);
          font-size:11.5px; line-height:1.6; color:var(--mute)}

/* ================= signup ================= */
.signup{margin-top:30px; border:1px solid var(--hard); padding:22px}
.signup h4{font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:21px;
           line-height:1.2; margin-bottom:8px}
.signup p{font-size:12.5px; line-height:1.6; color:var(--ink-2); margin-bottom:15px}
.field{display:flex; border:1px solid var(--hard); height:38px}
.field input{flex:1; min-width:0; border:0; padding:0 11px; font:inherit; font-size:12.5px;
             color:var(--ink); background:var(--paper)}
.field input::placeholder{color:var(--mute-2); opacity:1}
.field button{border:0; background:var(--ink); color:#fff; padding:0 15px; cursor:pointer;
              font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.09em; text-transform:uppercase}
.field :disabled{cursor:not-allowed}
.field input:disabled{background:var(--paper)}

/* ================= footer ================= */
.site-footer{margin-top:52px; padding:24px 0 40px; border-top:2px solid var(--hard);
             display:flex; justify-content:space-between; gap:56px; align-items:flex-start}
.method{font-size:12.5px; line-height:1.65; color:var(--ink-2); max-width:66ch}
.method b{font-weight:600; color:var(--ink)}
.method .more{display:inline-block; margin-top:9px; color:var(--ink); font-weight:500;
              text-decoration:none; border-bottom:1px solid var(--ink); padding-bottom:1px}
.figs{display:flex; gap:34px}
.fig .v{font-family:"JetBrains Mono",monospace; font-size:19px; font-weight:500; letter-spacing:-.02em}
.fig .l{font-family:"JetBrains Mono",monospace; font-size:9px; letter-spacing:.1em;
        text-transform:uppercase; color:var(--mute); margin-top:5px}

/* ================= homepage odds and ends ================= */
.colhead--list{margin-top:26px}
.empty{padding:27px 0; font-size:14.5px; color:var(--mute)}
.screen-reader-text{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}

/* ================= fallback listing (index.php) ================= */
.fallback{padding:24px 0 0}

/* ================= tablet: not in v8; stack the two-column layouts ================= */
@media (max-width:960px){
  .page{padding:0 40px}
  .what{grid-template-columns:1fr; gap:32px}
  .cols{grid-template-columns:1fr; gap:44px}
  .rail{border-left:none; border-top:2px solid var(--hard); padding-left:0; padding-top:24px}
}

/* ================= phone ================= */
@media (max-width:560px){
  .page{padding:0 20px}
  .mast{flex-direction:column; align-items:flex-start; gap:14px; padding:26px 0 14px}
  .word{font-size:36px}
  .navs{gap:15px; font-size:12px; flex-wrap:wrap; padding-bottom:0}

  .what{gap:28px; padding:28px 0 26px}
  .funnel{font-size:27px; max-width:none; line-height:1.36}
  .funnel .n{font-size:25px}
  .r{grid-template-columns:88px 1fr 28px; gap:8px}
  .r .t{font-size:11px}

  .cols{gap:38px; padding:26px 0 0}
  .colhead--list{flex-direction:column; align-items:flex-start; gap:6px}
  .colhead--list .c{white-space:nowrap}
  .story{padding:22px 0}
  .story h3{font-size:23px}
  .story p{max-width:none}

  .rail{padding-top:22px}
  .site-footer{flex-direction:column; gap:24px; margin-top:34px}
  .method{max-width:none}
}

/* ================= article (design/lesstrump-article-v2-*.png) ================= */
.a-head{padding:46px 0 30px; border-bottom:2px solid var(--hard)}
.a-kick{display:flex; gap:11px; align-items:center; flex-wrap:wrap; margin-bottom:20px;
        font-family:"JetBrains Mono",monospace; font-size:10.5px; color:var(--ink-2)}
.a-kick .s{text-transform:uppercase; letter-spacing:.1em; font-size:9.5px; font-weight:500}
.a-kick .s::before{content:"■"; margin-right:5px; font-size:8px}
.a-kick .d{color:var(--mute-2)}
.a-kick a{color:var(--ink-2); text-decoration:none; border-bottom:1px solid var(--rule)}
.a-kick a:hover{border-color:var(--ink)}
.a-head h1{font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:58px; line-height:1.08;
           letter-spacing:-.018em; max-width:19ch; text-wrap:balance}
.a-dek{font-size:20px; line-height:1.55; color:var(--ink-2); max-width:60ch; margin-top:20px}
.a-meta{display:flex; gap:11px; flex-wrap:wrap; align-items:center; margin-top:26px;
        font-family:"JetBrains Mono",monospace; font-size:11px; color:var(--ink-2)}
.a-meta .d{color:var(--mute-2)}

/* long reading: 18px Archivo at 1.72, about 66 characters a line */
.a-body{max-width:680px; min-width:0}
.a-body > p, .a-body li{font-size:18px; line-height:1.72; color:#1C1C1F}
.a-body > p{margin-bottom:24px}
.a-body > p:first-child::first-line{font-weight:600}
.a-body > h2, .a-body > h3{font-family:"Instrument Serif",Georgia,serif; font-weight:400; letter-spacing:-.01em;
                            line-height:1.2; margin:44px 0 16px}
.a-body > h2{font-size:30px}
.a-body > h3{font-size:24px}
.a-body > ul, .a-body > ol{margin:0 0 24px 1.2em}
.a-body li{margin-bottom:8px}
.a-body a{text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px}
.a-body blockquote{margin:30px 0; padding-left:20px; border-left:2px solid var(--hard)}
.a-body blockquote p{font-family:"Instrument Serif",Georgia,serif; font-size:24px; line-height:1.4; margin-bottom:8px}
.a-body figure{margin:30px 0}
.a-body img{max-width:100%; height:auto}
.a-body figcaption{font-size:13px; color:var(--mute); margin-top:8px}
.cite{font-family:"JetBrains Mono",monospace; font-size:10.5px; font-weight:500; line-height:0; margin-left:2px}
.cite a{color:var(--ink); background:var(--sunk); padding:0 3px; border-radius:2px; text-decoration:none}
.cite a:hover{background:var(--mark)}

/* block style "Open questions": each item marked with a "?" */
.a-body > ul.is-style-open-questions{list-style:none; margin-left:0}
.is-style-open-questions li{position:relative; padding:10px 0 10px 26px; margin:0; border-bottom:1px solid #F1F1F3;
                            line-height:1.65}
.is-style-open-questions li::before{content:"?"; position:absolute; left:0; top:11px;
                                    font-family:"JetBrains Mono",monospace; font-size:13px; font-weight:700; color:var(--mute)}

/* block style "Before / after": first column labels, last column the new state */
.a-body .wp-block-table.is-style-compare{margin:6px 0 30px}
.a-body .is-style-compare table{width:100%; border-collapse:collapse; font-size:15px; line-height:1.5;
                                border-top:2px solid var(--hard); border-bottom:1px solid var(--hard)}
.a-body .is-style-compare thead{border-bottom:0}
.a-body .is-style-compare th, .a-body .is-style-compare td{border:0; border-bottom:1px solid var(--rule);
                                                          padding:13px 14px 13px 0; text-align:left; vertical-align:top}
.a-body .is-style-compare tr:last-child td{border-bottom:0}
.a-body .is-style-compare th{font-family:"JetBrains Mono",monospace; font-size:10px; font-weight:400; letter-spacing:.12em;
                             text-transform:uppercase; color:var(--mute); padding-top:12px; padding-bottom:10px}
.a-body .is-style-compare th:first-child{width:150px}
.a-body .is-style-compare td:first-child{width:150px; font-family:"JetBrains Mono",monospace; font-size:11px; color:var(--mute); padding-top:15px}
.a-body .is-style-compare td:last-child, .a-body .is-style-compare th:last-child{color:var(--ink); font-weight:500}

/* corrections: dated, above the sources, never edited away */
.a-fix{margin:40px 0 0; border-left:3px solid var(--mark); background:#FFFBE3; padding:16px 20px}
.a-fix + .a-fix{margin-top:12px}
.a-fix .l{font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.12em; text-transform:uppercase;
          color:var(--ink); font-weight:500; margin-bottom:6px}
.a-fix p{font-size:15px; line-height:1.6; color:var(--ink-2)}

.a-sources{margin-top:40px; border-top:2px solid var(--hard); padding-top:16px}
.a-sources .hd{display:flex; justify-content:space-between; align-items:baseline; gap:16px; margin-bottom:6px}
.a-sources h2{font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:25px}
.a-sources .c{font-family:"JetBrains Mono",monospace; font-size:10.5px; color:var(--mute); text-align:right}
.a-sources ol{list-style:none}
.a-src{display:grid; grid-template-columns:34px 1fr auto; gap:6px; padding:14px 0; border-bottom:1px solid var(--rule);
       align-items:baseline; scroll-margin-top:24px}
.a-src:target{background:#FFFBE3}
.a-src .n{font-family:"JetBrains Mono",monospace; font-size:12px; font-weight:500}
.a-src .t{font-size:15px; line-height:1.45}
.a-src .t a{color:var(--ink); text-decoration:none; border-bottom:1px solid var(--mute-2)}
.a-src .t a:hover{border-color:var(--ink)}
.a-src .m{font-family:"JetBrains Mono",monospace; font-size:10.5px; color:var(--mute); margin-top:4px}
.a-src .k{font-family:"JetBrains Mono",monospace; font-size:9.5px; letter-spacing:.1em; text-transform:uppercase;
          border:1px solid var(--rule); padding:2px 7px; color:var(--ink-2); white-space:nowrap}
.a-src .k.primary{border-color:var(--hard); color:var(--ink)}
.a-err{margin-top:16px; font-size:13px; line-height:1.6; color:var(--mute)}

/* rail: why this is here, more in the beat */
.why .lab, .more-beat .lab{font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.14em;
                           text-transform:uppercase; color:var(--mute); margin-bottom:12px}
.why .sig{font-size:34px; letter-spacing:-.02em}
.why .sig .of{font-size:15px; margin-left:4px}
.why .sigl{font-size:12px; color:var(--mute); margin-top:2px}
.why dl{margin-top:16px; border-top:1px solid var(--rule)}
.why dl div{display:flex; justify-content:space-between; gap:16px; padding:9px 0; border-bottom:1px solid #F1F1F3; font-size:13px}
.why dt{color:var(--mute)}
.why dd{color:var(--ink); font-weight:500; text-align:right}
.why .vs{font-size:12.5px; line-height:1.6; color:var(--ink-2); margin-top:14px}
.why .lead{padding:10px 0}
.why .go, .more-beat .go{display:inline-block; margin-top:12px; font-size:13px; font-weight:500; color:var(--ink);
                         text-decoration:none; border-bottom:1px solid var(--ink)}
.more-beat{margin-top:34px; padding-top:20px; border-top:2px solid var(--hard)}
.more-beat .it{padding:13px 0; border-bottom:1px solid var(--rule)}
.more-beat .it .t{font-family:"Instrument Serif",Georgia,serif; font-size:19px; line-height:1.25}
.more-beat .it .t a{text-decoration:none}
.more-beat .it .t a:hover{text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px}
.more-beat .it .m{font-family:"JetBrains Mono",monospace; font-size:10px; color:var(--mute); margin-top:6px}
.single-post .site-footer{margin-top:64px}

/* the compact "why" under the headline is for narrow screens, where the rail is far below */
.why-m{display:none}

@media (max-width:960px){
  .rail .why{display:none}
  .why-m{display:flex; align-items:baseline; gap:12px; margin-top:22px; border:1px solid var(--hard); padding:14px 16px}
  .why-m .sig{font-size:22px}
  .why-m p{font-size:12.5px; line-height:1.5; color:var(--ink-2)}
  .why-m b{color:var(--ink); font-weight:600}
  .single-post .rail{margin-top:44px}
  .more-beat{margin-top:0; padding-top:0; border-top:0}
}

@media (max-width:560px){
  .a-head{padding:28px 0 22px}
  .a-kick{gap:8px; margin-bottom:14px}
  .a-head h1{font-size:36px; line-height:1.1}
  .a-dek{font-size:17px; margin-top:14px}
  .a-meta{margin-top:18px; gap:8px; font-size:10.5px}
  .single-post .cols{gap:0}
  .a-body > p, .a-body li{font-size:17px; line-height:1.7}
  .a-body > h2{font-size:26px; margin:36px 0 12px}
  /* before/after: the label takes its own line, the two states sit side by side */
  .a-body .is-style-compare table{font-size:14px}
  .a-body .is-style-compare thead th:first-child{display:none}
  .a-body .is-style-compare tr{display:grid; grid-template-columns:1fr 1fr}
  .a-body .is-style-compare td:first-child{grid-column:1 / -1; width:auto; padding:12px 0 0; border-bottom:0}
  .a-src{grid-template-columns:28px 1fr}
  .a-src .k{grid-column:2; justify-self:start; margin-top:6px}
  .single-post .site-footer{margin-top:40px}
}

/* ================= your articles: homepage block, cards (design/lesstrump-home-v9) ================= */
.feat{padding:34px 0 32px; border-bottom:2px solid var(--hard)}
.colhead .c a{color:var(--ink); text-decoration:none; border-bottom:1px solid var(--ink); margin-left:16px}
.feat-grid{display:grid; grid-template-columns:1fr 1px 1fr 1fr; gap:0 34px; padding-top:22px}
.feat-grid .vr{background:var(--rule)}
.feat-grid .art:first-child:last-child{grid-column:1 / -1; max-width:760px}
.art .s{font-family:"JetBrains Mono",monospace; text-transform:uppercase; letter-spacing:.1em; font-size:9.5px; font-weight:500; margin-right:8px}
.art .s::before{content:"■"; margin-right:5px; font-size:8px}
.art .kind{font-family:"JetBrains Mono",monospace; font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--mute)}
.art h3{font-family:"Instrument Serif",Georgia,serif; font-weight:400; letter-spacing:-.012em; text-wrap:balance;
        font-size:26px; line-height:1.16; margin:9px 0 9px}
.art h3 a{text-decoration:none}
.art h3 a:hover{text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px}
.art--lead h3{font-size:36px; line-height:1.1; margin:10px 0 12px}
.art--small h3{font-size:22px; line-height:1.2; margin:8px 0 10px}
.art p{font-size:15px; line-height:1.6; color:var(--ink-2); max-width:62ch}
.art--small p{font-size:14.5px}
.art .m{font-family:"JetBrains Mono",monospace; font-size:10.5px; color:var(--mute); margin-top:12px}
.art .m b{color:var(--ink); font-weight:500}
/* a missed story you wrote about */
.prov .our{background:var(--ink); color:#fff; padding:2px 8px; font-weight:500; text-decoration:none}
.prov .our:hover{background:var(--ink-2)}
.colhead .c .day{color:var(--ink); font-weight:500; margin-right:10px}

/* ================= topic page (design/lesstrump-topic-v1) and /articles/ ================= */
.thead{padding:40px 0 30px; border-bottom:2px solid var(--hard); display:grid; grid-template-columns:1fr 430px; gap:60px; align-items:end}
.thead--articles{grid-template-columns:1fr}
.crumb{font-family:"JetBrains Mono",monospace; font-size:10.5px; color:var(--mute); margin-bottom:16px}
.crumb span{color:var(--ink-2)}
.thead h1{font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:58px; line-height:1.05; letter-spacing:-.018em;
          display:flex; align-items:center; gap:16px}
.thead h1 .sw{width:16px; height:16px; border-radius:50%; display:inline-block; flex-shrink:0}
.tdek{font-size:18px; line-height:1.55; color:var(--ink-2); max-width:52ch; margin-top:14px}
.tstats{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.ts .v{font-family:"JetBrains Mono",monospace; font-size:26px; font-weight:500; letter-spacing:-.02em}
.ts .v .u{font-size:15px; color:var(--mute); font-weight:400}
.ts .l{font-family:"JetBrains Mono",monospace; font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--mute);
       margin-top:6px; line-height:1.45}
.tnote{grid-column:1 / -1; font-size:12px; line-height:1.6; color:var(--mute); border-top:1px solid var(--rule); padding-top:12px}
.tnote b{color:var(--ink); font-weight:600}
.switch{padding:22px 0 0}
.sec{margin-top:34px}
.sec--first{margin-top:6px}
.arts{display:grid; grid-template-columns:1fr 1fr; gap:0 40px}
.arts .art, .art-list .art{padding:22px 0; border-bottom:1px solid var(--rule)}
.art-list .art h3{font-size:28px}
.listopts--end{justify-content:flex-end}
.dayhead{padding:24px 0 0; font-family:"JetBrains Mono",monospace; font-size:10.5px; font-weight:400;
         letter-spacing:.12em; text-transform:uppercase; color:var(--ink)}
.dayhead + .story{padding-top:14px}
.share .lab{font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--mute); margin-bottom:12px}
.share .row{display:grid; grid-template-columns:52px 1fr 34px; gap:10px; align-items:center; padding:5px 0}
.share .d{font-family:"JetBrains Mono",monospace; font-size:10px; color:var(--mute)}
.share .tr{height:10px; background:#F1F1F3}
.share .f{height:100%; border-radius:0 2px 2px 0}
.share .v{font-family:"JetBrains Mono",monospace; font-size:10px; color:var(--ink-2); text-align:right}
.share .cap{font-size:11.5px; line-height:1.6; color:var(--mute); margin-top:10px; padding-top:10px; border-top:1px solid var(--rule)}
.share + .signup{margin-top:30px}
.rail > .signup:first-child{margin-top:0}

@media (max-width:960px){
  .feat-grid{grid-template-columns:1fr 1fr; gap:24px 30px}
  .feat-grid .vr{display:none}
  .feat-grid .art--lead{grid-column:1 / -1}
  .thead{grid-template-columns:1fr; gap:24px}
}

@media (max-width:560px){
  .feat{padding:26px 0 24px}
  .feat-grid{grid-template-columns:1fr; gap:0}
  .feat-grid .art{padding:18px 0; border-top:1px solid var(--rule)}
  .feat-grid .art:first-child{border-top:0; padding-top:4px}
  .art--lead h3{font-size:28px}
  .feat .colhead{flex-direction:column; align-items:flex-start; gap:6px}
  .feat .colhead .c a{display:table; margin:6px 0 0}
  .thead{padding:28px 0 24px; gap:22px}
  .thead h1{font-size:40px}
  .tdek{font-size:16px}
  .tstats{gap:12px}
  .ts .v{font-size:20px}
  .arts{grid-template-columns:1fr}
  .art h3, .art-list .art h3{font-size:22px}
  .sec .colhead{flex-direction:column; align-items:flex-start; gap:6px}
}

/* ================= archive: month pages (design/lesstrump-archive-v3) ================= */
.ar-head{padding:44px 0 32px; border-bottom:2px solid var(--hard); display:grid; grid-template-columns:1fr 520px; gap:60px; align-items:end}
.ar-head h1{font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:58px; line-height:1.05; letter-spacing:-.018em}
.ar-totals{display:grid; grid-template-columns:repeat(4,1fr); gap:20px}
.ar-totals .v.hl{background:var(--mark); padding:0 6px; display:inline-block}
.ar-totals .since{grid-column:1 / -1; font-size:12px; color:var(--mute); margin-top:-6px}
.ar-months{display:flex; flex-direction:column; gap:10px; padding:22px 0 0}
.yr{display:flex; align-items:baseline; gap:6px; flex-wrap:wrap}
.yr .y{font-family:"JetBrains Mono",monospace; font-size:10.5px; letter-spacing:.12em; color:var(--mute); margin-right:6px}
.mo{font-size:13px; padding:5px 11px; border:1px solid var(--rule); border-radius:100px; color:var(--ink-2); white-space:nowrap; text-decoration:none}
.mo i{font-style:normal; font-family:"JetBrains Mono",monospace; font-size:10px; color:var(--mute); margin-left:6px}
.mo:hover{border-color:var(--ink)}
.mo.on{background:var(--ink); border-color:var(--ink); color:#fff; font-weight:500}
.mo.on i{color:#C9CDD3}
.ar-controls{display:flex; justify-content:space-between; align-items:center; gap:14px 30px; flex-wrap:wrap; padding:16px 0 0}
.ar-controls .chips .k{font-family:"JetBrains Mono",monospace; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--mute); margin-right:6px}
.ar-legend{display:flex; gap:8px 14px; flex-wrap:wrap; align-items:center; font-family:"JetBrains Mono",monospace; font-size:10px; color:var(--mute)}
.ar-legend span{white-space:nowrap}
.ar-legend .sw{display:inline-block; width:22px; height:9px; vertical-align:-1px; margin-right:6px; border-radius:0 2px 2px 0; background:var(--grey-bar)}
.ar-legend .sw--ours{background:linear-gradient(90deg,var(--sci) 0 16.6%,var(--tech) 16.6% 33.3%,var(--health) 33.3% 50%,var(--energy) 50% 66.6%,var(--biz) 66.6% 83.3%,var(--world) 83.3%)}
.ar-monthbar{display:flex; justify-content:space-between; align-items:baseline; gap:20px; margin-top:30px; padding-bottom:11px; border-bottom:1px solid var(--hard)}
.ar-monthbar h2{font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:34px; letter-spacing:-.012em}
.ar-monthbar .c{font-family:"JetBrains Mono",monospace; font-size:10.5px; color:var(--mute)}
.ar-monthbar .c b{color:var(--ink); font-weight:500}

.ar-day{display:grid; grid-template-columns:118px 1fr 230px 250px; gap:34px; align-items:start; padding:24px 0; border-bottom:1px solid var(--rule)}
.ar-date a{text-decoration:none}
.ar-date .dn{font-family:"Instrument Serif",Georgia,serif; font-size:34px; line-height:1; border-bottom:1px solid var(--ink); display:inline-block; padding-bottom:2px}
.ar-date a:hover .dn{border-bottom-width:2px}
.ar-date .wd{font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--mute); margin-top:6px}
.ar-date .today{display:inline-block; margin-top:7px; font-family:"JetBrains Mono",monospace; font-size:9px; letter-spacing:.1em;
                text-transform:uppercase; background:var(--ink); color:#fff; padding:2px 6px}
.ar-stories{min-width:0}
.ar-stories .s{font-family:"JetBrains Mono",monospace; text-transform:uppercase; letter-spacing:.1em; font-size:9.5px; font-weight:500}
.ar-stories .s::before{content:"■"; margin-right:5px; font-size:8px}
.ar-stories h3{font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:22px; line-height:1.22; letter-spacing:-.008em; margin-top:5px; text-wrap:balance}
.ar-stories h3 a{text-decoration:none}
.ar-stories h3 a:hover, .ar-more .t:hover{text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px}
.ar-stories .m{font-family:"JetBrains Mono",monospace; font-size:10.5px; color:var(--mute); margin-top:7px}
.ar-stories .m b{color:var(--ink); font-weight:500}
.ar-more{list-style:none; margin-top:12px; border-top:1px solid #F1F1F3}
.ar-more--first{margin-top:0; border-top:0}
.ar-none{font-size:14px; color:var(--mute); padding-top:4px}
.ar-more li{display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:baseline; padding:7px 0; border-bottom:1px solid #F1F1F3}
.ar-more .dot{width:7px; height:7px; border-radius:50%; display:inline-block; transform:translateY(-1px)}
.ar-more .t{font-size:14px; line-height:1.4; color:var(--ink); text-decoration:none}
.ar-more .sc{font-family:"JetBrains Mono",monospace; font-size:10px; color:var(--mute); white-space:nowrap}
.ar-more .art{font-family:"JetBrains Mono",monospace; font-size:9px; letter-spacing:.08em; text-transform:uppercase; background:var(--ink);
              color:#fff; padding:1px 6px; margin-right:6px; vertical-align:1px}
.ar-right{grid-column:3 / 5; display:grid; grid-template-columns:230px 250px; gap:12px 34px}
.ar-bar{display:flex; height:12px; background:var(--grey-bar); border-radius:0 2px 2px 0; overflow:hidden}
.ar-bar i{display:block; height:100%}
.ar-bar-w .barl{font-family:"JetBrains Mono",monospace; font-size:10px; color:var(--mute); margin-top:7px}
.ar-bar-w .barl b{color:var(--ink); font-weight:500}
.ar-bar-w .nofig{font-family:"JetBrains Mono",monospace; font-size:10px; color:var(--mute-2); line-height:1.5}
.ar-nums{display:grid; grid-template-columns:repeat(3,1fr); gap:10px}
.ar-nums .v{font-family:"JetBrains Mono",monospace; font-size:16px; font-weight:500; font-variant-numeric:tabular-nums}
.ar-nums .l{font-family:"JetBrains Mono",monospace; font-size:9px; letter-spacing:.08em; text-transform:uppercase; color:var(--mute); margin-top:4px}
.ar-right .open{grid-column:1 / -1; justify-self:end; font-size:13px; font-weight:500; color:var(--ink); text-decoration:none;
                border-bottom:1px solid var(--ink); padding-bottom:1px; white-space:nowrap}
.ar-monthnav{display:flex; justify-content:space-between; align-items:center; padding:24px 0 0; font-family:"JetBrains Mono",monospace; font-size:11px; color:var(--mute)}
.ar-monthnav a{color:var(--ink); font-weight:500; text-decoration:none; border-bottom:1px solid var(--ink)}
.ar-monthnav .off{color:var(--mute-2)}

/* ================= archive: a day's own page ================= */
.dayhead-bar{display:flex; justify-content:space-between; align-items:flex-end; gap:20px; padding:30px 0 22px; border-bottom:1px solid var(--rule)}
.dayhead-bar .crumb a{color:var(--ink-2); text-decoration:none; border-bottom:1px solid var(--rule)}
.dayhead-bar h1{font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:40px; line-height:1.1; letter-spacing:-.015em}
.daynav{display:flex; gap:22px; font-family:"JetBrains Mono",monospace; font-size:11px; white-space:nowrap}
.daynav a{color:var(--ink); font-weight:500; text-decoration:none; border-bottom:1px solid var(--ink)}
.daynav .off{color:var(--mute-2)}

@media (max-width:960px){
  .ar-head{grid-template-columns:1fr; gap:24px}
  .ar-day{grid-template-columns:90px 1fr; gap:10px 24px}
  .ar-right{grid-column:2; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:10px 24px}
}

@media (max-width:560px){
  .ar-head{padding:28px 0 24px; gap:22px}
  .ar-head h1{font-size:40px}
  .ar-totals{grid-template-columns:1fr 1fr; gap:18px 14px}
  .ar-controls{flex-direction:column; align-items:flex-start}
  .ar-controls .chips .k{width:100%; margin-bottom:2px}
  .ar-monthbar{flex-direction:column; gap:6px}
  .ar-monthbar h2{font-size:28px}
  .ar-day{grid-template-columns:62px 1fr; gap:6px 16px; padding:20px 0}
  .ar-date .dn{font-size:30px}
  .ar-stories h3{font-size:20px}
  .ar-more .t{font-size:13.5px}
  .ar-right{grid-template-columns:minmax(0,1fr); gap:10px}
  .ar-right .open{justify-self:start; margin-top:4px}
  .dayhead-bar{flex-direction:column; align-items:flex-start; gap:12px; padding:22px 0 16px}
  .dayhead-bar h1{font-size:30px}
}

/* ================= method page, /method/ (design/lesstrump-method-v2) ================= */
.a-err a{color:var(--ink); text-decoration:none; border-bottom:1px solid var(--ink)}
.m-head{padding:46px 0 30px; border-bottom:2px solid var(--hard); display:grid; grid-template-columns:1fr 430px; gap:60px; align-items:end}
.m-head h1{font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:58px; line-height:1.05; letter-spacing:-.018em}
.m-dek{font-size:19px; line-height:1.55; color:var(--ink-2); max-width:54ch; margin-top:16px}
.m-toc{border-left:1px solid var(--rule); padding-left:22px; font-family:"JetBrains Mono",monospace; font-size:11px; line-height:2}
.m-toc .lab{font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--mute); margin-bottom:6px}
.m-toc ol{list-style:none; counter-reset:t}
.m-toc li{counter-increment:t}
.m-toc li::before{content:counter(t, decimal-leading-zero) "  "; color:var(--mute-2); white-space:pre}
.m-toc a{color:var(--ink-2); text-decoration:none}
.m-toc a:hover{color:var(--ink); text-decoration:underline}
.m-body h2{scroll-margin-top:24px}
.m-body h2 .n{font-family:"JetBrains Mono",monospace; font-size:12px; color:var(--mute-2); margin-right:12px; vertical-align:8px}
.m-counts{display:grid; grid-template-columns:repeat(3,1fr); border-top:2px solid var(--hard); border-bottom:1px solid var(--hard); margin:6px 0 28px}
.m-counts > div{padding:14px 16px 14px 0}
.m-counts > div + div{border-left:1px solid var(--rule); padding-left:16px}
.m-counts .v{font-family:"JetBrains Mono",monospace; font-size:24px; font-weight:500}
.m-counts .l{font-size:13px; line-height:1.45; color:var(--ink-2); margin-top:4px}
.a-body > ul.m-newsrooms{list-style:none; margin:4px 0 26px; display:flex; flex-wrap:wrap; gap:6px}
.m-newsrooms li{font-size:13px; line-height:1.3; margin:0; padding:5px 11px; border:1px solid var(--rule); border-radius:100px; color:var(--ink-2)}
.a-body > ol.m-steps{list-style:none; margin:6px 0 28px; border-top:2px solid var(--hard)}
.m-steps li{display:grid; grid-template-columns:40px 1fr; gap:10px; margin:0; padding:16px 0; border-bottom:1px solid var(--rule)}
.m-steps .k{font-family:"JetBrains Mono",monospace; font-size:12px; font-weight:500; padding-top:3px}
.m-steps b{display:block; font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:22px; line-height:1.2; margin-bottom:4px}
.m-steps p{font-size:16px; line-height:1.6; color:var(--ink-2)}
.m-factors{display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--hard); border-bottom:1px solid var(--hard); margin:6px 0 28px}
.m-factors > div{padding:12px 12px 12px 0}
.m-factors > div + div{border-left:1px solid var(--rule); padding-left:12px}
.m-factors dt{font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink); font-weight:500}
.m-factors dd{font-size:13px; line-height:1.45; color:var(--ink-2); margin-top:6px}
.a-body figure.m-hist{margin:10px 0 28px}
.m-hist .cols{display:grid; grid-template-columns:repeat(11,1fr); gap:6px; height:170px; align-items:end; border-bottom:1px solid var(--hard); padding-top:18px}
.m-hist .hb{display:flex; flex-direction:column; justify-content:flex-end; height:100%}
.m-hist .col{background:var(--grey-bar); border-radius:2px 2px 0 0; position:relative; min-height:2px}
.m-hist .hb.hi .col{background:var(--ink)}
.m-hist .col span{position:absolute; top:-18px; left:0; right:0; text-align:center; font-family:"JetBrains Mono",monospace; font-size:10px; color:var(--ink-2)}
.m-hist .x{font-family:"JetBrains Mono",monospace; font-size:11px; text-align:center; padding:6px 0 4px; color:var(--ink-2)}
.m-hist .hb.hi .x{font-weight:700; color:var(--ink)}
.a-body .m-hist figcaption{display:flex; justify-content:space-between; gap:20px; font-family:"JetBrains Mono",monospace; font-size:10.5px; color:var(--mute); margin-top:8px}
.m-hist figcaption b{color:var(--ink); font-weight:500}
.m-who{margin-top:44px; border-top:2px solid var(--hard); padding-top:22px}
.m-who h2{font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:30px; line-height:1.2; letter-spacing:-.01em; margin:0 0 16px}
.m-who p{font-size:18px; line-height:1.72; color:#1C1C1F; margin-bottom:24px}
.m-body a{color:var(--ink)}
.m-lab{font-family:"JetBrains Mono",monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--mute); margin-bottom:8px}
.m-facts > div{display:flex; justify-content:space-between; gap:16px; padding:10px 0; border-bottom:1px solid #F1F1F3; font-size:13px}
.m-facts dt{color:var(--mute)}
.m-facts dd{font-weight:500; text-align:right}
.m-fix{margin-top:30px; border-left:3px solid var(--mark); background:#FFFBE3; padding:16px 18px}
.m-fix h4{font-family:"Instrument Serif",Georgia,serif; font-weight:400; font-size:20px; margin-bottom:6px}
.m-fix p{font-size:13px; line-height:1.6; color:var(--ink-2)}
.m-fix a{color:var(--ink)}

@media (max-width:960px){
  .m-head{grid-template-columns:1fr; gap:24px}
  .m-toc{border-left:none; padding-left:0}
}
@media (max-width:560px){
  .m-head{padding:28px 0 22px; gap:22px}
  .m-head h1{font-size:40px}
  .m-dek{font-size:16px}
  .m-counts{grid-template-columns:1fr}
  .m-counts > div + div{border-left:none; border-top:1px solid var(--rule); padding-left:0}
  .m-factors{grid-template-columns:1fr 1fr}
  .m-factors > div{border-left:none !important; padding-left:0 !important; border-bottom:1px solid var(--rule)}
  .m-hist .cols{height:130px; gap:3px}
  .a-body .m-hist figcaption{flex-direction:column; gap:4px}
  .m-who p{font-size:17px; line-height:1.7}
  .m-who h2{font-size:26px}
}