@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap');

:root{--bg:#080d16;--line:#263448;--text:#eef2f8;--muted:#aab9c9;--lav:#b4aaff;--gold:#d8bd83}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:var(--bg);font-family:'IBM Plex Sans',Arial,sans-serif}
a{color:inherit}
a:focus-visible{outline:2px solid var(--lav);outline-offset:4px}
.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 13% 28%,#27274999,transparent 31%),radial-gradient(circle at 88% 9%,#17334099,transparent 30%),linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:auto,auto,38px 38px,38px 38px}
.site-header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:0 clamp(20px,3vw,52px);background:#090e18dd;backdrop-filter:blur(16px)}
.brand{font:700 26px 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-decoration:none;white-space:nowrap}
.brand-mark{display:inline-block;width:11px;height:11px;background:var(--gold);margin-right:10px;box-shadow:0 0 16px #d8bd8377}
.header-middle,.header-back{font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.13em}
.header-middle{margin:auto;color:var(--muted)}.header-sep{color:var(--lav);padding:0 9px}
.header-back{text-decoration:none;color:#c4ccda}.header-back:hover{color:var(--lav)}

.reader-layout{display:grid;grid-template-columns:minmax(275px,340px) minmax(0,1fr);gap:clamp(24px,3vw,52px);max-width:1570px;margin:auto;padding:40px clamp(20px,3vw,52px) 65px;align-items:start}
.story-panel{padding:24px 0 0;position:sticky;top:24px}
.signal{display:inline-flex;gap:10px;align-items:center;border:1px solid #65619c;background:#201e3b;padding:10px 12px;color:#e3ddff;font:700 10px 'IBM Plex Mono',monospace;letter-spacing:.1em}
.signal-dot{height:6px;width:6px;background:var(--lav);border-radius:50%;box-shadow:0 0 12px var(--lav);animation:signal 2.4s ease-in-out infinite}.signal-divider{color:#777099}
.issue{font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.14em;color:var(--gold);margin:42px 0 14px}
.story-panel h1{font:700 clamp(52px,4.2vw,68px)/.91 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.016em;margin:0}
.story-panel h1 em{font-style:normal;color:var(--lav)}
.story-deck{font-size:23px;line-height:1.25;font-weight:500;margin:30px 0 16px}
.story-copy{color:#b6c3d1;line-height:1.65;font-size:15px;margin:0;max-width:35ch}
.story-actions{display:grid;gap:11px;margin-top:31px}
.story-actions a{text-decoration:none;font:700 11px 'IBM Plex Mono',monospace;letter-spacing:.06em;padding:15px 16px;display:flex;justify-content:space-between;align-items:center;transition:transform .2s,border-color .2s}
.story-actions a:hover{transform:translateY(-2px)}
.action-primary{background:var(--gold);color:#11131a}.action-secondary{border:1px solid #4f5c73;color:#dddff5}.action-secondary:hover{border-color:var(--lav)}
.pdf-view-link{display:inline-block;margin-top:15px;color:#c9c1ff;text-decoration:none;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.09em}.pdf-view-link:hover{text-decoration:underline}
.story-meta{margin-top:39px;padding-top:23px;border-top:1px solid var(--line);display:grid;gap:11px}
.story-meta span{font:500 10px 'IBM Plex Mono',monospace;letter-spacing:.09em;color:#8190a3;display:flex;justify-content:space-between}
.story-meta b{color:#c7d0df;font-weight:600}

.reader-article{min-width:0;background:#ececf1;color:#191e28;border:1px solid #9498a9;box-shadow:0 30px 80px #0009;padding:clamp(34px,5vw,78px)}
.online-article{max-width:740px;margin:auto;font:17px/1.72 'IBM Plex Sans',Arial,sans-serif}
.online-article::selection,.online-article *::selection{background:#c8c1ff;color:#191827}
.online-article .online-kicker{color:#5a537e;font:700 11px 'IBM Plex Mono',monospace;letter-spacing:.13em;text-transform:uppercase;margin:0 0 23px}
.online-article h2{font:700 clamp(34px,3.2vw,48px)/.98 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:.01em;max-width:24ch;margin:0 0 8px}
.online-article .online-title-sub{font:600 clamp(20px,2.2vw,28px)/1.15 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#6157a4;margin:0 0 20px;max-width:28ch}
.online-article .online-deck{color:#505a69;font-size:20px;line-height:1.4;font-weight:500;margin:0 0 38px;padding-bottom:28px;border-bottom:1px solid #bac0cd}
.online-article p{margin:0 0 22px}
.online-article p.quote{border-left:3px solid #9181d0;padding:8px 0 8px 20px;color:#343744;background:linear-gradient(90deg,#dcd8f4aa,transparent 75%)}
.online-article h3{font:700 25px 'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;margin:42px 0 12px}
.online-article a{color:#484080;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.online-article a:hover{color:#221957;background:#d8d3ff}
.online-article .online-end{border-top:1px solid #bac0cd;padding-top:20px;margin-top:34px;color:#616b78;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.11em}
.site-footer{border-top:1px solid var(--line);padding:26px clamp(20px,3vw,52px);display:flex;gap:26px;color:#76869c;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.1em}
.site-footer span{margin-right:auto}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--lav)}

@keyframes signal{50%{opacity:.3;box-shadow:0 0 2px var(--lav)}}
@media(max-width:920px){.reader-layout{display:block;padding-top:20px}.story-panel{position:static;padding:12px 0 32px}.story-panel h1{font-size:clamp(60px,10vw,100px)}.story-copy{max-width:70ch}.story-actions{display:flex;flex-wrap:wrap}.story-actions a{min-width:220px}.story-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px}.story-meta span{display:block}.story-meta b{display:block;margin-top:4px}}
@media(max-width:620px){.site-header{height:62px}.brand{font-size:22px}.header-middle{display:none}.header-back{margin-left:auto}.story-panel h1{font-size:clamp(50px,17vw,68px)}.story-deck{font-size:20px}.story-actions{display:grid}.story-actions a{min-width:0}.reader-article{padding:25px}.online-article{font-size:16px}.online-article h2{font-size:36px}.online-article .online-title-sub{font-size:22px}.online-article .online-deck{font-size:18px}.site-footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}