/* ==================================================================
   weekly-v2.css — the news-desk design for /blog/weekly/ issues.

   Loaded after post-v2.css (tokens, tools, dark mode, shell) and
   weekly.css (the item format). An issue reads like a broadcast:
   a masthead with the issue number, a headline ticker, a sticky
   channel bar with per-section progress, ranked top stories, and
   story cards that tick themselves off as you read.
   Everything works without JavaScript; motion only enhances.
   ================================================================== */

.wk2{--wk-ink:#04110d;--wk-ink-2:#0b1f19;--wk-live:#34d399;--wk-hot:#fb7185;--wk-desk-h:60px;--wk-top:88px}
.wk2 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------------- masthead ---------------- */
.wk2-mast{position:relative;margin:14px auto 0;width:min(100% - 24px,1240px);border-radius:34px;overflow:hidden;
  background:var(--wk-ink);color:#e7f5ef;isolation:isolate;box-shadow:0 50px 90px -60px rgba(2,20,14,.7)}
.wk2-mast__sky{position:absolute;inset:0;z-index:-1;overflow:hidden}
.wk2-mast__sky i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:wkDrift 18s ease-in-out infinite alternate}
.wk2-mast__sky i:nth-child(1){width:520px;height:520px;left:-120px;top:-220px;background:#10b981}
.wk2-mast__sky i:nth-child(2){width:420px;height:420px;right:-80px;top:-120px;background:#0ea5e9;opacity:.35;animation-delay:-6s}
.wk2-mast__sky i:nth-child(3){width:460px;height:460px;left:40%;bottom:-300px;background:#a3e635;opacity:.25;animation-delay:-11s}
.wk2-mast__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 30% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 30% 0%,#000 20%,transparent 75%)}
@keyframes wkDrift{to{transform:translate3d(60px,40px,0) scale(1.15)}}
.wk2-mast__in{padding:26px clamp(20px,4vw,56px) 34px}
.wk2-crumbs{justify-content:flex-start}
.wk2 .wk2-crumbs,.wk2 .wk2-crumbs a{color:rgba(231,245,239,.62)}
.wk2 .wk2-crumbs a:hover{color:#fff}
.wk2-flag{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}
.wk2-flag__name{font:800 15px var(--p-sans);letter-spacing:.2em;text-transform:uppercase;color:#fff}
.wk2-flag__name b{color:var(--wk-live)}
.wk2-flag__live{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);
  font:600 12px var(--p-mono);letter-spacing:.08em;text-transform:uppercase;color:#cfeee2}
.wk2-flag__live i{width:8px;height:8px;border-radius:50%;background:var(--wk-hot);box-shadow:0 0 0 0 rgba(251,113,133,.7);animation:wkPulse 1.8s infinite}
@keyframes wkPulse{70%{box-shadow:0 0 0 10px rgba(251,113,133,0)}100%{box-shadow:0 0 0 0 rgba(251,113,133,0)}}
.wk2-mast__row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:clamp(18px,4vw,48px);margin-top:26px}
.wk2-issue{margin:0;display:flex;flex-direction:column;line-height:.8}
.wk2-issue__lbl{font:600 12px var(--p-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--wk-live);margin-bottom:8px}
.wk2-issue__n{display:inline-flex;font:800 clamp(110px,17vw,230px)/.8 var(--p-sans);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.85);
  background:linear-gradient(180deg,#fff 0%,var(--wk-live) 100%);-webkit-background-clip:text;background-clip:text}
.wk2-issue__n .d{display:inline-block;overflow:hidden;height:1em;line-height:1;vertical-align:top;margin:-.1em 0}
.wk2-issue__n .d>span{display:flex;flex-direction:column;animation:wkOdo 1.6s var(--p-ease) both}
@keyframes wkOdo{from{transform:translateY(0)}to{transform:translateY(calc(var(--to) * -1em))}}
.wk2-issue__n .d>span>span{height:1em;line-height:1}
.wk2-range{margin:0 0 10px;font:600 13px var(--p-mono);letter-spacing:.12em;text-transform:uppercase;color:#9fd9c3}
.wk2-mast h1{margin:0;font:800 clamp(30px,4.2vw,56px)/1.04 var(--p-sans);letter-spacing:-.04em;color:#fff;text-wrap:balance}
.wk2-mast h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.wk2-mast h1 .w>span{display:inline-block;animation:p2Up 1s var(--p-ease) both}
.wk2-mast .standfirst{max-width:860px;margin:24px 0 0;font:400 clamp(18px,1.7vw,22px)/1.55 var(--p-serif);color:#bcd9cd;text-wrap:pretty}
.wk2-mast__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;margin-top:28px}
.wk2-mast .byline{display:inline-flex;align-items:center;gap:12px;padding:8px 18px 8px 8px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.wk2-mast .byline img{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover}
.wk2-mast .byline__who{display:flex;flex-direction:column;font:500 14px var(--p-sans);color:#e7f5ef}
.wk2-mast .byline__who a{color:#fff;text-decoration:none}
.wk2-mast .byline__who small{font-size:12.5px;color:#9fbfb2}
.wk2-stats{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.wk2-stats>div{min-width:92px;padding:10px 16px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.wk2-stats dt{font:600 11px var(--p-mono);letter-spacing:.12em;text-transform:uppercase;color:#8fb5a6}
.wk2-stats dd{margin:4px 0 0;font:800 26px/1 var(--p-sans);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.wk2-stats__read dd b{color:var(--wk-live)}
.wk2-stats__read dd{font-size:22px;color:#8fb5a6}

/* evidence split: how much of the week is confirmed */
.wk2-ev{margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
.wk2-ev__h{display:flex;justify-content:space-between;gap:10px;margin:0 0 10px;font:600 12px var(--p-mono);letter-spacing:.1em;text-transform:uppercase;color:#8fb5a6}
.wk2-ev__bar{display:flex;height:10px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08)}
.wk2-ev__bar i{display:block;height:100%;transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--p-ease)}
.wk2-ev.-in .wk2-ev__bar i{transform:none}
.wk2-ev__bar i:nth-child(2){transition-delay:.12s}.wk2-ev__bar i:nth-child(3){transition-delay:.24s}.wk2-ev__bar i:nth-child(4){transition-delay:.36s}
.wk2-ev__keys{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.wk2-ev__keys button{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;
  font:600 13px var(--p-sans);color:#d7ece3;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.wk2-ev__keys button:hover{background:rgba(255,255,255,.08);transform:translateY(-1px)}
.wk2-ev__keys button[aria-pressed="true"]{background:#fff;color:var(--wk-ink);border-color:#fff}
.wk2-ev__keys b{font-variant-numeric:tabular-nums}
.wk2-ev__keys i,.wk2-ev__bar i{--c:#94a3b8}
.wk2-ev__keys i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.wk2 .-k-confirmed{--c:#34d399;background:var(--c)}.wk2 .-k-reported{--c:#60a5fa;background:var(--c)}
.wk2 .-k-observed{--c:#fbbf24;background:var(--c)}.wk2 .-k-speculation{--c:#fb7185;background:var(--c)}

/* headline ticker */
.wk2-ticker{display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.28)}
.wk2-ticker__lbl{flex:none;align-self:stretch;display:flex;align-items:center;padding:0 18px;background:var(--wk-live);color:var(--wk-ink);
  font:800 11px var(--p-mono);letter-spacing:.16em;text-transform:uppercase}
.wk2-ticker__vp{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.wk2-ticker__track{display:flex;width:max-content;animation:wkTick var(--dur,120s) linear infinite}
.wk2-ticker:hover .wk2-ticker__track,.wk2-ticker:focus-within .wk2-ticker__track{animation-play-state:paused}
.wk2-ticker a{display:inline-flex;align-items:center;gap:12px;padding:14px 22px 14px 0;font:600 14px var(--p-sans);color:#dff3ea;text-decoration:none;white-space:nowrap}
.wk2-ticker a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--wk-live);margin-left:6px}
.wk2-ticker a small{font:600 11px var(--p-mono);letter-spacing:.1em;text-transform:uppercase;color:#7fb8a1}
.wk2-ticker a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
@keyframes wkTick{to{transform:translateX(-50%)}}

/* the cover image sits between the masthead and the desk */
.wk2 .heroFig{width:min(100% - 32px,1000px);margin:30px auto 0}

/* ---------------- the desk: sticky channel bar + controls ---------------- */
.wk2-desk{position:sticky;top:var(--wk-top);z-index:40;margin:28px auto 0;width:min(100% - 24px,1240px);display:flex;align-items:center;gap:10px;padding:8px;
  border-radius:22px;background:color-mix(in srgb,var(--p-paper) 82%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);
  border:1px solid var(--p-line);box-shadow:0 18px 40px -30px rgba(2,20,14,.35);transition:box-shadow .3s,border-radius .3s,top .45s cubic-bezier(.2,.8,.2,1)}
.wk2-desk.-stuck{box-shadow:0 20px 40px -24px rgba(2,20,14,.45)}
.wk2-ch{position:relative;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}
.wk2-ch::-webkit-scrollbar{display:none}
.wk2-ch__list{list-style:none;display:flex;gap:2px;margin:0;padding:0;counter-reset:wkch}
.wk2-ch__list li{flex:none}
.wk2-ch__list a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:14px;font:600 13.5px var(--p-sans);color:var(--p-muted);
  text-decoration:none;white-space:nowrap;transition:color .25s}
.wk2-ch__list a:hover{color:var(--p-head)}
.wk2-ch__list a.-on{color:#fff}
.wk2-ch__list a small{min-width:20px;padding:1px 6px;border-radius:999px;background:var(--p-accent-soft);color:var(--p-accent);font:600 11px/1.5 var(--p-mono);text-align:center;transition:background .25s,color .25s}
.wk2-ch__list a.-on small{background:rgba(255,255,255,.2);color:#fff}
.wk2-ch__list a.-done::after{content:"";position:absolute;right:5px;top:6px;width:6px;height:6px;border-radius:50%;background:var(--wk-live)}
.wk2-ch__list a::before{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:currentColor;opacity:.35;transform:scaleX(var(--p,0));transform-origin:left}
.wk2-ch__ink{position:absolute;z-index:0;top:0;left:0;height:100%;width:0;border-radius:14px;background:var(--wk-ink);opacity:0;
  transition:transform .45s var(--p-ease),width .45s var(--p-ease),opacity .3s}
html[data-theme="dark"] .wk2-ch__ink{background:#10b981}
.wk2-ctl{flex:none;display:flex;align-items:center;gap:8px}
.wk2-view{display:flex;padding:3px;border-radius:14px;background:var(--p-paper-2);border:1px solid var(--p-line)}
.wk2-view button{padding:7px 11px;border:0;border-radius:11px;background:transparent;font:600 13px var(--p-sans);color:var(--p-muted);cursor:pointer}
.wk2-view button[aria-pressed="true"]{background:var(--p-paper);color:var(--p-head);box-shadow:0 2px 8px -3px rgba(2,20,14,.25)}
.wk2-find{position:relative;display:flex;align-items:center}
.wk2-find svg{position:absolute;left:10px;width:15px;height:15px;fill:none;stroke:var(--p-muted);stroke-width:2;pointer-events:none}
.wk2-find input{width:170px;padding:9px 12px 9px 31px;border-radius:14px;border:1px solid var(--p-line);background:var(--p-paper);font:500 13.5px var(--p-sans);color:var(--p-head);
  transition:width .35s var(--p-ease),border-color .2s}
.wk2-find input:focus{outline:0;width:230px;border-color:var(--p-accent)}
.wk2-unread{padding:9px 13px;border-radius:14px;border:0;background:var(--p-accent);color:#fff;font:700 13px var(--p-sans);cursor:pointer;white-space:nowrap;transition:transform .2s,filter .2s}
.wk2-unread:hover{transform:translateY(-1px);filter:brightness(1.08)}
.wk2-unread[disabled]{opacity:.45;cursor:default;transform:none}

/* ---------------- column ---------------- */
.wk2-grid{display:grid;grid-template-columns:minmax(0,1fr);width:min(100% - 32px,800px);margin:34px auto 0;gap:40px}
@media (min-width:1180px){.wk2-grid{width:min(100% - 64px,944px);grid-template-columns:minmax(0,800px) 64px;justify-content:center}}
.wk2-nores{margin:0 0 20px;padding:16px 18px;border-radius:18px;border:1px dashed var(--p-line-2);background:var(--p-paper);font:500 15px var(--p-sans);color:var(--p-muted)}
.wk2-nores button{margin-left:8px;border:0;background:none;color:var(--p-accent);font-weight:700;cursor:pointer;text-decoration:underline}

/* the issue has its own section headers, not the article "Chapter" openers */
.wk2 .post>h2::before{content:"Briefing"}
.wk2 .post>h2#top::before{content:"Ranked"}
.wk2 .post>h2#faq::before{content:"Questions"}
.wk2 .post .box.-tldr{position:relative;overflow:hidden;border-radius:26px;padding:26px 28px 22px;background:linear-gradient(135deg,var(--p-accent-soft),transparent 70%),var(--p-paper);border:1px solid var(--p-line)}
.wk2 .post .box.-tldr li{margin-bottom:.55em}
/* the article template draws this box dark with light text; the issue draws it light, so the text follows */
.wk2 .post .box.-tldr,html[data-theme="dark"] .wk2 .post .box.-tldr{color:var(--p-text);border-color:var(--p-line);box-shadow:0 30px 60px -48px rgba(3,20,15,.45)}
.wk2 .post .box.-tldr strong{color:var(--p-head)}
.wk2 .post .box.-tldr .box__t{color:var(--p-accent)}
.wk2 .post .box.-tldr li::marker{color:var(--p-accent)}

/* the five that matter: ranked cards with oversized numerals */
.wk2 .wk_top{display:grid;gap:12px;margin:0 0 1.2em}
.wk2 .wk_top li{position:relative;margin:0;padding:22px 22px 22px 104px;min-height:96px;border:1px solid var(--p-line);border-radius:24px;background:var(--p-paper);
  font-size:.9em;line-height:1.5;transition:transform .35s var(--p-ease),box-shadow .35s,border-color .35s}
.wk2 .wk_top li:last-child{padding-bottom:22px}
.wk2 .wk_top li:hover{transform:translateY(-3px);border-color:var(--p-accent-2);box-shadow:0 24px 40px -30px rgba(2,20,14,.45)}
.wk2 .wk_top li::before{content:counter(wktop,decimal-leading-zero);left:20px;top:50%;width:auto;height:auto;transform:translateY(-50%);border-radius:0;background:none;display:block;
  font:800 58px/1 var(--p-sans);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--p-accent);opacity:.85}
.wk2 .wk_top li:first-child{background:var(--wk-ink);border-color:var(--wk-ink);color:#cfe7dd}
.wk2 .wk_top li:first-child::before{-webkit-text-stroke:0;color:var(--wk-live)}
.wk2 .wk_top li:first-child a{color:#fff}
.wk2 .wk_top a{text-decoration:none;color:var(--p-head);background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .4s var(--p-ease)}
.wk2 .wk_top li:hover a{background-size:100% 1px}

/* ---------------- sections as channels ---------------- */
.wk2 .wk_sec{--c:var(--p-accent);position:relative;margin:3.2em 0 0;padding:0;border:0;scroll-margin-top:calc(var(--wk-top) + var(--wk-desk-h) + 24px)}
.wk2 .wk_sec:nth-of-type(6n+2){--c:#0ea5e9}.wk2 .wk_sec:nth-of-type(6n+3){--c:#8b5cf6}.wk2 .wk_sec:nth-of-type(6n+4){--c:#f59e0b}
.wk2 .wk_sec:nth-of-type(6n+5){--c:#ec4899}.wk2 .wk_sec:nth-of-type(6n){--c:#14b8a6}
.wk2 .post .wk_sec>h2{position:sticky;top:calc(var(--wk-top) + var(--wk-desk-h) + 12px);z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0 0 14px;padding:14px 18px;
  border:1px solid var(--p-line);border-radius:20px;background:color-mix(in srgb,var(--p-paper) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  font:800 clamp(22px,2.6vw,28px)/1.15 var(--p-sans);letter-spacing:-.03em;color:var(--p-head);scroll-margin-top:calc(var(--wk-top) + var(--wk-desk-h) + 24px)}
.wk2 .post .wk_sec>h2::before{content:attr(data-ch);display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:30px;padding:0 8px;border-radius:10px;
  background:var(--c);color:#fff;font:700 12px var(--p-mono);letter-spacing:.06em;text-transform:none;margin:0}
.wk2 .post .wk_sec>h2:not([data-ch])::before{display:none}
.wk2 .post .wk_sec>h2::after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;top:auto;width:auto;height:2px;border-radius:2px;background:var(--c);transform:scaleX(var(--p,0));transform-origin:left;transition:none}
.wk2 .wk_sec__n{margin-left:auto;padding:4px 10px;border-radius:999px;background:var(--p-paper-2);font:600 12px var(--p-mono);letter-spacing:.04em;color:var(--p-muted)}
.wk2 .wk_sec__n b{color:var(--c)}

/* a timeline down the left of every section */
.wk2 .wk_sec::after{content:"";position:absolute;left:21px;top:70px;bottom:10px;width:2px;background:linear-gradient(var(--c),transparent);opacity:.25;z-index:-1}

/* ---------------- story cards ---------------- */
.wk2 .item{position:relative;margin:0 0 14px 46px;padding:22px 24px 12px;border:1px solid var(--p-line);border-radius:24px;background:var(--p-paper);
  scroll-margin-top:calc(var(--wk-top) + var(--wk-desk-h) + 96px);transition:border-color .3s,box-shadow .35s,transform .35s var(--p-ease)}
.wk2 .wk_sec>.item:first-of-type{border-top:1px solid var(--p-line)}
.wk2 .item:hover{border-color:color-mix(in srgb,var(--c) 45%,var(--p-line));box-shadow:0 26px 50px -38px rgba(2,20,14,.5)}
.wk2 .item::before{content:"";position:absolute;left:-32px;top:28px;width:14px;height:14px;border-radius:50%;background:var(--p-bg,#fff);border:2px solid var(--c);transition:background .35s,transform .35s var(--p-ease)}
html[data-theme="dark"] .wk2 .item::before{background:#0b1512}
.wk2 .item.-read::before{background:var(--c);transform:scale(1.1)}
.wk2 .item.-read::after{content:"";position:absolute;left:-28px;top:32px;width:6px;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.wk2 .item:target{border-color:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 18%,transparent)}
.wk2 .item>h3{margin:0 0 10px;padding-right:10px;font:750 clamp(19px,1.9vw,23px)/1.3 var(--p-sans);letter-spacing:-.02em;color:var(--p-head);text-wrap:balance}
.wk2 .item__meta{font:500 13px var(--p-sans);gap:8px 10px}
.wk2 .item__meta time{font:600 12px var(--p-mono);color:var(--p-muted)}
.wk2 .item p:not(.item__meta){font-size:.92em}
.wk2 .item .item__why{margin:14px 0 10px;padding:12px 16px;border:0;border-radius:16px;background:color-mix(in srgb,var(--c) 9%,transparent);font:500 15.5px/1.55 var(--p-sans);color:var(--p-text)}
.wk2 .item__why strong{color:var(--c)}
.wk2 .item__fig{margin:4px 0 16px;border-radius:18px;border-color:var(--p-line);background:var(--p-paper-2)}
.wk2 .item__fig img{transition:transform 1.2s var(--p-ease),clip-path 1.1s var(--p-ease);clip-path:inset(0 round 0)}
.wk2 .item__fig figcaption{font:500 12px var(--p-sans);border-color:var(--p-line);background:var(--p-paper)}
.wk2 .item:hover .item__fig img{transform:scale(1.03)}
.wk2 .wk_quiet{margin:0 0 14px 46px;border-radius:18px;border-color:var(--p-line-2);background:var(--p-paper);font:500 15px var(--p-sans)}

/* evidence labels in dark mode */
html[data-theme="dark"] .wk2 .ev{background:var(--p-paper-2);border-color:var(--p-line-2)}
html[data-theme="dark"] .wk2 .ev.-confirmed{color:#6ee7b7;border-color:rgba(52,211,153,.35);background:rgba(16,185,129,.12)}
html[data-theme="dark"] .wk2 .ev.-reported{color:#93c5fd;border-color:rgba(96,165,250,.35);background:rgba(59,130,246,.12)}
html[data-theme="dark"] .wk2 .ev.-observed{color:#fcd34d;border-color:rgba(251,191,36,.35);background:rgba(245,158,11,.12)}
html[data-theme="dark"] .wk2 .ev.-speculation{color:#fda4af;border-color:rgba(251,113,133,.35);background:rgba(244,63,94,.12)}

/* issue navigation as two big cards */
.wk2 .wk_nav{gap:12px;padding:0;border:0;margin-top:2.4em;font:600 15px var(--p-sans)}
.wk2 .wk_nav a{flex:1 1 240px;padding:18px 20px;border-radius:20px;border:1px solid var(--p-line);background:var(--p-paper);color:var(--p-head);text-decoration:none;transition:transform .3s var(--p-ease),border-color .3s}
.wk2 .wk_nav a:hover{transform:translateY(-3px);border-color:var(--p-accent)}
.wk2 .wk-end{margin-top:3em}
.wk2 .p2-end{background:var(--wk-ink);border-color:var(--wk-ink);color:#cfe7dd}
.wk2 .p2-end h2{color:#fff}
.wk2 .p2-end .p2-end__eye{color:var(--wk-live)}
.wk2 .p2-end .p2-btn.-ghost{color:#fff;border-color:rgba(255,255,255,.3)}

/* ---------------- headlines view ---------------- */
[data-wk-view="heads"] .wk2 .item{padding:14px 18px 6px;margin-bottom:8px;border-radius:18px;cursor:pointer}
[data-wk-view="heads"] .wk2 .item>:not(h3):not(.item__meta){display:none}
[data-wk-view="heads"] .wk2 .item>h3{font-size:17px;margin-bottom:6px}
[data-wk-view="heads"] .wk2 .item::before{top:20px}
[data-wk-view="heads"] .wk2 .item.-read::after{top:24px}
[data-wk-view="heads"] .wk2 .item.-open{cursor:auto;padding:22px 24px 12px}
[data-wk-view="heads"] .wk2 .item.-open>:not(h3):not(.item__meta){display:block}
[data-wk-view="heads"] .wk2 .item.-open>h3{font-size:clamp(19px,1.9vw,23px)}
[data-wk-view="heads"] .wk2 .wk_quiet{display:none}

/* filtered out by evidence or search */
.wk2 .item.-out,.wk2 .wk_sec.-empty{display:none!important}
.wk2 .item mark{background:color-mix(in srgb,var(--p-accent) 25%,transparent);color:inherit;border-radius:3px;padding:0 1px}

/* ---------------- motion ---------------- */
.js .wk2 .item.wk2-rv{opacity:0;transform:translateY(26px)}
.js .wk2 .item.wk2-rv.-in{opacity:1;transform:none;transition:opacity .8s var(--p-ease),transform .8s var(--p-ease),border-color .3s,box-shadow .35s}
.js .wk2 .item.wk2-rv .item__fig img{clip-path:inset(0 0 100% 0 round 0)}
.js .wk2 .item.wk2-rv.-in .item__fig img{clip-path:inset(0 round 0)}
.js .wk2 .wk_top li{opacity:0;transform:translateX(-24px)}
.js .wk2 .wk_top.-in li{opacity:1;transform:none;transition:opacity .7s var(--p-ease),transform .7s var(--p-ease),box-shadow .35s,border-color .35s}
.wk2 .wk_top.-in li:nth-child(2){transition-delay:.08s}.wk2 .wk_top.-in li:nth-child(3){transition-delay:.16s}
.wk2 .wk_top.-in li:nth-child(4){transition-delay:.24s}.wk2 .wk_top.-in li:nth-child(5){transition-delay:.32s}
.wk2 .wk_top.-in li:hover{transition-delay:0s}

/* ---------------- small screens ---------------- */
@media (max-width:900px){
  .wk2-desk{flex-wrap:wrap;border-radius:20px}
  .wk2-ctl{width:100%}
  .wk2-find{flex:1}.wk2-find input,.wk2-find input:focus{width:100%}
  .wk2 .post .wk_sec>h2{top:calc(var(--wk-top) + var(--wk-desk-h) + 8px)}
}
@media (max-width:640px){
  .wk2-mast{width:calc(100% - 16px);border-radius:26px;margin-top:8px}
  .wk2-mast__in{padding:20px 18px 26px}
  .wk2-flag__name{font-size:13px;letter-spacing:.14em}
  .wk2-mast__row{grid-template-columns:minmax(0,1fr);gap:14px}
  .wk2-issue{flex-direction:row;align-items:flex-end;gap:10px}
  .wk2-issue__lbl{margin-bottom:10px}
  .wk2-issue__n{font-size:96px}
  .wk2-stats{width:100%}.wk2-stats>div{flex:1 1 40%;min-width:0}
  .wk2-desk{width:calc(100% - 16px);padding:6px;gap:6px}
  .wk2-ctl{gap:6px}.wk2-view button{padding:7px 9px}.wk2-unread{padding:9px 10px}
  .wk2-unread span{display:none}
  .wk2-grid{width:calc(100% - 24px);margin-top:24px}
  .wk2 .item,.wk2 .wk_quiet{margin-left:0;padding:18px 16px 8px;border-radius:20px}
  .wk2 .item::before{left:auto;right:14px;top:18px;width:12px;height:12px}
  .wk2 .item.-read::after{left:auto;right:17px;top:21px;width:5px;height:2.5px}
  .wk2 .wk_sec::after{display:none}
  .wk2 .item>h3{padding-right:22px}
  .wk2 .wk_top li{padding:18px 16px 18px 76px}
  .wk2 .wk_top li::before{font-size:42px;left:14px}
  .wk2 .post .wk_sec>h2{padding:10px 14px;border-radius:16px}
}

@media (prefers-reduced-motion:reduce){
  .wk2-mast__sky i,.wk2-flag__live i,.wk2-ticker__track{animation:none}
  .wk2-ticker__vp{overflow-x:auto}
  .js .wk2 .item.wk2-rv,.js .wk2 .wk_top li{opacity:1;transform:none}
  .js .wk2 .item.wk2-rv .item__fig img{clip-path:none}
  .wk2-ev__bar i{transform:none}
}
@media print{
  .wk2-desk,.wk2-ticker,.wk2-mast__sky,.wk2-ev{display:none!important}
  .wk2-mast{background:none;color:#000;box-shadow:none}
  .wk2-mast h1,.wk2-mast .standfirst{color:#000}
  .wk2 .item{break-inside:avoid;margin-left:0}
}

/* shared tools dock clears the desk; source links stay at meta size */
@media (min-width:1180px){.wk2 .js .p2-tools,.js .wk2 .p2-tools{top:calc(var(--wk-top) + var(--wk-desk-h) + 16px)}}
.wk2 .item__meta a{font:inherit;color:var(--p-muted)}
.wk2 .item__meta a:hover{color:var(--p-accent)}