/* AiEvent · Classic Soft. Reference layout: brand / centered tabs / contact. */
:root {
  --vi-canvas:#ffffff;
  --surface-material:#ffffff;
  --vi-surface:#ffffff;
  --vi-dialog:#ffffff;
  --vi-ink:#20252d;
  --type-body-color:#424a56;
  --vi-muted:#626b78;
  --vi-text-secondary:#626b78;
  --vi-line:#e3e6eb;
  --soft-raised:12px 12px 28px #e1e4e9,-12px -12px 28px #ffffff;
  --soft-small:5px 5px 13px #e0e4e9,-5px -5px 13px #ffffff;
  --soft-pressed:inset 4px 4px 12px rgba(70,81,100,.13),inset -4px -4px 12px rgba(255,255,255,.98);
  --header-floating:6px 6px 16px rgba(73,85,103,.14),-6px -6px 16px #ffffff;
  --nav-material:var(--surface-material);
  --control-radius:16px;
  --control-edge:2px;
  /* White material with continuous directional illumination, not a grey fill.
     A faint slope links the edge shading to the floor; the highlight sits above. */
  --control-lighting:linear-gradient(135deg,rgba(80,88,104,.025) 0%,rgba(80,88,104,.016) 54%,rgba(80,88,104,0) 88%);
  --control-recess:inset -5px -5px 11px rgba(255,255,255,.80),inset 4px 4px 12px rgba(66,80,101,.14),inset 6px 6px 20px rgba(66,80,101,.035);
  --control-recess-down:inset -5px -5px 11px rgba(255,255,255,.78),inset 5px 5px 13px rgba(66,80,101,.16),inset 7px 7px 20px rgba(66,80,101,.04);
  --header-clearance:118px;
  --header-font-size:var(--type-control);
  /* Semantic roles shared by Day, Week, Model and both detail dialogs. */
  --type-title:32px;
  --type-card:24px;
  --type-section:20px;
  --type-body:16px;
  --type-control:15px;
  --type-meta:13px;
  --type-score:28px;
  --type-hero-score:40px;
}
*{box-sizing:border-box}
html{scrollbar-gutter:stable;background:var(--vi-canvas);color:var(--vi-ink);font-family:var(--vi-font-ui);font-optical-sizing:auto;scroll-padding-top:var(--header-clearance)}
body{margin:0;font-size:var(--type-body);font-weight:400;line-height:1.75}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
p{margin:0}
main:focus{outline:none}
.skip-link{position:fixed;top:-80px;left:24px;padding:12px 20px;border-radius:16px;background:var(--vi-surface);box-shadow:var(--soft-small);z-index:30}
.skip-link:focus{top:16px}
.site-header,main,.site-footer{width:min(1180px,calc(100% - 112px));margin-inline:auto}
.site-header{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;padding-block:20px}
.language-switch{justify-self:start;display:flex;align-items:center;gap:5px;height:58px;font-size:var(--header-font-size);font-weight:500;color:var(--vi-muted)}
.language-switch button{min-width:44px;min-height:44px;padding:0 4px;border:0;background:transparent;font-size:inherit;font-weight:inherit}
.language-switch button[aria-pressed=true],.language-switch button:hover{color:var(--vi-focus)}
.language-switch button:active{transform:none}
/* Sibling of the static header, so only this rail remains pinned. */
nav{position:sticky;top:20px;z-index:20;display:flex;align-items:center;width:max-content;margin:-78px auto 20px;padding:7px;gap:5px;border-radius:23px;background:var(--nav-material);box-shadow:var(--header-floating)}
nav a{display:flex;align-items:center;justify-content:center;min-width:84px;min-height:44px;padding:0 18px;border:0;border-radius:var(--control-radius);background:transparent;color:var(--vi-muted);font-size:var(--header-font-size);font-weight:500;transition:color 220ms var(--vi-motion-ease)}
nav a:hover{color:var(--vi-focus)}
nav a[aria-current=page]{color:var(--vi-focus)}
.contact-control{justify-self:end;border:0;min-height:58px;padding:0;background:transparent;box-shadow:none;font-size:var(--header-font-size);font-weight:500}
.contact-control:hover{color:var(--vi-focus)}
.soft-button:active{box-shadow:var(--soft-pressed)}
main{padding-top:25px}
.cards{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:320px;gap:28px;align-items:stretch}
.card{display:block;min-width:0;min-height:0;scroll-margin-top:var(--header-clearance);border:1px solid #f2f3f6;border-radius:32px;background:var(--vi-surface);box-shadow:var(--soft-raised);transition:box-shadow 320ms var(--vi-motion-ease),transform 320ms var(--vi-motion-ease)}
.card:hover{transform:translateY(-3px);box-shadow:12px 12px 26px #dce1e9,-10px -10px 24px #fff}
.card:active{transform:translateY(0);box-shadow:var(--soft-small)}
.card-inner{height:100%;display:grid;grid-template-rows:auto calc(var(--type-card) * 3) minmax(0,1fr) auto;gap:14px;padding:27px 28px 24px}
.card-top{display:flex;justify-content:flex-end;color:var(--vi-muted);font-size:var(--type-meta);line-height:1.6;font-variant-numeric:tabular-nums}
.card h2{font-size:var(--type-card);font-weight:600;line-height:1.5;letter-spacing:-.4px;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.card[data-format=wide] h2{font-size:var(--type-card);letter-spacing:-.8px;max-width:600px;font-weight:600}
.card[data-format=tall] h2{font-size:var(--type-card);letter-spacing:-.6px;line-height:1.5;font-weight:600}
.card-preview,.card-copy{min-width:0;min-height:0;overflow:hidden}
.card-preview:has(.card-media){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px}
.card .summary{font-size:var(--type-body);line-height:1.85;color:var(--vi-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.card .impact{font-size:var(--type-body);line-height:1.85;margin-top:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.card-copy:has(.impact) .summary{-webkit-line-clamp:2}
.card .impact:empty{display:none}
/* Large cards remain exact multiples of the same row module, including gaps.
   Extra height belongs to the image; text remains a bounded preview. */
.card[data-format=tall] .card-preview:has(.card-media){grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
.card[data-format=tall] .card-media{object-position:center}
.card[data-format=feature] .card-preview:has(.card-media){grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr)}
.card[data-format=feature] .card-media{object-position:center}
.card[data-format=feature] .summary{-webkit-line-clamp:5}
.card[data-format=feature] .card-copy:has(.impact) .summary{-webkit-line-clamp:4}
/* Text cards preserve the complete summary before spending spare height on
   sequential report excerpts. JS sets a line limit only for real overflow. */
.card[data-preview=text] .card-preview{display:block}
.card[data-preview=text] .summary{-webkit-line-clamp:unset}
.card-excerpt{display:none;min-width:0;min-height:0;margin-top:24px}
.card-excerpt-label{display:block;font-size:var(--type-meta);line-height:1.6;color:var(--vi-muted);margin-bottom:8px}
.card-excerpt p{font-size:var(--type-body);line-height:1.85;color:var(--type-body-color);-webkit-box-orient:vertical;overflow:hidden}
.card-excerpt .card-excerpt-continuation{margin-top:14px}
.card-context{margin-top:24px;font-size:var(--type-control);line-height:1.95;color:var(--vi-muted)}
.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;color:var(--vi-muted);font-size:var(--type-meta);line-height:1.6}
.card-bottom>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-open{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--vi-focus)}
.card-open .vi-icon{width:16px;height:16px}
.end-note{margin:35px 0 10px;color:var(--vi-muted);font-size:var(--type-meta);line-height:1.8}
.daily-cards{padding-bottom:40px}
.older-days{display:block;margin:0 auto 32px;padding:12px 20px;min-height:44px;border:0;border-radius:16px;background:transparent;color:var(--vi-muted);font-size:var(--type-meta)}
.older-days:hover{color:var(--vi-focus)}
.site-footer{display:flex;justify-content:space-between;gap:24px;padding:26px 0 36px;margin-top:60px;border-top:1px solid var(--vi-line);color:var(--vi-muted);font-size:var(--type-meta);line-height:1.8}
.loading,.empty{padding:75px 0;color:var(--vi-muted);line-height:1.8}
.empty h1{font-size:var(--type-title);font-weight:600;color:var(--vi-ink)}
.empty button,.soft-button{margin-top:24px;border:0;border-radius:15px;min-height:44px;padding:10px 22px;background:var(--vi-surface);box-shadow:var(--soft-small);font-size:var(--type-control)}
.week-section{margin-top:10px}
.week-section+.week-section{margin-top:42px}
.week-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0 24px}
.week-heading h2{margin:0;font-size:var(--type-section);font-weight:600;letter-spacing:-.3px}
.week-heading>span{flex-shrink:0;color:var(--vi-muted);font-size:var(--type-meta);padding:9px 14px;border-radius:999px;background:var(--vi-surface);box-shadow:var(--soft-pressed)}
.detail{max-width:820px;margin:20px auto 0;padding:32px 42px 40px;border-radius:32px;background:var(--vi-surface);box-shadow:var(--soft-raised)}
.back-row{margin-bottom:26px}
.detail .vi-icon-control{color:var(--vi-focus)}
/* Align the chevron’s painted tip, retaining the full 44px hit target.
   Shared 24-unit glyph: tip 8.5 minus the 1.2-unit round stroke radius. */
:is(.back-row>.vi-icon-control,#contact-dialog .contact-back){justify-content:flex-start}
:is(.back-row>.vi-icon-control,#contact-dialog .contact-back)>.vi-icon{margin-inline-start:calc(var(--vi-icon-small) * -0.3041667)}
.detail h1{font-size:var(--type-title);font-weight:600;line-height:1.5;letter-spacing:-1px;margin:0 0 20px;text-wrap:balance}
.detail-meta{font-size:var(--type-meta);color:var(--vi-muted);margin-bottom:15px;line-height:1.8}
.standfirst{font-size:var(--type-body);line-height:1.85;color:var(--vi-muted)}
.card-media{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:right center;margin:0;border-radius:12px;background:#fff}
.source-figure{margin:30px 0 0;min-width:0}
.detail-media{display:block;width:100%;height:auto;border-radius:12px}
.source-figure figcaption{margin-top:12px;font-size:var(--type-meta);line-height:1.8;color:var(--vi-muted);overflow-wrap:anywhere}
.source-figure figcaption a{color:var(--vi-focus);text-decoration:underline}
.detail-section{margin-top:30px;padding-top:25px;border-top:1px solid var(--vi-line)}
.detail h2{font-size:var(--type-section);font-weight:600;margin:0 0 12px}
.detail-section p{font-size:var(--type-body);line-height:1.95}
.sources{list-style:none;padding:0;margin:0}
.sources li+li{border-top:1px solid var(--vi-line)}
.sources a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 0;min-height:60px}
.sources a:hover{color:var(--vi-focus)}
.sources a>span:first-child{min-width:0}
.sources .vi-icon{flex-shrink:0;color:var(--vi-focus)}
.source-label{font-size:var(--type-body)}
.source-domain{display:block;color:var(--vi-muted);font-size:var(--type-meta);margin-top:5px;overflow-wrap:anywhere}
.interpretation{margin-top:12px;color:var(--vi-muted);font-size:var(--type-meta)!important;line-height:1.9}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px}
.model-page{display:grid;grid-template-columns:168px minmax(0,1fr);column-gap:28px;align-items:start;overflow-anchor:none}
.model-page .toolbar{grid-column:1;grid-row:1 / span 2;position:sticky;top:var(--header-clearance);height:calc(100dvh - 2 * var(--header-clearance));z-index:15;align-self:start;flex-direction:column;justify-content:center;align-items:stretch;gap:18px;padding-bottom:0}
.model-page .filters{flex-direction:column;width:100%}
.model-page .filters button{width:100%;min-width:0;flex:none;min-height:48px;padding-inline:16px}
.model-page .count-note{text-align:center;line-height:1.6}
.model-page .table-wrap{grid-column:2;grid-row:1;min-width:0}
.model-page>.model-method{grid-column:2;grid-row:2;min-width:0}
.filters{display:flex;align-items:center;width:max-content;max-width:100%;gap:5px;padding:7px;border-radius:23px;background:var(--nav-material);box-shadow:var(--header-floating)}
.filters button{flex:1;border:0;min-width:82px;min-height:44px;padding:10px 16px;border-radius:var(--control-radius);box-shadow:none;background:transparent;color:var(--vi-muted);font-size:var(--type-control);font-weight:500;white-space:nowrap}
.filters button:hover{color:var(--vi-focus)}
.filters button[aria-pressed=true]{color:var(--vi-focus)}
nav a,.filters button,.contact-links a{position:relative;isolation:isolate}
nav a::before,.filters button::before,.contact-links a::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:var(--control-lighting);box-shadow:var(--control-recess);opacity:0;transition:opacity 240ms var(--vi-motion-ease),box-shadow 240ms var(--vi-motion-ease)}
/* Feather only the illumination at its junction with the white rail. The four
   quarter circles and two middle strips form one rounded rectangle, not a blur. */
nav a::before,.filters button::before,.contact-links a::before{
  mask:
    radial-gradient(circle at 100% 100%,#000 calc(var(--control-radius) - var(--control-edge)),transparent var(--control-radius)) top left/var(--control-radius) var(--control-radius) no-repeat,
    radial-gradient(circle at 0 100%,#000 calc(var(--control-radius) - var(--control-edge)),transparent var(--control-radius)) top right/var(--control-radius) var(--control-radius) no-repeat,
    radial-gradient(circle at 100% 0,#000 calc(var(--control-radius) - var(--control-edge)),transparent var(--control-radius)) bottom left/var(--control-radius) var(--control-radius) no-repeat,
    radial-gradient(circle at 0 0,#000 calc(var(--control-radius) - var(--control-edge)),transparent var(--control-radius)) bottom right/var(--control-radius) var(--control-radius) no-repeat,
    linear-gradient(to bottom,transparent,#000 var(--control-edge),#000 calc(100% - var(--control-edge)),transparent) center/calc(100% - 2 * var(--control-radius)) 100% no-repeat,
    linear-gradient(to right,transparent,#000 var(--control-edge),#000 calc(100% - var(--control-edge)),transparent) center/100% calc(100% - 2 * var(--control-radius)) no-repeat;
}
nav a[aria-current=page]::before,.filters button[aria-pressed=true]::before,.contact-links a::before{opacity:1}
nav a:active,.filters button:active{transform:none}
/* A navigation press continues into the same latched selection surface. */
nav a:active::before{opacity:1;transition:none}
.filters button:active::before{opacity:1;box-shadow:var(--control-recess-down)}
.count-note{font-size:var(--type-meta);color:var(--vi-muted)}
.table-wrap{padding:24px 28px;border-radius:28px;background:var(--vi-surface);box-shadow:var(--soft-raised);overflow-x:auto}
table{width:100%;border-collapse:collapse;text-align:left;min-width:550px;font-size:var(--type-control);font-variant-numeric:tabular-nums}
caption{text-align:left;color:var(--vi-muted);font-size:var(--type-meta);line-height:1.8;padding:0 0 15px}
th,td{padding:21px 12px;border-bottom:1px solid var(--vi-line)}
th{color:var(--vi-muted);font-size:var(--type-meta);font-weight:400}
th:first-child,td:first-child{padding-left:0;width:64px}
th:last-child,td:last-child{padding-right:0;text-align:right;width:156px}
tbody tr:last-child td{border-bottom:0}
.model-name{font-size:var(--type-body);font-weight:600}
.model-provider{display:none}
.model-evidence{display:block;margin-top:5px;color:var(--vi-muted);font-size:var(--type-meta);white-space:nowrap}
a.model-name{color:inherit;text-decoration:none;font-weight:600}
a.model-name:hover{color:var(--vi-focus);font-weight:600}
.model-method-content section>a{display:block;width:fit-content;margin-block:8px;color:var(--vi-focus)}
.rank{color:var(--vi-muted);font-size:var(--type-control)}
.score{font-size:var(--type-score);font-weight:600;line-height:1.5;letter-spacing:-.6px}
.top-rank .rank,.top-rank .score{color:var(--vi-focus);font-weight:600}
.model-method{margin-top:32px;max-width:760px;color:var(--vi-muted);font-size:var(--type-body);line-height:1.9}
.model-method summary{display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--vi-ink);list-style:none;min-height:44px}
.model-method summary::-webkit-details-marker{display:none}
.model-method summary .vi-icon{width:16px;height:16px;color:var(--vi-focus)}
.model-method summary .vi-icon{transition:transform 300ms var(--vi-motion-ease)}
.model-method[open]:not([data-expanded=false]) summary .vi-icon{transform:rotate(180deg)}
.model-method p{margin-top:15px}
.model-method-content{padding-bottom:8px}
.model-method-content section{margin-top:26px;padding-top:22px;border-top:1px solid var(--vi-line)}
.model-method-content h2{margin:0;color:var(--vi-ink);font-size:var(--type-section);font-weight:600;line-height:1.6}
.model-method-content a{color:var(--vi-focus);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.weekly-method{margin-top:38px}
dialog{width:min(440px,calc(100% - 48px));padding:0;border:1px solid rgba(255,255,255,.5);border-radius:28px;background:var(--vi-surface);color:var(--vi-ink);box-shadow:18px 18px 60px rgba(48,54,64,.2)}
dialog::backdrop{background:rgba(48,54,64,.22);backdrop-filter:blur(5px);opacity:var(--modal-depth,0)}
/* Clip the rounded shell; scroll within an inset viewport, away from its rim. */
dialog{--modal-clearance:48px;--modal-inset:8px;max-height:calc(100dvh - var(--modal-clearance));overflow:hidden;transform-origin:top left}
.event-dialog{width:min(860px,calc(100% - 48px));padding:0;border:1px solid var(--vi-line);}
.event-dialog .detail{max-width:none;margin:0;box-shadow:none;border-radius:inherit;padding:24px 34px 32px}
.modal-content{position:relative;z-index:1;transform:none;margin:var(--modal-inset);max-width:calc(100% - 2 * var(--modal-inset));max-height:calc(100dvh - var(--modal-clearance) - 2 * var(--modal-inset) - 2px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-radius:20px}
.event-dialog .modal-content{scrollbar-gutter:stable}
.modal-content::-webkit-scrollbar{width:10px}
.modal-content::-webkit-scrollbar-track{background:transparent;margin-block:16px}
.modal-content::-webkit-scrollbar-thumb{background:rgba(104,112,125,.32);border:3px solid transparent;background-clip:padding-box;border-radius:999px}
.modal-content::-webkit-scrollbar-thumb:hover{background-color:rgba(104,112,125,.5)}
@supports not selector(::-webkit-scrollbar){.modal-content{scrollbar-width:thin;scrollbar-color:rgba(104,112,125,.32) transparent}}
#contact-dialog .modal-content{padding:24px}
dialog[data-morph-frame]{position:fixed;margin:0;right:auto;bottom:auto;min-width:0;min-height:0;max-width:none;max-height:none;border:0;background:transparent;box-shadow:none;overflow:visible;will-change:transform,opacity}
.morph-surface,.morph-preview{display:none;pointer-events:none}
.morph-viewport{display:contents}
dialog[data-morph-frame] .morph-surface{display:block;position:absolute;inset:0 auto auto 0;border:1px solid var(--vi-line);background:var(--vi-surface);box-shadow:18px 18px 60px rgba(48,54,64,.2);transform-origin:top left;will-change:transform}
dialog[data-morph-frame] .morph-viewport{display:block;position:absolute;inset:0 auto auto 0;overflow:hidden;contain:layout paint;will-change:clip-path}
dialog[data-morph-frame] .modal-content{width:100%;max-width:none;left:1px;top:1px;transform-origin:top left;will-change:transform,opacity}
dialog[data-morph-frame] .morph-preview{display:block;position:absolute;left:0;top:0;transform-origin:top left;will-change:transform,opacity}
.morph-preview>.card{width:100%;height:100%;margin:0;background:transparent;box-shadow:none;transform:none;transition:none;border-radius:0}
/* A single fixed backdrop blur fades as a layer; the full page is not filtered. */
button,.contact-control,.sources a,.contact-links a{transition:color 240ms var(--vi-motion-ease),box-shadow 320ms var(--vi-motion-ease),background 320ms var(--vi-motion-ease)}
button:active:not(.filters button){transform:translateY(1px)}
dialog h2{margin:0 0 15px;font-size:var(--type-section);font-weight:600;letter-spacing:-.5px}
dialog p{color:var(--vi-muted);font-size:var(--type-body);line-height:1.8}
.contact-links{display:grid;gap:24px;margin-top:24px}
.contact-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;margin-inline:0;min-height:64px;border:0;border-radius:20px;--control-radius:20px;background:var(--vi-surface)}
.contact-links a>span:first-child{min-width:0}
.contact-label{display:block;margin-bottom:8px;color:var(--vi-muted);font-size:var(--type-meta)}
.contact-value{font-size:var(--type-body);font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.contact-links .vi-icon{flex-shrink:0;color:var(--vi-focus);width:18px;height:18px}
.contact-links a:hover .contact-value{color:var(--vi-focus)}
body:has(dialog[open]){overflow:hidden}

@media(max-width:1050px){
  .site-header,main,.site-footer{width:calc(100% - 72px)}
  .cards{gap:24px}
  .card[data-format=wide] h2,.card[data-format=tall] h2{font-size:var(--type-card);font-weight:600}
  .card-inner{padding:25px}
}
@media(max-width:760px){
  :root{--header-clearance:98px;--type-title:28px;--type-card:22px;--type-section:18px;--type-control:14px;--type-score:24px;--type-hero-score:32px}
  .site-header,main,.site-footer{width:calc(100% - 40px)}
  .site-header{grid-template-columns:1fr 1fr;gap:16px 12px;padding:14px 0}
  .language-switch{height:54px}
  .contact-control{grid-column:2;grid-row:1;min-height:54px;min-width:64px}
  nav{top:14px;margin:0 auto 14px}
  nav a{min-width:82px;padding-inline:18px}
  main{padding-top:24px}
  .cards{gap:23px}
  .card{border-radius:28px;box-shadow:8px 8px 20px #e1e4e9,-8px -8px 20px #fff}
  .card-inner{padding:23px}
  .card-preview:has(.card-media){gap:14px}
  .card h2,.card[data-format=wide] h2,.card[data-format=tall] h2{font-size:var(--type-card);line-height:1.5;letter-spacing:-.4px;font-weight:600}
  .week-heading{gap:10px;padding:12px 0 22px;flex-wrap:wrap}
  .week-heading h2{font-size:var(--type-section);font-weight:600}
  .week-heading>span{font-size:var(--type-meta);padding:7px 12px}
  .week-section+.week-section{margin-top:32px}
  .detail{padding:24px;border-radius:26px;margin-top:18px}
  .detail h1{font-size:var(--type-title);font-weight:600}
  .standfirst{font-size:var(--type-body)}
  .detail-section p{font-size:var(--type-body)}
  .source-label{font-size:var(--type-body)}
  .sources a{gap:12px}
  .toolbar{flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:23px}
  .model-page{display:block}
  .model-page .toolbar{top:86px;height:auto;justify-content:flex-start;align-items:stretch;gap:10px;padding-bottom:14px;background:var(--vi-canvas)}
  .model-page .filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .model-page .filters button{width:auto;flex:1;padding-inline:7px}
  .model-page .count-note{text-align:right}
  .filters{width:100%;gap:3px;padding:6px}
  .filters button{min-width:0;font-size:var(--type-meta);padding:10px 9px}
  html[lang=en] .model-page .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  html[lang=en] .model-page .filters button{width:100%;font-size:var(--type-meta);padding-inline:12px}
  .table-wrap{padding:20px 16px;border-radius:25px}
  table{min-width:0;table-layout:fixed}
  th,td{padding:18px 8px}
  th:first-child,td:first-child{width:37px}
  th:last-child,td:last-child{width:95px}
  th:nth-child(3),td:nth-child(3){display:none}
  .model-cell{padding-left:3px;padding-right:5px}
  .model-name{font-size:var(--type-body);overflow-wrap:anywhere;font-weight:600}
  .model-provider{display:block;color:var(--vi-muted);font-size:var(--type-meta);font-weight:400;margin-top:5px}
  .score{font-size:var(--type-score);font-weight:600}
  caption{font-size:var(--type-meta)}
  .model-method{font-size:var(--type-body)}
  .site-footer{flex-direction:column;gap:5px;margin-top:42px;padding-block:23px 30px}
  .end-note{font-size:var(--type-meta);margin-top:29px}
  .event-dialog .detail{padding:16px}
  dialog{--modal-clearance:32px}
  .event-dialog{width:calc(100% - 32px)}
}
@media(prefers-reduced-motion:reduce){
  .card,nav a,nav a::before,.filters button::before,button,.contact-control,.sources a,.contact-links a,.model-method summary .vi-icon,dialog::backdrop,body>.site-header,body>main,body>.site-footer{transition:none}
  .card:hover,button:active,nav a:active{transform:none}
  body.modal-depth>.site-header,body.modal-depth>main,body.modal-depth>.site-footer{filter:none}
  dialog[data-expanded]::backdrop{backdrop-filter:none}
}

/* Model results use the existing fixed-layout morph dialog. */
.model-detail a{color:var(--vi-focus);overflow-wrap:anywhere}
.model-detail-fields{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:10px 20px;margin:16px 0;font-size:var(--type-meta);line-height:1.7}
.model-detail-fields dt{color:var(--vi-muted)}
.model-detail-fields dd{margin:0;overflow-wrap:anywhere}
.model-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.model-capability{padding:16px;border:1px solid var(--vi-line);border-radius:16px}
.model-capability h3{font-size:var(--type-control);margin:0;font-weight:600}
.model-result{border-bottom:1px solid var(--vi-line)}
.model-result summary{display:flex;gap:14px;align-items:center;list-style:none;cursor:pointer;padding:18px 0;font-size:var(--type-control)}
.model-result summary::-webkit-details-marker{display:none}
.model-result summary>span:first-child{flex:1;min-width:0}
.model-result summary strong{font-size:var(--type-control);white-space:nowrap;font-weight:500}
.model-result summary .vi-icon{flex:none;transition:transform 240ms var(--vi-motion-ease)}
.model-result[open] summary .vi-icon{transform:rotate(180deg)}
.model-result-body{padding-bottom:16px;min-width:0}
.model-comparison-scroll{overflow-x:auto;max-width:100%;scrollbar-gutter:stable}
.model-comparison{min-width:500px;font-size:var(--type-meta)}
.model-comparison td,.model-comparison th{padding:12px 8px;width:auto}
.model-comparison td:first-child,.model-comparison th:first-child{width:42%}
@media(max-width:600px){.model-capabilities{grid-template-columns:1fr}.model-detail-fields{grid-template-columns:minmax(90px,1fr) minmax(0,1.6fr);gap:8px 12px}.model-result summary{font-size:var(--type-meta)}.model-result summary strong{font-size:var(--type-control)}}
@media(prefers-reduced-motion:reduce){.model-result summary .vi-icon{transition:none}}

/* Narrative news: uninterrupted prose, compact citations, optional source inspection. */
.card[data-format=tall] .card-inner{justify-content:flex-start}
.card[data-format=tall] h2{font-size:var(--type-card);line-height:1.5;font-weight:600}
.card[data-format=tall] .summary{font-size:var(--type-body)}
.article-body{margin-top:26px}
.article-body p{font-size:var(--type-body);line-height:1.95;margin:0 0 21px;overflow-wrap:anywhere}
.article-ref{font-size:var(--type-meta);vertical-align:super;text-decoration:none;color:var(--vi-muted);white-space:nowrap}
.article-ref:hover{color:var(--vi-focus)}
.article-sources{border-top:1px solid var(--vi-line);margin-top:30px;font-size:var(--type-control)}
.article-sources summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding:20px 0;min-height:44px}
.article-sources summary::-webkit-details-marker{display:none}
.article-sources summary .vi-icon{transition:transform 240ms var(--vi-motion-ease)}
.article-sources[open] summary .vi-icon{transform:rotate(180deg)}
.source-note{margin:0 0 23px}
.source-note h2{font-size:var(--type-control);line-height:1.6;margin:0 0 8px;overflow-wrap:anywhere;font-weight:600}
.source-note p{line-height:1.85;margin:6px 0 10px}
.source-meta,.source-note-limit{color:var(--vi-muted);font-size:var(--type-meta);line-height:1.8}
.source-note a{color:var(--vi-focus);display:inline-block;min-height:28px}
.edition-note{color:var(--vi-muted);font-size:var(--type-meta);line-height:1.8;margin:0 0 20px}
@media(max-width:760px){.article-body p{font-size:var(--type-body);line-height:1.9}.card[data-format=tall] h2{font-size:var(--type-card);font-weight:600}}
@media(prefers-reduced-motion:reduce){.article-sources summary .vi-icon{transition:none}}

.analysis-label{font-size:var(--type-meta);color:var(--vi-muted);border-bottom:1px solid var(--vi-line);margin-right:5px}

.benchmark-source{border-bottom:1px solid var(--vi-line);padding-bottom:12px}
.benchmark-source summary{display:flex;gap:14px;justify-content:space-between;align-items:center;min-height:44px;cursor:pointer;font-size:var(--type-control)}
.benchmark-source summary>span:first-child{flex:1}
.benchmark-source p{line-height:1.8;margin:8px 0}

/* AIHOT data, AiEvent presentation. Content remains in the fixed morph viewport. */
.model-detail .back-row{margin-bottom:26px}
.model-hero{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:28px;align-items:center}
.model-hero h1{font-size:var(--type-title);line-height:1.25;letter-spacing:-.8px;margin:10px 0 14px;overflow-wrap:anywhere;font-weight:600}
.model-origin{display:block;font-size:var(--type-meta);color:var(--vi-muted);line-height:1.6;letter-spacing:.03em}
.model-hero-score{border-left:1px solid var(--vi-line);padding-left:28px;display:grid;gap:5px}
.model-score-value{color:var(--vi-focus);font-size:var(--type-hero-score);line-height:1.15;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}
.model-sync-line{color:var(--vi-muted);font-size:var(--type-meta);margin:24px 0 20px;line-height:1.8}
.model-release-date{white-space:nowrap}
.model-facts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);border:1px solid var(--vi-line);border-radius:18px;margin-bottom:14px;overflow:hidden}
.model-fact{display:flex;flex-direction:column;gap:8px;padding:18px 16px;min-width:0}
.model-fact+.model-fact{border-left:1px solid var(--vi-line)}
.model-fact strong{font-size:var(--type-body);font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.model-fact .detail-meta{font-size:var(--type-meta);line-height:1.7;margin:0}
.model-fact a{font-size:var(--type-meta)}
.model-detail .model-capabilities{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.model-detail .model-capability{display:flex;flex-direction:column;gap:8px;padding:16px 12px}
.model-detail .model-capability h3{font-size:var(--type-control);font-weight:600}
.model-category-score{font-size:var(--type-score);line-height:1.2;font-weight:600;color:var(--vi-focus);font-variant-numeric:tabular-nums}
.model-capability .detail-meta{font-size:var(--type-meta);line-height:1.7;margin:0}
.model-detail .detail-section{margin-top:28px;padding-top:24px}
.model-record+.detail-section{border-top:0;padding-top:12px;margin-top:16px}
.model-evidence-heading{display:flex;gap:12px;align-items:baseline;justify-content:space-between;margin:26px 0 4px;font-size:var(--type-section);font-weight:600}
.model-result-label{display:grid;gap:4px;min-width:0}
.model-result-label .detail-meta{font-size:var(--type-meta);line-height:1.6;font-weight:400;margin:0}
.model-detail .model-result summary{padding:16px 0}
.model-detail .model-result summary strong{font-variant-numeric:tabular-nums}
.model-source-note{font-size:var(--type-body);line-height:1.8;overflow-wrap:anywhere}
.model-source-note .model-origin{margin-bottom:5px}
.benchmark-source>a,.model-result-body>a{display:inline-flex;align-items:center;min-height:32px;margin-right:18px;font-size:var(--type-meta)}
.model-comparison{table-layout:auto;min-width:520px}
.model-comparison th,.model-comparison td{width:auto}
.model-comparison th:nth-child(3),.model-comparison td:nth-child(3){display:table-cell}
.model-record{border-bottom:1px solid var(--vi-line);font-size:var(--type-meta);margin-top:10px;padding-bottom:8px}
.model-record>summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;color:var(--vi-muted)}
.model-record>summary::-webkit-details-marker{display:none}
.model-record>summary .vi-icon{width:16px;height:16px;transition:transform 240ms var(--vi-motion-ease)}
.model-record[open]>summary .vi-icon{transform:rotate(180deg)}
.model-record>a{display:block;width:fit-content;margin:12px 0;font-size:var(--type-meta)}
.model-record .detail-meta{font-size:var(--type-meta);line-height:1.8;overflow-wrap:anywhere}
.model-chip-list{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:16px 0}
.model-chip-list li{border:1px solid var(--vi-line);border-radius:999px;padding:7px 12px;font-size:var(--type-meta);color:var(--vi-muted)}
.model-budget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.model-budget{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;border:1px solid var(--vi-line);border-radius:14px;padding:14px}
.model-budget strong{font-weight:500;color:var(--vi-ink);font-variant-numeric:tabular-nums}
.model-budget small{grid-column:1/-1;line-height:1.7}
.model-method .benchmark-source>summary{padding:12px 0}
.model-method .benchmark-source .model-origin{font-size:var(--type-meta)}
@media(max-width:600px){
 .model-hero{grid-template-columns:minmax(0,1fr) 100px;gap:12px}
 .model-hero h1{font-size:var(--type-title);letter-spacing:-.5px;font-weight:600}
 .model-hero-score{padding-left:14px}
 .model-score-value{font-size:var(--type-hero-score)}
 .model-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .model-price{grid-column:1/-1;border-top:1px solid var(--vi-line)}
 .model-fact.model-price{border-left:0}
 .model-fact{padding:14px 12px}
 .model-detail .model-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}
 .model-result summary{gap:10px}
 .model-detail .model-result summary strong{max-width:92px;white-space:normal;text-align:right;overflow-wrap:anywhere}
 .model-budget-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.model-record>summary .vi-icon{transition:none}}

/* Contact uses the same white recess and lighting as the navigation. */
/* Shared return-control alignment applies to Contact and every detail. */
#contact-dialog .contact-back{display:flex;margin:-8px 0 16px 0;border-radius:50%;color:var(--vi-focus)}
#contact-dialog .contact-back:hover{color:var(--vi-focus)}
#contact-dialog .contact-back:active{transform:none}
#contact-copy{margin:0;font-size:var(--type-section);line-height:1.55;font-weight:600;letter-spacing:0;color:var(--vi-ink)}
.contact-links a:active::before{box-shadow:var(--control-recess-down)}
/* Body copy remains quieter than headings, while secondary facts stay legible. */
.card .summary,.card .impact,.card-context,.standfirst,.detail-section p,.article-body p,.model-method,.model-source-note{color:var(--type-body-color);font-weight:400}
.card h2,.detail h1,.detail h2,.week-heading h2,.model-method-content h2{color:var(--vi-ink);letter-spacing:0}
.model-method summary,.article-sources summary,.model-record>summary{font-size:var(--type-control);font-weight:500}
.model-detail-fields{font-size:var(--type-control)}
.detail-section p.interpretation{color:var(--vi-muted);font-size:var(--type-meta)!important}
@media(max-width:760px){#contact-dialog .modal-content{padding:20px}.contact-links a{padding:16px 14px;margin-inline:0;gap:12px}}
@media(prefers-reduced-motion:reduce){.contact-links a::before{transition:none}}

/* Legacy model detail fields need room for readable labels and intact values. */
.model-detail .model-capabilities:has(.model-detail-fields){grid-template-columns:repeat(2,minmax(0,1fr))}
.model-capability .model-detail-fields{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:8px 12px}
.model-capability .model-detail-fields dd{overflow-wrap:break-word}
@media(max-width:600px){.model-detail .model-capabilities:has(.model-detail-fields){grid-template-columns:1fr}}

/* Retain previously published editorial and score-label layout rules. */
.score .score-value{display:block;font-weight:600}
.score .score-meta{font-weight:400;display:block;margin-top:2px;color:var(--vi-muted);font-size:var(--type-meta);font-weight:600;letter-spacing:0;line-height:1.3;white-space:nowrap}
.score-source a{margin-left:4px;font-weight:600}
/* Editorial report v1 (detail only; same tokens and type scale as existing detail sections) */
.report-body p{font-size:var(--type-body);line-height:1.95;margin:0}
.report-body p+.para-source{margin-top:6px}
.para-source{display:block;margin-bottom:18px;color:var(--vi-muted);font-size:var(--type-meta);line-height:1.7}
.para-source a,.report-updates a{color:var(--vi-focus)}
.report-benefits .benefit+.benefit,.report-sources .source-note+.source-note{margin-top:22px;padding-top:18px;border-top:1px dashed var(--vi-line)}
.report-benefits h3,.report-sources h3{font-size:var(--type-body);line-height:1.6;margin:0 0 8px;font-weight:600}
.benefit p,.source-caveat{margin:4px 0}
.benefit-label{display:inline-block;min-width:5.5em;margin-right:8px;color:var(--vi-muted);font-size:var(--type-meta)}
.source-meta{color:var(--vi-muted);font-size:var(--type-meta)!important;margin:0 0 8px}
.key-points,.watch-next,.updates{margin:6px 0 10px;padding-left:1.2em}
.key-points li,.watch-next li,.updates li{font-size:var(--type-body);line-height:1.85}
.source-excerpt{margin:12px 0;padding:10px 14px;border-left:2px solid var(--vi-line)}
.source-excerpt blockquote{margin:4px 0;font-size:var(--type-control);line-height:1.8}
.excerpt-translation{margin:4px 0 0;font-size:var(--type-control)!important;color:var(--vi-muted)}
@media(max-width:760px){.report-body p{font-size:var(--type-body)}.benefit-label{display:block;min-width:0;margin:0}}


.report-body p,.key-points li,.watch-next li,.updates li,.source-excerpt blockquote,.excerpt-translation{font-size:var(--type-body)!important;color:var(--type-body-color)}
.report-benefits h3,.report-sources h3{font-size:var(--type-control);font-weight:600}
.score .score-meta{font-weight:400}

/* Article source index keeps long original titles readable on narrow screens. */
.all-sources .source-label{overflow-wrap:anywhere}
.article-sources-content{padding-bottom:10px}
.source-excerpt blockquote{margin:8px 0;padding-left:16px;border-left:2px solid var(--vi-line);overflow-wrap:anywhere}

.detail:not(.model-detail)>.back-row{display:flex;align-items:center;justify-content:space-between;gap:16px}
.citation-marker{white-space:nowrap;font-size:var(--type-meta);color:var(--vi-muted);vertical-align:super}

/* A single endnote list, with optional detail under its own source. */
.sources .source-entry-details{border:0;margin:0 0 12px}
.sources .source-entry-details summary{padding:2px 0 12px;min-height:44px;color:var(--vi-muted)}
.sources .source-entry-details .source-note{margin:0}

/* Approved four-region news layout. The outer card is the only image mask. */
html[data-news-layout="four-regions"] .cards[data-four-set="true"]{grid-template-rows:640px 170px;grid-auto-rows:320px}
html[data-news-layout="four-regions"] .card{overflow:hidden;border-radius:26px;box-shadow:0 8px 24px rgba(45,57,76,.08);border:1px solid #f0f1f4}
html[data-news-layout="four-regions"] .card:hover{box-shadow:0 12px 28px rgba(45,57,76,.13)}
html[data-news-layout="four-regions"] .card-inner{padding:24px;grid-template-rows:24px auto minmax(0,1fr) 24px;grid-template-areas:"meta" "title" "copy" "foot";gap:14px}
html[data-news-layout="four-regions"] .card-top{grid-area:meta;justify-content:flex-start;align-items:center;gap:9px;min-width:0;line-height:20px;font-size:13px}
html[data-news-layout="four-regions"] .card-topic{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-news-layout="four-regions"] .card-topic::after{content:" ·"}
html[data-news-layout="four-regions"] .card .card-preview{display:contents}
html[data-news-layout="four-regions"] .card h2{grid-area:title;max-width:none;min-width:0;align-self:start;text-wrap:balance;font-size:26px;line-height:1.25;letter-spacing:-.5px;-webkit-line-clamp:2}
html[data-news-layout="four-regions"] .card-copy{grid-area:copy;min-height:0}
html[data-news-layout="four-regions"] .card .summary{font-size:16px;line-height:1.7;color:var(--vi-muted)}
html[data-news-layout="four-regions"] .card-excerpt,html[data-news-layout="four-regions"] .card .impact{display:none!important}
html[data-news-layout="four-regions"] .card-bottom{grid-area:foot;min-width:0;font-size:12px;line-height:18px}

html[data-news-layout="four-regions"] .card[data-preview="image"] .card-inner{padding:0;gap:0;grid-template-rows:minmax(0,1fr) 34px auto 40px;grid-template-areas:"media" "meta" "title" "foot"}
html[data-news-layout="four-regions"] .card[data-preview="image"] .card-media{grid-area:media;display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center;border-radius:0;margin:0;background:transparent}
html[data-news-layout="four-regions"] .card[data-preview="image"] .card-top{padding:10px 24px 0}
html[data-news-layout="four-regions"] .card[data-preview="image"] h2{padding:5px 24px 0}
html[data-news-layout="four-regions"] .card[data-preview="image"] .card-copy{display:none}
html[data-news-layout="four-regions"] .card[data-preview="image"] .card-bottom{padding:10px 24px 12px}

html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="lead"] .card-inner{grid-template-rows:minmax(0,1fr) 40px auto 76px 48px;grid-template-areas:"media" "meta" "title" "copy" "foot"}
html[data-news-layout="four-regions"] .card[data-layout-role="lead"] h2{font-size:48px;line-height:1.18;letter-spacing:-1px;-webkit-line-clamp:3;white-space:normal}
html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="lead"] h2{padding:8px 28px 0}
html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="lead"] .card-top{padding-inline:28px}
html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="lead"] .card-copy{display:block;padding:14px 28px 0}
html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="lead"] .summary{font-size:18px;line-height:1.6}
html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="lead"] .card-bottom{padding:12px 28px 18px}

html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="portrait"] .card-inner,
html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="tall"] .card-inner{grid-template-rows:minmax(0,1fr) 40px auto 76px 48px;grid-template-areas:"media" "meta" "title" "copy" "foot"}
html[data-news-layout="four-regions"] .card[data-layout-role="portrait"] h2{font-size:34px;line-height:1.24;-webkit-line-clamp:3;white-space:normal}
html[data-news-layout="four-regions"] .card[data-layout-role="tall"] h2{font-size:30px;line-height:1.24;-webkit-line-clamp:3}
html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="portrait"] .card-copy,
html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="tall"] .card-copy{display:block;padding:14px 24px 0}

html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="brief"] .card-inner{grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);grid-template-rows:38px minmax(0,1fr) 36px;grid-template-areas:"media meta" "media title" "media foot"}
html[data-news-layout="four-regions"] .card[data-layout-role="brief"] h2{font-size:21px;line-height:1.3;-webkit-line-clamp:3}
html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="brief"] .card-top{padding:10px 18px 0}
html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="brief"] .card-topic{display:none}
html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="brief"] h2{padding:4px 18px 0}
html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="brief"] .card-bottom{padding:6px 18px 12px;font-size:11px}
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="brief"] .card-inner{padding:18px;gap:8px;grid-template-rows:20px minmax(0,1fr) 18px;grid-template-areas:"meta" "title" "foot"}
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="brief"] .card-copy,
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="brief"] .card-topic{display:none}
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="brief"] h2{-webkit-line-clamp:2}

html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="wide"] .card-inner,
html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="feature"] .card-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:40px auto minmax(0,1fr) 44px;grid-template-areas:"meta media" "title media" "copy media" "foot media"}
html[data-news-layout="four-regions"] .card[data-layout-role="wide"] h2,html[data-news-layout="four-regions"] .card[data-layout-role="feature"] h2{font-size:30px;line-height:1.23;-webkit-line-clamp:3}
html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="wide"] .card-copy,
html[data-news-layout="four-regions"] .card[data-preview="image"][data-layout-role="feature"] .card-copy{display:block;padding:14px 24px 0}
/* The modal viewport owns the moving outline; the frozen clone has no second mask. */
html[data-news-layout="four-regions"] .morph-preview>.card{border-radius:0;box-shadow:none;border:0}

@media(max-width:1050px){
  html[data-news-layout="four-regions"] .cards{grid-template-rows:none;grid-auto-rows:360px}
}
@media(max-width:760px){
  html[data-news-layout="four-regions"] .cards{grid-auto-rows:420px;gap:24px}
  html[data-news-layout="four-regions"] .card{border-radius:24px}
  html[data-news-layout="four-regions"] .card h2{font-size:24px;line-height:1.25;-webkit-line-clamp:3}
  html[data-news-layout="four-regions"] .card[data-preview="image"] .card-top{padding-inline:20px}
  html[data-news-layout="four-regions"] .card[data-preview="image"] h2{padding-inline:20px;white-space:normal}
  html[data-news-layout="four-regions"] .card[data-preview="image"] .card-bottom{padding-inline:20px}
  html[data-news-layout="four-regions"] .morph-preview>.card{border-radius:0}
}
@media(max-width:360px){html[data-news-layout="four-regions"] .card h2{font-size:22px}}

/* Selected no-image editorial card: hierarchy comes from type and space only. */
html[data-news-layout="four-regions"] .card[data-preview="image"] .card-topic,
html[data-news-layout="four-regions"] .card[data-preview="image"] .card-open-label{display:none}
html[data-news-layout="four-regions"] .card[data-preview="text"] .card-inner{padding:24px;gap:18px;grid-template-columns:minmax(0,1fr);grid-template-rows:22px auto minmax(0,1fr) 24px;grid-template-areas:"meta" "title" "copy" "foot"}
html[data-news-layout="four-regions"] .card[data-preview="text"] .card-top{flex-direction:row;justify-content:space-between;align-items:center;padding:0;border:0;line-height:18px;font-size:11px}
html[data-news-layout="four-regions"] .card[data-preview="text"] .card-topic{display:block;color:var(--vi-focus);font-family:var(--vi-font-ui);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
html[data-news-layout="four-regions"] .card[data-preview="text"] .card-topic::after{content:none}
html[data-news-layout="four-regions"] .card[data-preview="text"] h2{font-family:"Songti SC","STSong","Noto Serif CJK SC",SimSun,Georgia,"Shift Editorial Serif",serif;font-size:28px;font-weight:600;line-height:1.3;letter-spacing:-.025em;text-wrap:pretty;-webkit-line-clamp:3}
html[data-news-layout="four-regions"] .card[data-preview="text"] .summary{font-size:15px;line-height:1.8}
html[data-news-layout="four-regions"] .card[data-preview="text"] .card-open{width:auto;gap:8px;white-space:nowrap}
html[data-news-layout="four-regions"] .card[data-preview="text"] .card-open-label{font-size:12px;font-weight:400}
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="lead"] .card-inner{padding:32px;gap:26px;grid-template-rows:24px auto minmax(0,1fr) 24px}
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="lead"] h2{font-size:52px;font-weight:600;line-height:1.22;-webkit-line-clamp:5}
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="lead"] .summary{font-size:18px;line-height:1.8;max-width:34em}
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="portrait"] .card-inner,
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="tall"] .card-inner{padding:30px;gap:24px;grid-template-rows:24px auto minmax(0,1fr) 24px}
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="portrait"] h2{font-size:40px;line-height:1.28;-webkit-line-clamp:6}
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="tall"] h2{font-size:36px;line-height:1.28;-webkit-line-clamp:5}
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="portrait"] .summary,
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="tall"] .summary{font-size:16px;line-height:1.85}
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="wide"] h2,
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="feature"] h2{font-size:34px;line-height:1.25;-webkit-line-clamp:3}
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="brief"] .card-inner{padding:18px;gap:8px;grid-template-rows:20px minmax(0,1fr) 18px;grid-template-areas:"meta" "title" "foot"}
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="brief"] .card-topic{display:block;font-size:11px}
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="brief"] h2{font-size:20px;line-height:1.22;-webkit-line-clamp:3}
html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role="brief"] .card-open-label{font-size:11px}
@media(max-width:1050px){
  html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role] .card-inner{padding:24px;gap:16px;grid-template-columns:minmax(0,1fr);grid-template-rows:22px auto minmax(0,1fr) 24px;grid-template-areas:"meta" "title" "copy" "foot"}
  html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role] h2{align-self:start;font-size:30px;line-height:1.28;-webkit-line-clamp:3}
  html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role] .summary{font-size:16px;line-height:1.8;max-width:none}
}
@media(max-width:760px){
  html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role] h2{font-size:30px;-webkit-line-clamp:4}
}
@media(max-width:360px){
  html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role] .card-inner{padding:22px;gap:14px}
  html[data-news-layout="four-regions"] .card[data-preview="text"][data-layout-role] h2{font-size:26px;-webkit-line-clamp:4}
}

/* Date groups provide archive landmarks without an extra navigation layer. */
.day-section+.day-section{margin-top:60px}
.day-heading{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.day-heading h2{margin:0;font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-.5px}
.day-heading time{font-variant-numeric:tabular-nums}
.date-context{color:var(--vi-muted);font-size:13px;line-height:1.5}
html[data-news-layout="four-regions"] .daily-cards{padding-bottom:0}
html[data-news-layout="four-regions"] .week-heading{margin-bottom:22px}
html[data-news-layout="four-regions"] .week-heading h2{font-size:26px;line-height:1.25}
@media(max-width:760px){.day-section+.day-section{margin-top:42px}.day-heading{gap:10px;margin-bottom:18px}.day-heading h2{font-size:26px}html[data-news-layout="four-regions"] .week-heading{flex-wrap:wrap;gap:8px}html[data-news-layout="four-regions"] .week-heading h2{font-size:21px}}

/* Adopted 2026-10-05: one shared column for news prose, figures and captions. */
/* Fixed article layout. IBM: one 8px spacing scale and shared alignment axes.
   Anthropic: prose, images and captions share one continuous reading column.
   All selectors are limited to news detail; cards, Model and Contact retain the baseline. */
.event-dialog.news-reading{
  width:min(1120px,calc(100% - 64px));max-width:none;
  border:1px solid #e5e5e7;border-radius:24px;
  --modal-inset:0px;--modal-clearance:48px;
  background:#fff;box-shadow:0 16px 72px rgba(20,24,30,.16);
}
.news-reading .modal-content{margin:0;max-width:100%;border-radius:23px;scrollbar-gutter:stable both-edges}
.news-reading .detail.news-detail{
  --reading-width:640px;--reading-gutter:32px;
  width:100%;padding:0 0 80px;margin:0;border:0;border-radius:0;background:#fff;
  font-family:var(--vi-font-ui);color:#202124;box-shadow:none;
}
.news-detail>.reader-toolbar,
.news-detail>.story-heading,
.news-detail>.interpretation,
.news-detail>.all-sources{
  width:min(var(--reading-width),calc(100% - 2 * var(--reading-gutter)));margin-inline:auto;
}
.news-detail>.reader-toolbar{
  position:relative;display:flex;align-items:center;justify-content:space-between;
  height:88px;margin-block:0 32px;gap:24px;
}
.news-detail .reader-languages{display:flex;align-items:center;gap:0;color:#6e6e73}
.news-detail .reader-languages button{
  border:0;background:transparent;min-width:44px;min-height:44px;
  padding:8px;font-size:13px;font-weight:500;line-height:1.2;box-shadow:none;
}
.news-detail .reader-languages button[aria-pressed=true]{color:var(--vi-focus)}
.news-detail .reader-languages button:hover{color:var(--vi-focus)}
.news-detail .reader-languages button+button{position:relative;margin-left:8px}
.news-detail .reader-languages button+button::before{content:"";position:absolute;left:-4px;top:16px;height:12px;border-left:1px solid #d7d7db}
.news-detail>.story-heading{margin-block:0 48px}
.news-detail .story-heading .detail-meta{
  display:block;font-size:13px;font-weight:500;letter-spacing:.035em;
  line-height:20px;color:#6e6e73;margin:0 0 16px;font-variant-numeric:tabular-nums;
}
.news-detail .story-heading h1{
  margin:0;font-family:var(--vi-font-ui);font-size:48px;line-height:1.2;
  font-weight:650;letter-spacing:-.035em;text-align:left;text-wrap:pretty;
  overflow-wrap:break-word;color:#1d1d1f;
}
.news-detail .story-heading .standfirst{
  margin:24px 0 0;font-size:21px;line-height:1.6;font-weight:500;
  letter-spacing:0;color:#353539;overflow-wrap:break-word;
}
.news-detail>.article-body{
  display:grid;grid-template-columns:minmax(var(--reading-gutter),1fr) minmax(0,var(--reading-width)) minmax(var(--reading-gutter),1fr);
  margin:0;row-gap:24px;min-width:0;
}
.news-detail>.article-body>p{
  grid-column:2;margin:0;font-size:19px;line-height:1.75;font-weight:400;
  letter-spacing:0;color:#29292d;overflow-wrap:break-word;text-align:start;
}
.news-detail .citation-marker{font-size:12px;line-height:1;color:#66666e}
.news-detail .source-figure{
  width:min(var(--reading-width),calc(100% - 2 * var(--reading-gutter)));margin:8px auto;min-width:0;
}
.news-detail .article-body>.source-figure{grid-column:2;width:100%}
.news-detail>.source-figure.story-hero{margin:0 auto 48px}
.news-detail>.source-figure.scroll-expanding-cover{width:100%;max-width:none}
.scroll-expanding-cover .expanding-image-stage{width:100%;overflow:hidden}
.scroll-expanding-cover .figure-open{transform-origin:center top;will-change:transform;border-radius:16px}
.news-detail>.source-figure.scroll-expanding-cover figcaption{width:min(var(--reading-width),calc(100% - 2 * var(--reading-gutter)))}
@media(prefers-reduced-motion:reduce){
  .news-detail>.source-figure.scroll-expanding-cover{width:min(var(--reading-width),calc(100% - 2 * var(--reading-gutter)))}
  .scroll-expanding-cover .figure-open{transform:none!important;will-change:auto;border-radius:16px!important}
  .news-detail>.source-figure.scroll-expanding-cover figcaption{width:100%}
}
.news-detail .figure-open{display:block;border-radius:16px;overflow:hidden;cursor:zoom-in}
.news-detail .detail-media{display:block;width:100%;height:auto;border-radius:0;object-fit:contain;background:#f5f5f7}
.news-detail .source-figure figcaption{
  width:100%;margin:8px auto 0;color:#6e6e73;
  font-size:12px;line-height:1.65;font-weight:400;overflow-wrap:break-word;
}
.news-detail .source-figure figcaption a{color:#65656c;text-decoration:underline;text-underline-offset:3px}
.news-detail .source-figure figcaption .figure-enlarge{color:var(--vi-focus);white-space:nowrap}
.news-detail .source-figure figcaption a:hover{color:var(--vi-focus)}
.news-detail>.all-sources{margin-top:56px;padding-top:32px;border-top:1px solid #dedee2}
.news-detail .all-sources>h2{margin:0 0 16px;font-size:17px;line-height:1.5;font-weight:600;letter-spacing:0}
.news-detail .sources a{padding:16px 0;align-items:flex-start;gap:16px;min-height:44px}
.news-detail .sources .source-label{font-size:14px;line-height:1.65;color:#34343a}
.news-detail .sources .source-domain{font-size:12px;line-height:1.6;margin-top:4px;color:#6e6e73}
.news-detail .sources li+li{border-color:#ededf0}
.news-detail .sources .source-entry-details summary{font-size:12px;min-height:44px;padding:0 0 8px}
.news-detail .source-note p,.news-detail .source-note blockquote{font-size:14px!important;line-height:1.75}
.news-detail .sources .vi-icon{margin-top:4px;width:16px;height:16px}
.news-detail a:focus-visible,.news-detail button:focus-visible,.news-detail summary:focus-visible{outline:2px solid var(--vi-focus);outline-offset:4px;border-radius:4px}
@media(min-width:761px) and (max-width:1068px){
  .event-dialog.news-reading{width:calc(100% - 48px)}
  .news-detail .story-heading h1{font-size:40px;line-height:1.22}
}
@media(max-width:760px){
  /* Phone keeps the same inset for text, media and captions.
     Fixed content geometry remains owned by motion.js. */
  html:has(.event-dialog.news-reading[open]){scrollbar-gutter:auto}
  body:has(.event-dialog.news-reading[open]){width:calc(100vw - var(--news-root-gutter,0px))}
  .event-dialog.news-reading{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;border:0;--modal-clearance:0px;--modal-inset:0px}
  .news-reading .modal-content{width:100%;max-width:100%;max-height:100dvh;min-height:100dvh;border-radius:0;scrollbar-gutter:auto}
  .news-reading .modal-content::-webkit-scrollbar{width:0}
  .news-reading .detail.news-detail{--reading-gutter:24px;padding-bottom:48px}
  .news-detail>.reader-toolbar{height:72px;margin-bottom:24px}
  .news-detail>.story-heading{margin-bottom:32px}
  .news-detail .story-heading .detail-meta{font-size:12px;line-height:18px;margin-bottom:12px}
  .news-detail .story-heading h1{font-size:32px;line-height:1.25;font-weight:650;letter-spacing:-.025em}
  .news-detail .story-heading .standfirst{font-size:18px;line-height:1.65;margin-top:20px;font-weight:500}
  .news-detail>.article-body{row-gap:24px}
  .news-detail>.article-body>p{font-size:17px;line-height:1.75}
  .news-detail .source-figure{margin-block:8px}
  .news-detail>.source-figure.story-hero{margin-bottom:32px}
  .news-detail .source-figure figcaption{font-size:12px;line-height:1.65}
  .news-detail>.all-sources{margin-top:40px;padding-top:24px}
}
@media(max-width:359px){
  .news-reading .detail.news-detail{--reading-gutter:20px}
  .news-detail .story-heading h1{font-size:28px;line-height:1.28}
}

/* A quiet end to the article: numbered evidence, then one reading continuation. */
.news-detail .citation-reference{display:inline-block;min-width:24px;padding:4px 2px;color:var(--vi-focus);text-decoration:none;font-variant-numeric:tabular-nums;line-height:1.4}
.news-detail .citation-reference:hover{text-decoration:underline;text-underline-offset:3px}
.news-detail .source-directory{list-style:none;padding:0;margin:0}
.news-detail .source-directory>li{padding:24px 0;margin:0;border:0;scroll-margin-block:32px}
.news-detail .source-directory>li+li{border-top:1px solid #ededf0}
.news-detail .source-entry-heading{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:start}
.news-detail .source-number{padding-top:2px;font-size:13px;line-height:1.65;color:#6e6e73;font-variant-numeric:tabular-nums}
.news-detail .sources .source-entry-heading>a{padding:0;min-width:0;min-height:44px;gap:16px}
.news-detail .source-entry-heading>a>span:first-child{min-width:0}
.news-detail .source-directory .source-entry-details{margin:8px 0 0 40px}
.news-detail .sources .source-return{display:inline-flex;width:fit-content;min-height:44px;align-items:center;margin:0 0 0 40px;padding:8px 0;font-size:12px;line-height:1.5;color:var(--vi-focus);text-decoration:none}
.news-detail .sources .source-return:hover{text-decoration:underline;text-underline-offset:4px}
.news-detail .source-directory>li:focus,.news-detail .article-body>p:focus{outline:2px solid color-mix(in srgb,var(--vi-focus) 40%,transparent);outline-offset:8px;border-radius:4px}
.news-detail>.reading-exit{width:min(var(--reading-width),calc(100% - 2 * var(--reading-gutter)));margin:48px auto 0;padding-top:32px;border-top:1px solid #dedee2}
.news-detail .reading-exit>h2{font-size:14px;font-weight:500;line-height:1.5;margin:0 0 16px;color:#6e6e73;letter-spacing:0}
.news-detail .reading-next{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:16px 0 24px;text-decoration:none;color:#202124;min-height:64px}
.news-detail .reading-next+.reading-next{border-top:1px solid #ededf0;padding-top:24px}
.news-detail .reading-next-copy{min-width:0}
.news-detail .reading-next-label{display:block;font-size:12px;line-height:1.5;margin-bottom:8px;color:#6e6e73}
.news-detail .reading-next-title{display:block;font-size:22px;line-height:1.5;font-weight:600;letter-spacing:-.015em}
.news-detail .reading-next>.vi-icon{flex:none;color:var(--vi-focus);width:20px;height:20px}
.news-detail .reading-next:hover .reading-next-title{color:var(--vi-focus)}
.news-detail .reader-exit-back{display:inline-flex;gap:8px;min-height:44px;align-items:center;margin-top:16px;font-size:13px;line-height:1.5;color:#6e6e73;text-decoration:none}
.news-detail .reader-exit-back>.vi-icon{width:16px;height:16px}
.news-detail .reader-exit-back:hover{color:var(--vi-focus)}
@media(max-width:760px){
  .news-detail .reading-next-title{font-size:19px}
  .news-detail>.reading-exit{margin-top:32px;padding-top:24px}
}

/* Each week owns complete rows; only its explicit editorial lead is emphasized. */
html[data-news-layout="four-regions"] .cards[data-week-layout]{grid-template-rows:none;grid-auto-rows:320px}
.cards[data-week-layout] .card-date-range{white-space:nowrap}
@media(min-width:761px) and (max-width:1050px){
  html[data-news-layout="four-regions"] .cards[data-week-layout]{grid-auto-rows:300px}
}
@media(max-width:760px){
  html[data-news-layout="four-regions"] .cards[data-week-layout]{grid-auto-rows:auto}
  .cards[data-week-layout]>.card{height:420px}
  .cards[data-week-layout]>.card[data-layout-role="lead"]{height:540px}
}

/* Image pairs reserve one shared title track after the existing preview fit. */
@media(min-width:1051px){
  html[data-news-layout="four-regions"] .cards[data-composition] .card[data-preview="image"][data-layout-role="portrait"][data-aligned-image-pair="true"] .card-inner{grid-template-rows:minmax(0,1fr) 40px var(--news-pair-title-height) 76px 48px}
}

/* Keep the weekly lead readable on phones, including its shared-element clone. */
@media(max-width:760px){
  html[data-news-layout="four-regions"] .card[data-weekly-role="lead"] h2{font-size:32px;line-height:1.25;letter-spacing:-.5px;-webkit-line-clamp:5}
}
@media(max-width:360px){
  html[data-news-layout="four-regions"] .card[data-weekly-role="lead"] h2{font-size:28px}
}

@media(min-width:761px) and (max-width:1050px){
  html[data-news-layout="four-regions"] .card[data-weekly-role="lead"] h2{font-size:36px;line-height:1.25;-webkit-line-clamp:4}
}

/* A tall weekly card keeps its source image intact; text and whitespace fill it. */
@media(min-width:1051px){
  html[data-news-layout="four-regions"] .card[data-preview="image"][data-weekly-role="portrait"] .card-inner{grid-template-rows:auto 40px auto minmax(0,1fr) 48px}
  html[data-news-layout="four-regions"] .card[data-preview="image"][data-weekly-role="portrait"] .card-media{height:auto;object-fit:contain}
  html[data-news-layout="four-regions"] .card[data-weekly-role="portrait"] h2{-webkit-line-clamp:4}
}