/* Density and interaction refinements, using AppliedXL motion tokens. */
:root{--ease-ui:cubic-bezier(.2,0,0,1);--time-ui:150ms;--time-enter:200ms}
@media(min-width:701px){
  html{zoom:.85}
  .shell{height:calc(100dvh / .85 - 76px)}
  .brand-tagline{font-size:11px}
}
body{overflow:hidden}
/* Programmatic heading focus is visible for keyboard navigation, without moving scroll. */
.wire-heading h1:focus-visible,.article-headline:focus-visible,#catalog-view h1:focus-visible,#analytics-view h1:focus-visible,#faq-view h1:focus-visible{outline:2px solid var(--accent-primary);outline-offset:5px;border-radius:2px}
.reader,.story-list,.secondary-view{overscroll-behavior:contain;scrollbar-gutter:stable}
.article-headline{text-wrap:pretty}
.article-kicker,.story-top,.feed-meta{font-variant-numeric:tabular-nums}
.data-module-header{align-items:flex-start}
.analytics-controls select{max-width:260px}
.chart-download{padding:4px 6px;margin:-4px -6px 0 0}
.metadata-chip{border-color:var(--surface-border-strong)}
.relevance-label{flex-direction:row;align-items:center;gap:10px;font-size:13px;white-space:nowrap}
.relevance-meter{display:inline-flex;align-items:center;gap:3px}
.relevance-meter i{display:block;width:14px;height:7px;background:var(--surface-border-strong)}
.relevance-meter i.filled{background:#f05b60}
.light .relevance-meter i.filled{background:#d63e44}
button,summary,select,.search-box,.metadata-chip,.analytics-feed-table tbody tr{
  transition:background-color var(--time-ui) var(--ease-ui),color var(--time-ui) var(--ease-ui),border-color var(--time-ui) var(--ease-ui),opacity var(--time-ui) var(--ease-ui);
}
button:focus-visible,summary:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--text-secondary);outline-offset:3px}
.story:focus-visible,.rail-button:focus-visible{outline-offset:-3px}
.primary-nav button:after{transition:opacity var(--time-ui) var(--ease-ui),transform var(--time-enter) var(--ease-ui)}
.article-disclosure summary>svg:last-child{transition:transform var(--time-enter) var(--ease-ui),color var(--time-ui) var(--ease-ui)}
.related-item>svg,.analytics-feed-table .icon-button svg,.analytics-back svg{transition:transform var(--time-ui) var(--ease-ui)}
.analytics-bar{transition:opacity var(--time-ui) var(--ease-ui)}
@media(hover:hover){
  .metadata-chip:hover{border-color:var(--text-tertiary);background:var(--surface-hover);color:var(--text-primary)}
  .related-item:hover>svg,.analytics-feed-table .icon-button:hover svg{transform:translateX(3px)}
  .analytics-back:hover svg{transform:translateX(-2px)}
  .chart-download:hover{color:var(--text-primary);background:var(--surface-hover)}
}
@keyframes content-arrive{from{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
@keyframes disclosure-arrive{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
  .reader-article,.analytics-wrap,.feed-empty,#dossiers-view:not([hidden]){animation:content-arrive var(--time-enter) var(--ease-ui) both}
  .article-disclosure[open]>.disclosure-content,.claim-reference[open]>.reference-content{animation:disclosure-arrive var(--time-enter) var(--ease-ui) both}
  dialog[open]{animation:content-arrive var(--time-enter) var(--ease-ui) both}
}
@media(max-width:700px){
  .relevance-label{font-size:12px;gap:8px;padding-left:10px}
  .relevance-meter{gap:3px}.relevance-meter i{width:11px;height:7px}
  .metadata-chip{min-height:36px;display:inline-flex;align-items:center}
  .chart-download{min-width:36px;min-height:36px;justify-content:center}
  .analytics-period{height:40px}.analytics-controls select{height:40px}
  .analytics-feed-table .icon-button{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Optical balance for the original AXL mark and editorial wordmark. */
.masthead .identity{gap:8px;flex-shrink:0}
.masthead .brand-lockup{gap:13px;align-items:center}
.masthead .identity .brand-lockup .ds-axl-brand{width:88px!important}
.masthead .brand-lockup .word-title{font-size:34px;font-weight:400;line-height:1;letter-spacing:-1.2px;color:var(--text-primary);transform:translateY(-1px)}
.masthead .brand-tagline{font-size:10px;font-weight:400;line-height:1.3;letter-spacing:.18px;color:var(--text-tertiary);transition:color var(--time-enter) var(--ease-ui)}
@media(hover:hover){.identity:hover .brand-tagline{color:var(--text-secondary)}}
@media(max-width:1100px) and (min-width:701px){.masthead{gap:32px}}
@media(max-width:700px){
  .masthead .identity{gap:7px}
  .masthead .brand-lockup{gap:10px}
  .masthead .identity .brand-lockup .ds-axl-brand{width:67px!important}
  .masthead .brand-lockup .word-title{font-size:27px;letter-spacing:-.8px}
  .masthead .brand-tagline{font-size:8.5px;letter-spacing:.08px}
}
@media(max-width:360px){.masthead .brand-tagline{font-size:8px}}

/* Keep the endorsement aligned with the FirstWire wordmark. */
.masthead .brand-lockup{gap:18px;align-items:center}
.masthead .wordmark-stack{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.masthead .brand-lockup .word-title{font-size:32px;font-weight:600;letter-spacing:-1.05px;line-height:1.05;transform:none}
.masthead .wordmark-stack .brand-tagline{font-size:10px;letter-spacing:.12px;line-height:1.3}
@media(max-width:700px){.masthead .brand-lockup{gap:12px}.masthead .identity .brand-lockup .ds-axl-brand{width:54px!important}.masthead .brand-lockup .word-title{font-size:25px;letter-spacing:-.8px}.masthead .wordmark-stack{gap:4px}.masthead .wordmark-stack .brand-tagline{font-size:8px;letter-spacing:0}}

/* Shared finishing tokens for controls and keyboard interaction. */
:root{--time-ui:150ms;--time-enter:180ms}
.masthead button:focus-visible,.masthead a:focus-visible{outline:2px solid #d5d7da;outline-offset:3px}
.masthead input:focus-visible{outline:none}
#workspace-menu-open,#workspace-menu-close{border-radius:6px}
#workspace-menu .primary-nav button{border-radius:4px}
.reader,.secondary-view,.analytics-table-scroll,.analytics-data-scroll{scrollbar-width:thin;scrollbar-color:var(--surface-border-strong) transparent}
.analytics-metric>strong,.analytics-chart-summary dd,.vertical-bar strong{font-variant-numeric:tabular-nums}
.article-disclosure>summary,.claim-reference>summary{border-radius:4px}
.metadata-chip:active,.app-select-trigger:active{background:var(--surface-active)}
@media(prefers-reduced-motion:no-preference){.catalog-wrap,.faq-wrap{animation:content-arrive var(--time-enter) var(--ease-ui) both}}