/* Layout source: Konity public journal, adapted for Astoik Resonance. */
/* Konity journal: existing palette and typography, generous editorial spacing. */
.staging-bar{background:var(--violet);color:var(--fg);text-align:center;padding:7px 18px;font-size:11px;font-weight:650;letter-spacing:.02em}
.staging-bar span{font-weight:400;margin-left:18px}
.desktop-nav a[aria-current=page]{color:var(--accent-text);text-decoration:underline;text-underline-offset:9px;text-decoration-thickness:2px}
.journal-intro{padding-block:68px 52px;display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:70px}
.journal-intro .display{font-size:clamp(46px,6.3vw,78px);line-height:1.04;margin:18px 0 0}
.journal-period{color:var(--accent-text)}
.journal-intro-copy{max-width:360px;padding-bottom:5px}
.journal-intro-copy p{font-size:17px;line-height:1.7;margin:0 0 14px}
.journal-lead{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.journal-feature{aspect-ratio:1;min-width:0;border-radius:18px;background:var(--panel-alt);overflow:hidden;border:1px solid var(--border)}
.journal-feature-link{text-decoration:none;display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%}
.journal-art{position:relative;aspect-ratio:1.25;background:var(--panel-alt);overflow:hidden;display:grid;place-items:center;isolation:isolate}
.journal-feature .journal-art{aspect-ratio:auto;min-height:0;height:100%}
.art-caption{position:absolute;top:22px;left:24px;font-size:11px;font-weight:600;color:var(--accent-text);z-index:2}
.art-paper{background:var(--white);width:60%;min-height:65%;padding:25px;box-shadow:7px 11px 0 rgba(85,49,232,.07);transform:rotate(-7deg);border:1px solid var(--border);display:flex;flex-direction:column;justify-content:center;gap:12px;transition:transform .2s}
.journal-card-link:hover .art-paper,.journal-feature-link:hover .art-paper{transform:rotate(-3deg) translateY(-3px)}
.art-paper-top{font:750 22px/1 var(--title);letter-spacing:-1px;color:var(--fg)}
.art-paper-top>span{color:var(--accent-text)}
.art-dot{position:absolute;border-radius:50%;width:70px;height:70px;background:var(--white);right:14%;bottom:12%;z-index:-1}
.model-options{display:grid;gap:7px;font-size:13px;font-weight:550;margin-top:12px}
.model-options>span{padding:9px 12px;border:1px solid var(--border);border-radius:3px;display:flex;justify-content:space-between}
.model-options>span:last-child{background:var(--accent-text);color:var(--white);border-color:var(--accent-text);transform:translateX(13px)}
.art-terrain{background:var(--panel-alt)}.art-workspace{background:var(--panel-alt)}.art-charter{background:var(--panel-alt)}.art-funding{background:var(--panel-alt)}.art-workshop{background:var(--panel-alt)}.art-benchmark{background:var(--panel-alt)}
.art-symbol .icon{width:43px;height:43px;color:var(--accent-text)}
.art-line{height:5px;width:90%;background:var(--border)}.art-line.short{width:60%}
.art-check{font-size:9px;color:var(--accent-text);display:flex;align-items:center;gap:5px}.art-check .icon{width:14px;height:14px}
.art-number{font:650 54px/1.2 var(--title);letter-spacing:-3px;color:var(--accent-text)}.art-number+span{font-size:10px}
.art-bars{display:flex;gap:9px;align-items:flex-end;height:95px}.art-bars i{width:22px;height:90%;background:var(--accent-text)}.art-bars i:nth-child(2){height:76%}.art-bars i:nth-child(3){height:64%}.art-bars i:nth-child(4){height:50%}.art-bars i:nth-child(5){height:40%;background:var(--white)}
.journal-feature-copy{padding:20px 26px 17px;background:var(--panel-alt)}
.journal-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--accent-text);font-weight:550}
.journal-meta>span:last-child{color:var(--subtle);white-space:nowrap;font-weight:400}
.journal-feature-copy h2{font:600 clamp(25px,2.6vw,32px)/1.12 var(--title);letter-spacing:-.035em;margin:12px 0 9px}
.journal-feature-copy p{font-size:14px;line-height:1.7;margin:0 0 7px;max-width:430px}
.benchmark{background:var(--accent-text);color:var(--white);border-radius:18px;padding:21px 24px 16px;min-width:0;aspect-ratio:1}
.benchmark-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px}
.benchmark-eyebrow{color:rgba(255,255,255,.86)}.benchmark-live{display:flex;align-items:center;gap:6px;border:1px solid #ffffff36;border-radius:20px;padding:5px 8px;white-space:nowrap}
.benchmark-live i{width:5px;height:5px;border-radius:50%;background:var(--white)}
.benchmark h2{font:550 28px/1.1 var(--title);letter-spacing:-.03em;margin:14px 0 8px;color:var(--white)}
.benchmark-intro{color:rgba(255,255,255,.86);font-size:13px;line-height:1.6;max-width:none;margin:0 0 14px}
.benchmark-columns{display:flex;justify-content:space-between;font-size:10px;color:rgba(255,255,255,.8);padding-bottom:8px;border-bottom:1px solid #ffffff30}
.benchmark-list{list-style:none;padding:0;margin:0}
.benchmark-list li{display:grid;grid-template-columns:22px minmax(0,1fr) 45px;gap:9px;align-items:start;padding:9px 0;border-bottom:1px solid #ffffff25}
.benchmark-rank{font-size:10px;padding-top:3px;color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums}
.benchmark-model{min-width:0}.benchmark-model>strong{font-size:12px;line-height:1.35;display:block;font-weight:550;overflow-wrap:anywhere}
.benchmark-model>span{display:block;color:rgba(255,255,255,.8);font-size:10px;margin-top:4px}
.benchmark-score{font:550 17px/1.3 var(--title);font-variant-numeric:tabular-nums;color:var(--white);text-align:right}
.benchmark-track{height:2px;background:#ffffff20;margin-top:5px;border-radius:3px;overflow:hidden;max-width:180px}
.benchmark-track i{height:100%;background:var(--white);display:block;border-radius:3px}
.benchmark-status{font-size:10px!important;color:rgba(255,255,255,.86)!important;margin:9px 0 3px;line-height:1.5}
.benchmark-release{font-size:10px!important;color:rgba(255,255,255,.86)!important;margin:0 0 12px}
.benchmark-method summary{cursor:pointer;font-size:11px;min-height:30px;color:var(--white)}.benchmark-method p{font-size:11px;color:rgba(255,255,255,.86);line-height:1.6}
.benchmark-source{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #ffffff30;margin-top:4px;padding-top:8px;min-height:34px;color:var(--white);font-size:12px;text-decoration:none}
.benchmark-source:hover{text-decoration:underline}.benchmark-source .icon{width:17px;height:17px}
.benchmark :focus-visible{outline-color:var(--white)}
.journal-articles{padding-block:80px 70px}
.journal-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:27px}
.journal-section-heading h2,.journal-cta h2,.article-related h2{font:600 clamp(29px,3.6vw,44px)/1.12 var(--title);letter-spacing:-.035em;margin:12px 0 0}
.journal-sort{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--subtle);padding-bottom:5px}.journal-sort .icon{width:15px;height:15px}
.journal-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:21px;border-block:1px solid var(--border)}
.journal-filters{display:flex;gap:6px;flex-wrap:wrap}.journal-filters .filter{border-radius:30px;font-size:11px;padding:8px 13px;min-height:40px}
.journal-search{position:relative;display:block;flex:0 1 210px;min-width:170px}.journal-search input{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--white);padding:12px 30px 12px 12px;color:var(--fg);font:inherit;font-size:12px;min-height:44px}.journal-search>span:last-child{position:absolute;right:11px;top:8px;font-size:22px;pointer-events:none;color:var(--accent-text)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.journal-results{font-size:11px;color:var(--subtle);margin:17px 0 23px}
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.journal-card{aspect-ratio:1;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s,transform .2s;background:var(--white);min-width:0}
.journal-card:hover{border-color:var(--accent-text);transform:translateY(-3px)}
.journal-card-link{display:grid;grid-template-rows:minmax(0,1fr) auto;text-decoration:none;height:100%}
.journal-card-body{padding:16px 18px;display:flex;flex-direction:column;flex:1}
.journal-card h3{font:600 21px/1.15 var(--title);letter-spacing:-.025em;margin:10px 0 10px}
.journal-card p{display:none}
.journal-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;border-top:1px solid var(--border);padding-top:10px;font-size:10px;color:var(--subtle)}
.journal-card-bottom .icon{color:var(--accent-text);width:18px;height:18px}
.journal-empty{text-align:center;padding:40px 20px;background:var(--panel-alt);border-radius:12px}
.journal-cta{background:var(--panel-alt);border:1px solid var(--border);padding:40px 48px;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:80px}
.journal-cta p:not(.eyebrow){font-size:14px;margin-bottom:0}.journal-cta .button{flex-shrink:0}
.article-hero{padding-block:30px 0;max-width:1000px}.article-hero>.eyebrow{margin-top:40px}
.article-hero h1{font:600 clamp(36px,5vw,64px)/1.08 var(--title);letter-spacing:-.04em;max-width:920px;margin:19px 0 22px}
.article-deck{max-width:710px;font-size:19px;line-height:1.6}
.article-byline{display:flex;align-items:center;gap:12px;margin:28px 0 38px}.article-avatar{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--accent-text);color:var(--white);font:700 25px var(--title)}
.article-byline>div{display:flex;flex-direction:column;gap:3px}.article-byline strong{font-size:12px;font-weight:550}.article-byline>div>span{font-size:11px;color:var(--subtle)}.mock-label{margin-left:auto;border:1px solid var(--border);border-radius:30px;padding:5px 9px;color:var(--subtle);font-size:10px}
.article-hero>.journal-art{width:100%;min-width:0;aspect-ratio:2.8;border-radius:16px;min-height:260px}.article-hero .art-paper{width:290px;min-height:215px;max-height:280px;padding:24px 34px}.article-hero .art-caption{font-size:13px;left:35px;top:30px}.article-hero .art-dot{width:160px;height:160px;right:23%;bottom:10%}
.article-reading-layout{max-width:1000px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:65px;padding-block:55px 70px;align-items:start}
.article-toc{position:sticky;top:115px;border-left:2px solid var(--border);padding-left:20px;font-size:12px}.article-toc>p{font-weight:650;color:var(--fg);margin:0 0 15px}.article-toc nav{display:grid;gap:14px}.article-toc nav a{color:var(--subtle);text-decoration:none;line-height:1.5}.article-toc nav a:hover{color:var(--accent-text);text-decoration:underline}.article-toc>.text-link{margin-top:22px;font-size:11px;flex-direction:row-reverse;justify-content:flex-end}.article-toc .icon{transform:rotate(180deg);width:16px}
.article-body{min-width:0}.article-mock-note{font-size:12px;color:var(--subtle);border-bottom:1px solid var(--border);padding-bottom:22px;margin-top:0;line-height:1.7}
.article-takeaway{background:var(--panel-alt);padding:25px 28px;border-radius:10px;border-left:3px solid var(--accent-text);margin:27px 0 40px}.article-takeaway>span{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--accent-text);font-weight:600}.article-takeaway p{font:500 22px/1.4 var(--title);margin:12px 0 0;color:var(--fg)}
.article-body>section{margin-bottom:35px}.article-body h2{font:550 31px/1.2 var(--title);letter-spacing:-.03em;margin:0 0 16px}.article-body>section p{font-size:16px;line-height:1.85}.article-body blockquote{font:500 28px/1.35 var(--title);color:var(--accent-text);margin:35px 0;padding:10px 0 10px 26px;border-left:3px solid var(--white)}
.article-next-step{background:var(--accent-text);color:var(--white);padding:30px;border-radius:12px;margin-top:38px}.article-next-step h2{font-size:27px}.article-next-step p{color:rgba(255,255,255,.86);font-size:14px;line-height:1.7}.article-next-step .button{background:var(--white);color:var(--fg);font-size:12px}
.article-share{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;border-top:1px solid var(--border);margin-top:30px;padding-top:20px;font-size:12px;color:var(--subtle)}.article-share button{border:0;background:none;cursor:pointer;font-size:12px;padding:0}.article-share [role=status]{flex-basis:100%}
.article-related{padding-bottom:80px}.article-related h2{margin-bottom:28px}
@media(min-width:981px) and (max-width:1150px){.desktop-nav{gap:16px}.header-inner{gap:16px}.button.header-cta{font-size:11px}.journal-tools{align-items:flex-start}.journal-filters{max-width:570px}}
@media(max-width:980px){.journal-intro{gap:30px;grid-template-columns:1.25fr 1fr}.journal-feature-copy{padding:24px}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-tools{align-items:stretch;flex-direction:column}.journal-search{flex:auto;max-width:350px}.article-reading-layout{gap:30px;grid-template-columns:180px minmax(0,1fr)}.journal-cta{padding:30px}.journal-sort{max-width:155px}}
@media(max-width:700px){.staging-bar span{display:none}.journal-intro{display:block;padding-block:40px 30px}.journal-intro .display{font-size:54px}.journal-intro-copy{margin-top:24px;max-width:420px}.journal-intro-copy p{font-size:15px}.journal-lead{grid-template-columns:1fr}.journal-feature .journal-art{min-height:0}.journal-feature-copy h2{font-size:27px}.benchmark h2 br{display:none}.benchmark-intro{max-width:none}.benchmark-track{max-width:none}.journal-articles{padding-block:50px}.journal-section-heading{align-items:start;flex-direction:column;gap:14px}.journal-sort{max-width:none}.journal-cta{flex-direction:column;align-items:start;margin-bottom:50px}.journal-cta h2{font-size:32px}.journal-card-body{padding:20px}.journal-card h3{font-size:23px}.article-hero{padding-top:22px}.article-hero>.eyebrow{margin-top:28px}.article-hero h1{font-size:42px}.article-deck{font-size:17px}.article-byline{flex-wrap:wrap}.mock-label{margin-left:52px}.article-hero>.journal-art{aspect-ratio:1.5;min-height:240px}.article-hero .art-paper{width:55%;min-height:175px;padding:20px}.article-hero .art-caption{left:20px;top:18px;font-size:10px}.article-hero .art-dot{width:80px;height:80px;right:17%}.article-reading-layout{display:block;padding-block:28px 45px}.article-toc{position:static;padding:18px;background:var(--panel-alt);border:0;border-radius:10px;margin-bottom:30px}.article-toc nav{gap:10px}.article-toc nav a{min-height:30px;display:flex;align-items:center}.article-toc>.text-link{display:none}.article-body h2{font-size:28px}.article-body>section p{font-size:15px}.article-takeaway{padding:23px}.article-related{padding-bottom:50px}}
@media(max-width:480px){.journal-grid{grid-template-columns:1fr}.journal-art{aspect-ratio:1.25}.journal-card h3{font-size:22px}.journal-card p{font-size:14px}.journal-filters{gap:7px}.journal-filters .filter{font-size:11px;padding:8px 12px;min-height:44px}.journal-search{max-width:none}.journal-search input{font-size:16px}.journal-feature-copy{padding:16px 20px}.journal-feature-copy .journal-meta{font-size:10px}.article-hero h1{font-size:37px}.article-hero .art-paper{width:60%}.article-hero .art-dot{right:12%}.article-byline{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.journal-card,.art-paper{transition:none}.journal-card:hover,.journal-card-link:hover .art-paper,.journal-feature-link:hover .art-paper{transform:none}}

/* Compact cards and the illustrated newsletter edition. */
.journal-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:55% 50%}
.journal-card .journal-art{width:100%;height:100%;min-height:0;aspect-ratio:auto}
.journal-card .art-paper{width:56%;min-height:0;gap:7px;padding:15px}
.journal-card .art-caption{top:13px;left:17px;font-size:10px}
.journal-card .art-paper-top{font-size:18px}
.journal-card .art-symbol .icon{width:30px;height:30px}
.journal-card .art-number{font-size:40px}
.journal-card .art-check{display:none}
.journal-card .art-bars{height:60px}
.journal-card .art-dot{width:45px;height:45px}
.journal-card .model-options{font-size:10px;margin-top:2px;gap:4px}
.journal-card .model-options>span{padding:5px 8px}
.journal-card-body{min-width:0}
.journal-feature .text-link{min-height:34px;font-size:13px}
.journal-feature-copy p{font-size:13px;line-height:1.55}
.benchmark-model>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.benchmark-method summary{padding:5px 0;min-height:30px}
.benchmark-intro{margin-bottom:10px}
.newsletter-edition{margin-left:auto;border:1px solid var(--border);border-radius:30px;padding:6px 10px;font-size:11px;color:var(--accent-text)}
.newsletter-cover{margin:0}
.newsletter-cover img{display:block;width:100%;height:auto;aspect-ratio:2.2;object-fit:cover;border-radius:14px}
.newsletter-cover figcaption{font-size:11px;color:var(--subtle);line-height:1.5;margin-top:10px}
.newsletter-period{font-size:12px;color:var(--subtle);margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.newsletter-opening{font-size:18px;line-height:1.75;margin:0 0 42px;color:var(--fg)}
.newsletter-layout .article-toc nav a{display:flex;align-items:baseline;gap:9px}
.newsletter-layout .article-toc nav a>span{color:var(--accent-text);font-size:10px}
.newsletter-story{padding-bottom:30px;border-bottom:1px solid var(--border)}
.newsletter-story-label{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.newsletter-story-label>span{display:grid;place-items:center;background:var(--panel-alt);color:var(--accent-text);width:32px;height:32px;border-radius:8px;font-size:12px;font-weight:600}
.article-body .newsletter-story-label>p{font-size:12px;color:var(--accent-text);font-weight:600;margin:0}
.newsletter-perspective{border-left:3px solid var(--white);padding:12px 17px;margin:22px 0;background:var(--panel-alt)}
.newsletter-perspective>strong{font-size:12px;color:var(--accent-text)}
.newsletter-perspective p{font-size:14px;line-height:1.75;margin:8px 0 0}
.newsletter-source{display:flex;flex-wrap:wrap;align-items:center;gap:7px 18px}
.newsletter-source a{display:inline-flex;align-items:center;gap:7px;min-height:36px;color:var(--accent-text);font-size:13px;font-weight:600;text-decoration:none}
.newsletter-source a:hover{text-decoration:underline}
.newsletter-source .icon,.newsletter-original .icon{width:15px;height:15px}
.newsletter-source>span{font-size:11px;color:var(--subtle)}
.newsletter-ranking{padding-top:12px}
.newsletter-table-wrap{overflow-x:auto;max-width:100%;margin:25px 0 16px;border:1px solid var(--border);border-radius:10px}
.newsletter-table-wrap .table-scroll{margin:0;border:0;border-radius:0}
.newsletter-table-wrap table{border-collapse:collapse;width:100%;min-width:540px;text-align:left}
.newsletter-table-wrap caption{text-align:left;padding:12px 15px;font-size:11px;color:var(--subtle);background:var(--panel-alt)}
.newsletter-table-wrap th,.newsletter-table-wrap td{padding:13px 12px;border-bottom:1px solid var(--border);font-size:12px;line-height:1.5}
.newsletter-table-wrap thead{background:var(--panel-alt);color:var(--accent-text)}
.newsletter-table-wrap tbody th{font-weight:500;min-width:210px}
.newsletter-table-wrap td{font-variant-numeric:tabular-nums;text-align:right}
.newsletter-table-wrap td strong{color:var(--accent-text)}
.newsletter-table-wrap tr:last-child th,.newsletter-table-wrap tr:last-child td{border-bottom:0}
.article-body .newsletter-ranking-note{font-size:12px;line-height:1.7;color:var(--subtle)}
.newsletter-original{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--subtle);min-height:36px;width:max-content}

@media(max-width:700px){.journal-feature{aspect-ratio:1}.journal-feature-copy p{display:none}.journal-feature-copy h2{margin:9px 0 5px}.journal-card{aspect-ratio:1}.journal-card-body{padding:16px 18px}.newsletter-cover img{aspect-ratio:1.5}.newsletter-edition{margin-left:52px}.newsletter-opening{font-size:16px}.newsletter-layout .article-toc nav{gap:5px}.newsletter-story{padding-bottom:25px}.newsletter-source{display:block}.newsletter-source>span{display:block}.article-body .newsletter-story-label>p{font-size:12px}}

/* Equal lead rectangles spanning the blog width, with a compact height. */
.journal-lead .journal-feature,.journal-lead .benchmark{width:100%;aspect-ratio:1;max-height:440px;min-height:0}
.journal-feature-copy{padding:16px 20px 13px}
.journal-feature-copy h2{font-size:27px;margin:10px 0 6px}
.journal-feature-copy p{display:none}
.benchmark{display:flex;flex-direction:column;padding:18px 21px 13px}
.benchmark-live{font:inherit;color:inherit;background:transparent;cursor:pointer;min-height:28px;padding:4px 8px}
.benchmark-live:hover{background:#ffffff15}.benchmark-live:disabled{opacity:.6;cursor:wait}
.benchmark h2{font-size:26px;margin:10px 0 12px}
.benchmark-list{flex:1;min-height:0;display:grid;grid-template-rows:repeat(5,minmax(0,1fr))}
.benchmark-list li{align-items:center;padding:6px 0}
.benchmark-status{min-height:30px;margin:6px 0 0;font-size:10px!important;line-height:1.4}
.benchmark-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #ffffff30;min-height:32px}
.benchmark-help{padding:4px 0;min-height:30px;background:none;border:0;color:rgba(255,255,255,.86);font:inherit;font-size:10px;cursor:pointer;text-align:left}
.benchmark-help:hover{text-decoration:underline}
.benchmark-source{border:0;margin:0;padding:0;min-height:30px;font-size:11px;gap:5px}
.benchmark-method{max-width:540px;width:calc(100% - 40px);max-height:85vh;overflow:auto;background:var(--accent-text);color:var(--white);border:1px solid #ffffff30;border-radius:16px;padding:26px}
.benchmark-method::backdrop{background:rgba(21,21,28,.54)}
.benchmark-method p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.86)}.benchmark-method .benchmark-release{font-size:12px!important}
.benchmark-method form{display:flex;justify-content:flex-end}.benchmark-close{background:transparent;color:var(--white);border:1px solid #ffffff55;border-radius:6px;padding:8px 12px;cursor:pointer;font:inherit;font-size:12px}
@media(max-width:700px){.journal-feature-copy h2{font-size:25px}}
@media(min-width:701px) and (max-width:840px),(max-width:400px){
 .benchmark{padding:12px 14px 8px}.benchmark h2{font-size:22px;margin:6px 0 9px}
 .benchmark-top{font-size:9px}.benchmark-live{min-height:25px}.benchmark-columns{padding-bottom:5px}
 .benchmark-model>strong{font-size:11px;line-height:1.25}.benchmark-list li{padding:4px 0;gap:6px;grid-template-columns:18px minmax(0,1fr) 43px}
 .benchmark-track{display:none}.benchmark-score{font-size:16px}.benchmark-rank{padding:0}
 .benchmark-status{font-size:9px!important;min-height:26px;margin-top:5px}
 .benchmark-footer{min-height:29px}.benchmark-help,.benchmark-source{font-size:10px;min-height:28px}
 .journal-feature-copy h2{font-size:24px}.journal-feature-copy .journal-meta{font-size:10px}
}

.article-body .editorial-citations{font-size:11px;line-height:1.7;margin-top:-10px;color:var(--subtle)}.editorial-citations a{overflow-wrap:anywhere}

.journal-feature-copy h2,.journal-card h3,.article-hero h1,.article-deck,.article-body,.newsletter-cover figcaption{overflow-wrap:anywhere}

/* Fixed newsletter rubrics; subjects share their rubric heading. */
.newsletter-group-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.newsletter-group-heading>span{display:grid;place-items:center;background:var(--panel-alt);color:var(--accent-text);width:32px;height:32px;border-radius:8px;font-size:12px;font-weight:600;flex-shrink:0}
.article-body .newsletter-group-heading h2{font-family:var(--body);font-size:13px;line-height:1.5;font-weight:600;letter-spacing:0;color:var(--accent-text);margin:0}
.article-body .newsletter-story h3{font:550 31px/1.2 var(--title);letter-spacing:-.03em;margin:0 0 16px}
.newsletter-group .newsletter-story{padding:0 0 30px;margin:0}
.newsletter-group .newsletter-story+.newsletter-story{padding-top:30px}
.newsletter-group .newsletter-story:last-child{border-bottom:0;padding-bottom:0}
.article-body>.newsletter-group{padding-bottom:30px;border-bottom:1px solid var(--border);margin-bottom:30px}
.newsletter-inline-image{margin:0 0 25px}.newsletter-inline-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px}
.newsletter-inline-image figcaption{font-size:11px;line-height:1.5;color:var(--subtle);margin-top:9px}
@media(max-width:700px){.article-body .newsletter-story h3{font-size:28px}.newsletter-group-heading{margin-bottom:18px}}


/* Reading actions stay beside the byline; the summary opens in the page flow. */
.newsletter-actions{margin:0 0 22px}.newsletter-action-buttons{display:flex;flex-wrap:wrap;gap:10px}
.newsletter-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 17px;border:1px solid var(--border);border-radius:9px;background:var(--white);color:var(--accent-text);font-size:13px;font-weight:600;transition:background .15s,transform .15s}
.newsletter-action .icon{width:18px;height:18px}.newsletter-action-summary{background:var(--panel-alt)}
.newsletter-action:hover,.newsletter-action[aria-expanded=true]{background:var(--panel-alt)}.newsletter-action:active{transform:scale(.97)}
.newsletter-action:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}.newsletter-action:disabled{opacity:.6}
.newsletter-action-status{font-size:12px;color:var(--accent-text);margin-top:10px}.newsletter-action-status:empty{display:none}
.newsletter-ai-summary{padding:24px;margin:0 0 26px;background:var(--panel-alt);border-left:3px solid var(--white);border-radius:0 12px 12px 0}
.newsletter-ai-summary h2{font-size:25px;line-height:1.2;margin-bottom:10px}.newsletter-summary-note{font-size:12px;color:var(--subtle)}
.newsletter-ai-summary ul{margin:18px 0 0;padding-left:20px;font-size:15px;line-height:1.7;color:var(--secondary)}.newsletter-ai-summary li+li{margin-top:10px}
.newsletter-share-fallback{font-size:12px;margin-top:10px}.newsletter-share-fallback input{display:block;width:100%;max-width:600px;margin-top:6px;padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--white);color:var(--fg)}
.article-share [data-share-article]{min-height:44px;padding:8px 0}
@media(prefers-reduced-motion:reduce){.newsletter-action{transition:none}.newsletter-action:active{transform:none}}
@media(max-width:700px){.newsletter-ai-summary{padding:20px}.newsletter-ai-summary h2{font-size:23px}}

/* Five-link navigation: horizontal home, then animated sticky reading rail. */
.article-hero>.section-shortcuts,.article-hero>.docking-toc-home{margin-top:18px}
.article-hero .section-shortcuts{--shortcuts-columns:5;--shortcuts-color:var(--accent-text);--shortcuts-muted:var(--subtle);--shortcuts-line:var(--border);column-gap:14px}
.article-hero .section-shortcuts a{font-size:12px}
.article-hero:has(.docking-toc-home,.section-shortcuts)+.article-reading-layout{padding-top:30px}
.article-toc.docking-toc-rail{--shortcuts-color:var(--accent-text);--shortcuts-muted:var(--subtle);--toc-surface:var(--white);--toc-active:var(--panel-alt)}
@media(max-width:900px){.article-reading-layout:has(.docking-toc-rail){display:block}.article-hero .section-shortcuts{--shortcuts-columns:3;--shortcuts-mobile-columns:2}.article-hero>.section-shortcuts,.article-hero>.docking-toc-home{margin-top:14px}.article-hero:has(.docking-toc-home,.section-shortcuts)+.article-reading-layout{padding-top:24px}}

/* Inherits the host font. Theme through --shortcuts-* custom properties. */
.section-shortcuts{display:grid;grid-template-columns:repeat(var(--shortcuts-columns,4),minmax(0,1fr));gap:0 18px;border-block:1px solid var(--shortcuts-line,var(--border))}
.section-shortcuts a{box-sizing:border-box;display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 0;color:var(--shortcuts-color,var(--accent-text));font-size:13px;line-height:1.4;font-weight:500;text-decoration:none;overflow-wrap:anywhere}
.section-shortcuts a>span{font-size:10px;color:var(--shortcuts-muted,var(--subtle));font-weight:400}
.section-shortcuts a:hover{text-decoration:underline;text-underline-offset:4px}
.section-shortcuts a:focus-visible{outline:2px solid var(--shortcuts-color,var(--accent-text));outline-offset:2px;border-radius:2px}
@media(max-width:700px){.section-shortcuts{grid-template-columns:repeat(var(--shortcuts-mobile-columns,2),minmax(0,1fr));gap:0 14px}.section-shortcuts a{font-size:12px;gap:7px}}

.docking-toc-home{overflow-anchor:none}
.docking-toc-rail{overflow-anchor:none;position:sticky;align-self:start;z-index:5}
.docking-toc-rail[data-toc-state="home"]{visibility:hidden;pointer-events:none}
.docking-toc-rail[data-toc-state="docked"]{visibility:visible}
.docking-toc-rail nav.section-shortcuts{display:flex;flex-direction:column;gap:2px;border:0;overflow:visible}
.docking-toc-rail nav.section-shortcuts a{position:relative;min-height:40px;padding:9px 7px;font-size:12px;line-height:1.4;border-radius:5px;background:var(--toc-surface,var(--white));color:var(--shortcuts-muted,var(--subtle))}
.section-shortcuts[data-docking-ready] a{position:relative}
.section-shortcuts[data-docking-ready] a[aria-current="location"]{color:var(--shortcuts-color,var(--accent-text));font-weight:600}
.docking-toc-rail nav.section-shortcuts a[aria-current="location"]{background:var(--toc-active,var(--panel-alt))}
.docking-toc-rail nav.section-shortcuts a[aria-current="location"]::before{content:'';position:absolute;left:-22px;top:10px;bottom:10px;width:2px;background:var(--shortcuts-color,var(--accent-text));border-radius:2px}
@media(max-width:900px){.docking-toc-rail{display:none}}

/* Resonance skin: shared palette, Archivo titles and a transparent reading rail. */
.journal-page{--shortcuts-color:var(--accent-text);--shortcuts-muted:var(--subtle);--shortcuts-line:var(--border)}
.journal-page main{overflow:visible}.journal-page .breadcrumb{font-size:11px}
.journal-page .eyebrow{margin-bottom:16px}
.journal-intro .display{font-family:var(--title);font-weight:700;font-size:clamp(43px,5.5vw,73px);letter-spacing:-.055em;line-height:1.05}
.journal-intro .display>span{font-weight:400}
.journal-demo-note{font:10px/1.6 var(--mono)!important;color:var(--subtle);margin-top:18px!important}
.journal-page .text-link{gap:8px}.journal-page .text-link span{display:inline}
.journal-page .journal-feature,.journal-page .journal-card{background:var(--panel);border-color:var(--border)}
.journal-feature-copy{background:var(--panel)}
.journal-page .journal-art{background:radial-gradient(ellipse at 65% 35%,rgba(85,49,232,.16),transparent 65%),var(--panel-alt);color:var(--fg)}
.astoik-editorial-art>.trade-art{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;padding:18px}
.journal-feature .astoik-editorial-art>.trade-art{padding:12px}
.journal-page .journal-card h3{font-size:22px;line-height:1.18}
.journal-page .journal-card .journal-card-bottom{margin-top:18px}
.journal-page .journal-card-bottom>span:last-child{color:var(--accent-text);font-size:18px}
.journal-page .journal-meta{font-family:var(--mono);font-size:10px}
.journal-page .journal-results{font-family:var(--mono);font-size:11px}
.journal-page .journal-filters .filter{border:1px solid transparent;background:none;color:var(--secondary);padding:9px 15px;min-height:44px;cursor:pointer}
.journal-page .journal-filters .filter[aria-pressed=true]{background:var(--violet);color:var(--white)}
.journal-page .journal-filters .filter:hover:not([aria-pressed=true]){background:var(--panel-alt);border-color:var(--border)}
.journal-page .journal-search input{background:var(--panel);border-color:var(--border);color:var(--fg)}
.journal-page .benchmark,.journal-page .benchmark-method,.journal-page .article-next-step{background:var(--violet);color:var(--white)}
.journal-page .benchmark h2{font-family:var(--title);color:var(--white);line-height:1.1}
.journal-page .benchmark-status{font-family:var(--mono);font-size:10px!important}
.journal-page .benchmark-help,.journal-page .benchmark-live,.journal-page .benchmark-source{min-height:40px}
.journal-page .benchmark-model strong{font-size:12px;line-height:1.35}
.journal-page .benchmark-track i{background:rgba(255,255,255,.86)}
.journal-page .benchmark-score{color:var(--white);font-weight:600}
.journal-page .benchmark :focus-visible{outline:2px solid var(--white);outline-offset:3px}
.journal-page .benchmark-method h2{color:var(--white);font-size:30px;margin:22px 0}
.journal-page .benchmark-method::backdrop{background:rgba(21,21,28,.55)}
.article-hero{max-width:1000px;padding-top:36px}.article-hero h1{font-weight:700}
.article-hero .article-deck{color:var(--secondary);max-width:760px}
.article-byline{margin:28px 0}.article-avatar{background:var(--violet);color:var(--white);font-family:var(--title)}
.article-hero>.journal-art{min-height:0;height:clamp(200px,25vw,310px);aspect-ratio:auto;border:1px solid var(--border)}
.article-hero>.journal-art>.trade-art{width:min(100%,620px);padding:10px}
.article-hero .section-shortcuts{--shortcuts-columns:2;--shortcuts-mobile-columns:1}
.article-toc.docking-toc-rail{--toc-surface:transparent;--toc-active:rgba(85,49,232,.07);background:transparent;max-height:none;overflow:visible}
.article-toc nav.section-shortcuts a{min-height:44px}.article-toc>p{font-size:12px;color:var(--fg)}
.article-toc>.text-link{flex-direction:row;gap:8px;justify-content:flex-start}
.article-body>section{scroll-margin-top:24px;padding-top:12px;margin-bottom:42px}
.article-body>section:focus{outline:none}.article-body>section:focus-visible{outline:2px solid var(--violet);outline-offset:8px}
.article-body>section .article-section-number{font:10px/1.6 var(--mono);color:var(--accent-text);margin-bottom:15px}
.article-body>section p{color:var(--secondary);font-size:17px;line-height:1.85}
.article-body h2{font-size:31px;font-weight:600;line-height:1.18}
.article-mock-note{font-family:var(--mono);font-size:10px;line-height:1.6;margin-bottom:25px}
.article-next-step .eyebrow,.article-next-step p,.article-next-step h2{color:var(--white)}
.article-next-step .button{background:var(--white);color:var(--violet);margin-top:20px}
.newsletter-action{font-family:var(--body);background:var(--panel);color:var(--fg);border-color:var(--border)}
.newsletter-action:hover{background:var(--panel-alt)}
.newsletter-ai-summary{border-color:var(--violet)}.newsletter-ai-summary h2{font-size:25px}.newsletter-ai-summary p{font-size:15px}
.journal-page [hidden]{display:none!important}
@media(max-width:900px){.article-hero .section-shortcuts{--shortcuts-columns:2;--shortcuts-mobile-columns:1}.article-reading-layout{max-width:760px}.article-hero{max-width:760px}}
@media(max-width:700px){.journal-intro .display{font-size:clamp(42px,10vw,58px)}.journal-lead .benchmark{max-height:none;aspect-ratio:auto;min-height:440px}.journal-lead .journal-feature{max-height:none;aspect-ratio:auto}.journal-feature .journal-art{height:220px}.journal-feature-copy{padding:20px}.journal-feature-copy h2{font-size:26px}.journal-page .benchmark{padding:22px}.journal-page .benchmark-list li{min-height:52px}.article-hero{padding-top:22px}.article-hero h1{font-size:clamp(35px,8vw,46px)}.article-hero>.journal-art{height:210px}.article-reading-layout{padding-block:30px 45px}.article-body h2{font-size:28px}.article-body>section p{font-size:16px}.journal-page .journal-card{aspect-ratio:auto}.journal-card .journal-art{height:200px}.journal-cta{padding:28px}.journal-page .benchmark-model strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.journal-page{scroll-behavior:auto}.journal-page .journal-card{transition:none}}
html[data-motion=off]{scroll-behavior:auto}
[data-motion=off] .journal-card,[data-motion=off] .newsletter-action{transition:none}

.section-shortcuts a>span{flex:0 0 20px;white-space:nowrap}.article-avatar>.astoik-mark-image{width:24px;height:24px;filter:brightness(0) invert(1)}

/* Long-form guides retain the same reading grid and docking navigation. */
.article-body>p{font-size:17px;line-height:1.85;color:var(--secondary);margin-bottom:32px}
.article-body ul,.article-body ol{padding-left:22px;color:var(--secondary);font-size:16px;line-height:1.85;margin:18px 0 24px}.article-body li+li{margin-top:8px}
.article-body a:not(.button){text-decoration-color:var(--accent-text);text-decoration-thickness:1px;text-underline-offset:4px}.article-body a:not(.button):hover{color:var(--accent-text)}
.article-body>section p+p{margin-top:18px}
.editorial-faq{border-top:1px solid var(--border);padding:16px 0}.editorial-faq:last-child{border-bottom:1px solid var(--border)}
.editorial-faq summary{font:600 16px/1.5 var(--body);color:var(--fg);min-height:44px;padding:10px 24px 10px 0;cursor:pointer}
.article-body .editorial-faq p{font-size:15px;line-height:1.8;padding-bottom:12px}
.article-sources{border-top:1px solid var(--border);margin-top:30px;padding-top:20px}.article-body .article-sources h2{font-size:16px;letter-spacing:0}.article-sources ul{font-size:12px}
.article-byline>div>span{max-width:400px;line-height:1.6}.article-byline strong a{text-underline-offset:4px}
@media(max-width:700px){.article-body>p{font-size:16px}.article-body ul,.article-body ol{font-size:15px}}

/* A single contextual editorial perspective, inspired by Konity's reading notes. */
.astoik-eye{margin:30px 0;border-left:3px solid var(--violet);padding:24px 26px;background:linear-gradient(110deg,rgba(85,49,232,.08),rgba(85,49,232,.025));border-radius:0 12px 12px 0}
.article-body .astoik-eye-label{display:flex;align-items:center;gap:9px;font:500 11px/1.5 var(--mono);letter-spacing:.035em;color:var(--accent-text);margin:0 0 14px}
.astoik-eye-label svg{width:19px;height:19px;fill:none;stroke-width:1.5}
.article-body .astoik-eye h3{font:600 23px/1.25 var(--title);letter-spacing:-.025em;color:var(--fg);margin:0 0 14px;text-wrap:balance}
.article-body .astoik-eye>p:not(.astoik-eye-label):not(.astoik-eye-note){font-size:16px;line-height:1.75;margin:0;color:var(--secondary)}
.article-body .astoik-eye strong{font-weight:600;color:var(--fg)}
.article-body .astoik-eye .astoik-eye-note{font:400 12px/1.65 var(--body);color:var(--subtle);margin:14px 0 0}
.article-body>section{margin-bottom:54px;padding-top:16px}
.article-body>section>p,.article-body>p{max-width:66ch;line-height:1.8}
.article-body>section p+p{margin-top:20px}
.article-body>section>aside+p{margin-top:24px}
.article-body>section h2{margin-bottom:22px;text-wrap:balance}
.article-body>section .editorial-subtitle{font:600 19px/1.35 var(--title);letter-spacing:-.015em;margin:30px 0 12px}
.article-body>section>ul,.article-body>section>ol{margin-block:22px 28px;max-width:64ch;line-height:1.75}
.article-body>section li{padding-left:4px}.article-body>section li+li{margin-top:13px}.article-body>section li::marker{color:var(--accent-text)}
@media(max-width:700px){.astoik-eye{margin-block:26px;padding:21px 20px}.article-body .astoik-eye h3{font-size:21px}.article-body .astoik-eye>p:not(.astoik-eye-label):not(.astoik-eye-note){font-size:15px}.article-body>section{margin-bottom:42px}.article-body>section .editorial-subtitle{font-size:18px}}