/* Ben9 modern article experience — approved 2026-09 */
body.single-post .brand{font-family:'Bricolage Grotesque',var(--sans);font-size:34px;font-weight:800;font-stretch:condensed;line-height:.9;letter-spacing:-3px;transform:skew(-7deg);text-transform:lowercase}body.single-post .brand b{display:inline-block;font-size:1.14em;transform:translateY(1px) skew(7deg)}body.single-post .ticker{display:none}
.reading-progress{position:fixed;z-index:100;top:0;left:0;right:0;height:3px;pointer-events:none}.reading-progress span{display:block;width:100%;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left center;will-change:transform;box-shadow:0 0 12px rgba(231,70,45,.45)}
.modern-article-hero{padding:30px 0 0;background:var(--paper)}
.modern-article-card{min-height:560px;border-radius:28px;overflow:hidden;background:#141412;color:#fff;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);position:relative}
.modern-article-copy{padding:55px 54px;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2;min-width:0}
.article-breadcrumb{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#aaa79f;display:flex;gap:7px;flex-wrap:wrap}.article-breadcrumb a:hover{color:#fff}
.modern-category{display:inline-flex;align-items:center;width:max-content;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:0 0 0 1px rgba(255,255,255,.22);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.modern-article-card h1{font:600 clamp(56px,6vw,84px)/.9 'Newsreader',var(--serif);letter-spacing:-4px;max-width:760px;margin:22px 0 18px;text-wrap:balance;overflow-wrap:anywhere}
.modern-article-deck{font-size:19px;line-height:1.5;color:#d7d5cf;max-width:560px;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.modern-article-meta{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap;margin-top:28px;color:#c1beb6;font-size:13px}.modern-author{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600}.modern-avatar{width:30px;height:30px;border-radius:50%;background:var(--red);display:grid;place-items:center;font-size:11px;font-weight:800}.modern-updated{color:#aaa79f}
.modern-article-art{position:relative;min-height:560px;margin:0;overflow:hidden}.modern-article-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.modern-article-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#141412 0%,transparent 34%),linear-gradient(180deg,transparent 58%,rgba(20,20,18,.7))}.modern-nine{position:absolute;right:25px;top:25px;z-index:2;width:62px;height:62px;border-radius:19px;background:var(--red);display:grid;place-items:center;color:#111;font:800 38px/1 'Bricolage Grotesque',var(--sans);transform:rotate(7deg);box-shadow:8px 8px 0 #d6f84d}
.modern-article-layout{padding-top:58px;padding-bottom:80px;display:grid;grid-template-columns:minmax(0,730px) 280px;justify-content:center;gap:82px;align-items:start}
.modern-reading-column{min-width:0}.article-modern .article-content{font:20px/1.76 'Newsreader',var(--serif);min-width:0}.article-modern .article-content>p:first-child{font-size:28px;line-height:1.48;letter-spacing:-.35px}.article-modern .article-content p{margin-top:0;margin-bottom:1.45em;text-wrap:pretty}.article-modern .article-content h2{font:800 40px/1 'Bricolage Grotesque',var(--sans);letter-spacing:-1.8px;margin:1.7em 0 .65em}.article-modern .article-content h3{font:750 29px/1.08 'Bricolage Grotesque',var(--sans);letter-spacing:-1px}.article-modern .article-content blockquote{margin:44px 0;padding:27px 0;border-left:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font:600 35px/1.12 'Newsreader',var(--serif);letter-spacing:-.8px;position:relative}.article-modern .article-content blockquote:after{content:'09';position:absolute;right:0;top:10px;font:800 11px/1 var(--sans);letter-spacing:.12em;color:var(--red)}.article-modern .article-content img{border-radius:20px}.article-modern .article-content a{text-decoration-color:var(--red);text-decoration-thickness:.08em;text-underline-offset:.16em}
.article-partner-card{display:grid;grid-template-columns:46px minmax(0,1fr) 36px;gap:13px;align-items:center;margin-top:38px;padding:15px 16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--card),rgba(214,248,77,.12));box-shadow:0 12px 34px rgba(20,20,18,.05)}.article-partner-mark{width:46px;height:46px;border-radius:14px;background:var(--ink);color:#d6f84d;display:grid;place-items:center;font:800 20px/1 var(--sans)}.article-partner-copy{display:block;min-width:0}.article-partner-copy small{display:block;margin-bottom:5px;color:var(--red);font:800 9px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase}.article-partner-copy strong{display:block;font:700 15px/1.25 var(--sans)}.article-partner-copy a,.article-partner-copy u{color:var(--ink);text-decoration:none!important}.article-partner-copy a:hover{color:var(--red)}.article-partner-arrow{width:34px;height:34px;border-radius:50%;background:#d6f84d;display:grid;place-items:center;font-weight:800}.article-partner-card:has(a:hover){border-color:rgba(20,20,18,.35);transform:translateY(-1px)}.article-partner-card.is-empty{background:var(--card);box-shadow:none;border-style:dashed}.article-partner-card.is-empty .article-partner-mark{background:#ebe8df;color:var(--muted)}.article-partner-card.is-empty .article-partner-copy strong{color:var(--muted);font-weight:600}.article-partner-card.is-empty .article-partner-arrow{background:#ebe8df;color:var(--muted)}
.article-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:38px;padding-top:22px;border-top:1px solid var(--line)}.article-action{min-height:44px;border-radius:999px;padding:0 16px;background:transparent;border:1px solid var(--line);color:var(--ink);font:700 12px var(--sans);display:flex;align-items:center;gap:7px;cursor:pointer}.article-action:first-child{background:var(--ink);color:#fff;border-color:var(--ink)}.article-action:hover{transform:translateY(-1px)}.article-action[aria-pressed=true]{background:#d6f84d;border-color:#d6f84d;color:#111}.article-action-status{min-height:20px;margin:8px 0 0!important;color:var(--muted);font:12px/1.4 var(--sans)!important}
.modern-post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:35px}.modern-post-nav a{padding:18px;border-radius:18px;background:var(--card);box-shadow:0 0 0 1px rgba(0,0,0,.08);text-decoration:none!important}.modern-post-nav small{display:block;color:var(--red);font:700 10px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}.modern-post-nav strong{display:block;margin-top:9px;font:600 20px/1.08 'Newsreader',var(--serif)}
.article-modern .author-box{margin-top:38px}.modern-article-aside{position:sticky;top:105px;align-self:start}.modern-aside-label{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--red);font-weight:700}.article-toc{border-top:1px solid var(--ink);padding-top:13px}.article-toc [data-toc-links]{margin-top:8px}.article-toc a{display:block;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.article-toc a.is-active{color:var(--ink);font-weight:700}
.modern-reader-card{width:100%;margin-top:18px;padding:18px;text-align:left;border:0;border-radius:18px;background:var(--card);box-shadow:0 0 0 1px rgba(0,0,0,.08);cursor:pointer;color:var(--ink)}.modern-reader-card strong{display:block;font:750 18px/1 var(--sans)}.modern-reader-card span{display:block;margin-top:8px;color:var(--muted);font:12px/1.45 var(--sans)}.modern-related{margin-top:25px;border-top:1px solid var(--ink);padding-top:13px}.modern-related>a{display:block;padding:15px 0;border-bottom:1px solid var(--line)}.modern-related small{display:block;color:var(--muted);font-size:11px}.modern-related strong{display:block;font:600 19px/1.12 'Newsreader',var(--serif);margin-top:5px}
body.article-focus .site-header,body.article-focus .ticker,body.article-focus .modern-article-hero,body.article-focus .modern-article-aside,body.article-focus .site-footer,body.article-focus .community,body.article-focus .comments-wrap{display:none!important}body.article-focus .modern-article-layout{display:block;max-width:780px;padding-top:55px}body.article-focus .modern-reading-column{max-width:680px;margin:auto}body.article-focus .article-content{font-size:22px}body.article-focus .article-reader{position:fixed;z-index:80;right:18px;bottom:18px;background:#d6f84d}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
@media(max-width:900px){.modern-article-card{grid-template-columns:minmax(0,1fr) minmax(310px,.72fr)}.modern-article-copy{padding:45px 38px}.modern-article-layout{grid-template-columns:minmax(0,680px);gap:45px}.modern-article-aside{position:static}.article-toc{display:none}.modern-related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:0}.modern-related>.modern-aside-label{grid-column:1/-1}.modern-related>a{border:1px solid var(--line);border-radius:14px;padding:14px}}
@media(max-width:620px){.reading-progress{height:2px}body.single-post .top{min-height:66px}body.single-post .tools{gap:8px}body.single-post .search-toggle,body.single-post .menu-toggle{display:grid;width:42px;height:42px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 1px rgba(0,0,0,.12)}.modern-article-hero{padding-top:12px}.modern-article-card{display:flex;flex-direction:column;min-height:0;width:calc(100% - 24px);border-radius:24px}.modern-article-copy{padding:24px 20px 26px;order:2}.modern-article-art{height:250px;min-height:250px;order:1}.modern-article-art:after{background:linear-gradient(180deg,transparent 45%,#141412 100%)}.modern-nine{width:48px;height:48px;border-radius:15px;font-size:29px;right:16px;top:16px;box-shadow:6px 6px 0 #d6f84d}.article-breadcrumb{margin-bottom:15px;font-size:10px}.modern-article-card h1{font-size:46px;line-height:.92;letter-spacing:-2.6px;margin:16px 0 13px}.modern-article-deck{font-size:16px;line-height:1.45;-webkit-line-clamp:3}.modern-article-meta{font-size:12px;margin-top:20px}.modern-article-layout{display:block;padding:38px 20px 65px}.article-modern .article-content{font-size:18px;line-height:1.72}.article-modern .article-content>p:first-child{font-size:23px;line-height:1.45}.article-modern .article-content h2{font-size:32px}.article-modern .article-content h3{font-size:25px}.article-modern .article-content blockquote{font-size:29px;margin:34px 0}.article-actions{flex-wrap:wrap;overflow:visible;padding-bottom:0}.article-action{white-space:nowrap;flex:0 0 auto}.modern-post-nav{grid-template-columns:1fr}.modern-article-aside{margin-top:46px}.modern-related{grid-template-columns:1fr}.modern-reader-card{display:none}body.article-focus .modern-article-layout{padding:32px 20px}body.article-focus .article-content{font-size:19px}}
@media(max-width:350px){.modern-article-card h1{font-size:40px}.modern-article-art{height:220px;min-height:220px}.modern-article-copy{padding:22px 18px}.modern-article-meta{display:grid;grid-template-columns:auto 1fr}.modern-author{grid-column:1/-1}}
@media(prefers-reduced-motion:no-preference){.modern-article-card{animation:article-rise .5s ease-out both}.modern-nine{animation:nine-float 5s ease-in-out infinite}@keyframes article-rise{from{opacity:0;transform:translateY(12px)}}@keyframes nine-float{50%{transform:translateY(-7px) rotate(4deg)}}}
@media(prefers-reduced-motion:reduce){.modern-article-card,.modern-nine,.article-action{animation:none!important;transition:none!important}}