/* What's new: header bell + the dispatch card. Paper and one ink, as the site. */
.wn{--wn-ink:#180b51;--wn-paper:#FAFAF7;--wn-mute:#665e7b;--wn-rule:#d7d2e5;--wn-ease:cubic-bezier(.16,1,.3,1)}
.qh-new{position:relative;display:flex;align-items:center;gap:8px;flex:none;min-height:44px;padding:0 12px;border:1px solid var(--qh-paper,#180b51);background:none;color:var(--qh-paper,#180b51);font:500 15px/1 'Author','Author Fallback',system-ui,sans-serif;cursor:pointer;white-space:nowrap;transition:background-color .15s ease}
.qh-new:hover{background:rgba(24,11,81,.06)}
.qh-new svg{width:18px;height:18px;display:block;flex:none;transform-origin:50% 8%}
.qh-new.ring svg{animation:wn-ring 1.1s var(--wn-ease,ease) 1}
@keyframes wn-ring{0%{transform:rotate(0)}12%{transform:rotate(16deg)}28%{transform:rotate(-12deg)}44%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}76%{transform:rotate(2deg)}100%{transform:rotate(0)}}
.qh-new .wn-n{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#180b51;color:#FAFAF7;font:600 11px/18px 'Author','Author Fallback',sans-serif;text-align:center;box-shadow:0 0 0 2px #FAFAF7;font-variant-numeric:tabular-nums}
.qh-new .wn-n[hidden]{display:none}
@media(max-width:1320px){.qh-new .wn-l{display:none}.qh-new{width:44px;padding:0;justify-content:center}}
/* 23.10: below 393 px the phone header has no room for the bell (393 px min-content with it); the card still opens for a major entry */
@media(max-width:392px){.qh-new{display:none}}
/* 23.10: from 1100 px the full nav returns and leaves 70 px; the bell needs 7 more until 1120 */
@media(min-width:1100px) and (max-width:1119px){.qh-new{display:none}}
@media (prefers-reduced-motion:reduce){.qh-new.ring svg{animation:none}}

.wn-back{position:fixed;inset:0;z-index:90;background:rgba(15,6,64,.34);opacity:0;transition:opacity .28s var(--wn-ease)}
.wn-open .wn-back{opacity:1}
.wn a{color:inherit}
.wn .wn-x{position:absolute;top:14px;right:14px;width:40px;height:40px;display:grid;place-items:center;border:0;background:none;color:inherit;cursor:pointer;font:300 26px/1 'Author',sans-serif}
.wn .wn-x:hover{background:rgba(24,11,81,.06)}
.wn-text{font:400 17px/1.5 'EB Garamond','Garamond Fallback',Georgia,serif;color:#2b2160;text-wrap:pretty;white-space:pre-line}
.wn-meta{font:500 11px/1 'Martian Mono','Martian Fallback',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--wn-mute)}
.wn-more{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font:500 14px/1 'Author',sans-serif;text-decoration:underline;text-underline-offset:4px}
.wn figure{margin:14px 0 0}
.wn figure img{display:block;width:100%;height:auto;border:1px solid var(--wn-ink)}
.wn figcaption{margin-top:6px;font:400 13px/1.4 'Author',sans-serif;color:var(--wn-mute)}
.wn-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 28px;border-top:1px solid var(--wn-rule);font:500 14px/1 'Author',sans-serif}
.wn-foot a{text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.wn-foot a:hover{text-decoration:underline;text-underline-offset:4px}
.wn-foot svg{width:16px;height:16px}
.wn-foot .all{margin-left:auto}

/* b: the dispatch, a centred card that opens on its own once per major change */
.wn-b{position:fixed;z-index:91;left:50%;top:50%;width:min(600px,calc(100vw - 32px));max-height:min(780px,calc(100svh - 48px));display:flex;flex-direction:column;background:var(--wn-paper);color:var(--wn-ink);border:1px solid var(--wn-ink);box-shadow:8px 8px 0 var(--wn-ink);transform:translate(-50%,-46%) scale(.97);opacity:0;transition:transform .36s var(--wn-ease),opacity .22s ease}
.wn-open .wn-b{transform:translate(-50%,-50%);opacity:1}
.wn-b .head{padding:24px 28px 16px;border-bottom:1px solid var(--wn-rule)}
.wn-b .head h2{font:500 26px/1.1 'Author',sans-serif;letter-spacing:-.015em;color:var(--wn-ink);margin:0}
.wn-b .head p{margin-top:6px;font:400 16px/1.3 'EB Garamond',serif;color:var(--wn-mute)}
.wn-b .body{overflow:auto;overscroll-behavior:contain;padding:20px 28px 26px}
.wn-b .hero{position:relative;margin:0 0 18px;border:1px solid var(--wn-ink);overflow:hidden;background:#0b0530;aspect-ratio:16/9}
.wn-b .hero img,.wn-b .hero video{display:block;width:100%;height:100%;object-fit:cover}
.wn-b .hero .ver{position:absolute;left:16px;bottom:14px;font:500 54px/.9 'Author',sans-serif;letter-spacing:-.04em;color:#FAFAF7;text-shadow:0 2px 18px rgba(5,2,26,.6)}
.wn-b .sec{margin-top:22px}
.wn-b .sec:first-of-type{margin-top:0}
.wn-b .sec h3{display:flex;align-items:center;gap:12px;font:600 13px/1.2 'Martian Mono','Martian Fallback',monospace;letter-spacing:.08em;text-transform:uppercase}
.wn-b .sec h3::after{content:'';flex:1;height:1px;background:var(--wn-ink);opacity:.5}
.wn-b .sec .wn-text{margin-top:8px}
.wn-b .sec .wn-meta{margin-top:6px}

@media (max-width:640px){.wn-b{top:auto;bottom:0;left:0;width:100vw;max-height:88svh;transform:translateY(100%);box-shadow:none;border-width:1px 0 0}.wn-open .wn-b{transform:none}}
@media (prefers-reduced-motion:reduce){.wn-b,.wn-back{transition:opacity .15s linear!important}}