/* Breadcrumb navigation */
.breadcrumb{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);margin-bottom:8px;flex-wrap:wrap}
.breadcrumb a{color:var(--muted);text-decoration:none}
.breadcrumb a:hover{color:var(--accent)}
.bc-sep{color:var(--line)}

/* Press Kit */
.press-section{margin-top:16px;padding:22px 22px 18px}
.press-section--primary{margin-top:18px}
.press-section--compact{padding:16px 22px;margin-bottom:8px}
.press-heading{font-size:1.1rem;font-weight:800;margin-bottom:16px}
.press-heading--compact{margin-bottom:8px}
.press-lead{margin-bottom:12px}
.press-copy{font-size:15px;color:var(--muted);line-height:1.7}
.press-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.press-stat{text-align:left;align-content:start;min-height:108px;padding:15px 14px 13px;background:var(--card);border-radius:var(--radius-sm,10px);border:1px solid var(--line)}
.press-stat-value{display:block;font-size:clamp(25px,2vw,34px);font-weight:800;color:var(--accent);line-height:1.08;text-wrap:balance;overflow-wrap:anywhere}
.press-stat-label{display:block;max-width:24ch;font-size:12.5px;color:var(--muted);margin-top:7px;line-height:1.45}
.press-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.press-list li{display:flex;gap:10px;align-items:flex-start}
.press-list-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:9px;display:inline-block}
.press-list-text{font-size:15px;line-height:1.6}
.press-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.press-download{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius-sm,10px);background:var(--bg);text-decoration:none;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition);min-height:100%}
.press-download:hover{border-color:var(--accent);background:var(--accent-bg);box-shadow:var(--shadow-sm)}
.press-download-icon{font-size:20px;flex-shrink:0}
.press-download-title{display:block;font-weight:700;font-size:15px;color:var(--text)}
.press-download-desc{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.press-contact-link{color:var(--accent);font-weight:600;text-decoration:none}
.press-contact-link:hover{text-decoration:underline}
.press-contact-meta{margin-top:8px;font-size:13px;color:var(--muted);line-height:1.55}

/* Visual Timeline */
.timeline-card{margin-top:18px;padding:26px 24px 18px;border:0;background:transparent;box-shadow:none}
.timeline-summary{margin-top:2px}
.timeline-summary__metric{min-width:0}
.timeline-summary__metric--done .mini-metric-card__value{color:var(--success)}
.timeline-summary__metric--current .mini-metric-card__value{color:var(--accent)}
.timeline-summary__metric--next .mini-metric-card__value{color:var(--warning,#b7791f)}
.timeline{position:relative;padding:20px 0 20px 40px;margin:24px 0}
.timeline::before{content:'';position:absolute;left:16px;top:0;bottom:0;width:2px;background:var(--accent)}
.tl-item{position:relative;margin-bottom:32px;padding-left:24px}
.tl-item::before{content:'';position:absolute;left:-32px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--card);z-index:1}
.tl-item.tl-future::before{background:var(--line);border-color:var(--muted)}
.tl-year{font-size:14px;font-weight:800;color:var(--accent);margin-bottom:4px}
.tl-year-strong{font-size:15px}
.tl-title{font-size:16px;font-weight:600;margin-bottom:4px}
.tl-desc{font-size:14px;color:var(--muted);line-height:1.5}
.tl-highlight{background:var(--accent-bg);border-left:3px solid var(--accent);padding:12px 16px;border-radius:0 var(--radius-sm,10px) var(--radius-sm,10px) 0}

@media (max-width:767px){
  .press-section{padding:20px 18px}
  .press-section--compact{padding:18px}
  .press-heading{margin-bottom:12px}
  .press-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
  .press-stat{min-height:94px;padding:14px 12px 12px}
  .press-stat-value{font-size:clamp(19px,6vw,27px);line-height:1.14}
  .press-stat-label{max-width:none;font-size:12px;margin-top:6px}
  .press-downloads{grid-template-columns:1fr}
  .timeline-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .timeline-summary__metric{padding:10px 9px}
  .timeline-summary__metric .mini-metric-card__value{font-size:20px}
  .timeline-summary__metric .mini-metric-card__subtext{font-size:10px;line-height:1.3}
  .timeline-card{padding:22px 18px 18px}
  .timeline{padding:8px 0 8px 26px;margin:4px 0 0}
  .timeline::before{left:10px}
  .tl-item{margin-bottom:24px;padding-left:18px}
  .tl-item::before{left:-22px;top:5px;width:10px;height:10px}
  .tl-title{font-size:15px}
  .tl-desc{line-height:1.55}
  .tl-highlight{padding:12px 14px}
}

@media (max-width:390px){
  .press-section{padding:18px 16px}
  .press-stat{min-height:88px;padding:13px 11px 11px}
  .press-stat-value{font-size:18px}
  .press-stat-label{font-size:11.5px}
}

@media (min-width:480px) and (max-width:860px){
  .cards,
  .grid,
  .related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hero-actions{
    gap:8px;
  }
  .hero-actions .btn{
    min-height:42px;
    padding:10px 16px;
  }
}

.related-grid .card-link{
  min-height:100%;
}

.related-grid .card-link h3{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.related-grid .card-link p{
  -webkit-line-clamp:4;
}

@media (max-width:767px){
  .feedback-block{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
    padding:10px 12px;
  }

  .feedback-question{
    font-size:12.5px;
    line-height:1.35;
  }

  .feedback-buttons{
    width:100%;
    justify-content:flex-start;
    gap:8px;
  }

  .feedback-btn{
    width:36px;
    height:36px;
  }

  .feedback-thanks{
    margin-left:0;
    font-size:12.5px;
  }

  .feedback-block.is-answered{
    padding:9px 12px;
  }

  .related-grid{
    gap:8px;
  }

  .related-grid .card-link{
    padding:14px 14px 13px;
    gap:7px;
    border-radius:10px;
  }

  .related-grid .card-link h3{
    font-size:15px;
    line-height:1.28;
    -webkit-line-clamp:3;
  }

  .related-grid .card-link p{
    font-size:13px;
    line-height:1.52;
    -webkit-line-clamp:3;
  }

  .item-page-footer .toc-title{
    margin-bottom:8px;
  }

  .item-page-footer .back-nav{
    font-size:12px;
  }

  .item-main .prose-block,
  .item-main .statement-context,
  .item-main .legal-basis{
    border-radius:10px;
  }

  .item-main .prose-block{
    padding:16px 14px;
  }

  .item-main .prose-block h2{
    font-size:16px;
    margin-bottom:8px;
  }

  .item-main .prose-block .prose{
    font-size:14px;
    line-height:1.64;
  }

  .item-main .prose-block .prose p{
    margin:0 0 10px;
  }

  .item-main .prose-block .prose ul,
  .item-main .prose-block .prose ol{
    margin:6px 0 10px 18px;
  }
}

[data-theme="dark"] .md h2,
[data-theme="dark"] .md h3,
[data-theme="dark"] .prose h2,
[data-theme="dark"] .prose h3,
[data-theme="dark"] .md th,
[data-theme="dark"] .prose th,
[data-theme="dark"] .md td,
[data-theme="dark"] .prose td{
  color:var(--text);
}

[data-theme="dark"] .md table,
[data-theme="dark"] .prose table{
  background:var(--card);
  border-color:var(--line);
}

[data-theme="dark"] .md th,
[data-theme="dark"] .prose th{
  background:var(--color-surface-offset);
}

[data-theme="dark"] .related-grid .card-link h3{
  color:var(--text);
}

/* AV DS visual coherence pass: quiet neutrals, purposeful surfaces, consistent icons. */
.theme-toggle{
  color:var(--theme-toggle-color);
  background:var(--card);
  border-color:var(--line);
  box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.theme-toggle:hover{
  color:var(--theme-toggle-hover);
  border-color:var(--accent-border);
  background:var(--accent-bg);
}
.theme-icon{width:17px;height:17px;display:block;stroke-width:2}
.theme-icon--moon{color:#475569}
.theme-icon--sun{display:none}
[data-theme="dark"] .theme-icon--moon{display:none}
[data-theme="dark"] .theme-icon--sun{display:block;color:#f6c65b}
[data-theme="dark"] .theme-toggle{color:var(--theme-toggle-sun)}

.nav-item-icon{display:inline-grid;place-items:center;width:17px;height:17px;color:var(--accent-secondary)}
.nav-item-icon svg{display:block;width:17px;height:17px}

.topbar{
  background:color-mix(in srgb,var(--card) 94%,transparent);
  border-color:color-mix(in srgb,var(--line) 88%,transparent);
  box-shadow:0 8px 24px rgba(23,32,51,.065);
}
.nav a,
.nav-dropdown__toggle{color:var(--muted)}
.nav a.active,
.nav-dropdown__toggle.active{box-shadow:0 4px 12px rgba(37,99,235,.18)}
.nav-dropdown__menu{background:var(--card);border-color:var(--line);box-shadow:0 18px 42px rgba(23,32,51,.14)}

.card,
.mini-metric-card,
.status-tile,
.g-card,
.cmp-card{background:var(--card)}

main > .hero.card:not(.item-hero),
.roadmap-hero,
.basics-hero{
  border-color:var(--line);
  background:
    linear-gradient(90deg,var(--accent-bg),transparent 46%),
    var(--card);
}
main > .hero.card.accent-panel:not(.item-hero),
.accent-panel{
  border-color:var(--accent-border);
  background:
    linear-gradient(100deg,var(--accent-bg),transparent 52%),
    var(--card);
}
.item-hero.hero.card{
  background:var(--card);
  border-color:var(--line);
  border-left-color:var(--accent);
}
.page-header-shell__eyebrow{
  border-color:var(--accent-border);
  background:var(--accent-bg);
}
.page-header-shell__meta-item,
.pill,
.quick-links-rail__link{
  background:var(--card);
  border-color:var(--line);
}
.page-header-shell__meta-item:hover,
a.quick-links-rail__link:hover{border-color:var(--accent-border)}

.mini-metric-card{
  border-color:var(--line);
  box-shadow:0 1px 2px rgba(23,32,51,.035);
}
.mini-metric-card:nth-child(4n+2) .mini-metric-card__value{color:var(--accent-secondary)}
.mini-metric-card:nth-child(4n+3) .mini-metric-card__value{color:var(--accent-warm)}
.mini-metric-card:nth-child(4n+4) .mini-metric-card__value{color:var(--text)}

.status-banner[data-constitution-status]{
  background:var(--card);
  border-color:var(--line);
  box-shadow:0 1px 2px rgba(23,32,51,.04);
}
.status-banner[data-constitution-status] .status-banner__icon{border-radius:10px}
.status-banner[data-constitution-status] .status-banner__icon svg{width:21px;height:21px}
.status-banner--effective[data-constitution-status]{border-left:3px solid var(--success)}
.status-banner--elections[data-constitution-status]{border-left:3px solid var(--accent-warm)}
.status-banner--kurultai[data-constitution-status]{border-left:3px solid var(--accent-secondary)}

.basics-card__icon{
  color:var(--accent);
  background:var(--accent-bg);
  border:1px solid var(--accent-border);
}
.basics-card__icon svg{width:21px;height:21px}
.basics-card__icon--2{color:var(--accent-warm);background:var(--accent-warm-bg);border-color:color-mix(in srgb,var(--accent-warm) 24%,var(--line))}
.basics-card__icon--3{color:var(--accent-secondary);background:var(--accent-secondary-bg);border-color:color-mix(in srgb,var(--accent-secondary) 24%,var(--line))}

.g-card,
.cmp-card{
  box-shadow:0 1px 2px rgba(23,32,51,.035);
  transition:border-color var(--transition),background var(--transition),box-shadow var(--transition);
}
.g-card:hover,
.g-card.open,
.cmp-card:hover,
.cmp-card.open{
  border-color:var(--accent-border);
  box-shadow:0 8px 20px rgba(23,32,51,.055);
}
.g-card.open,
.cmp-card.open{background:color-mix(in srgb,var(--card) 94%,var(--accent-bg) 6%)}
.g-toggle,
.cmp-toggle{background:var(--accent-bg);border:1px solid var(--accent-border)}

.cmp-old{background:color-mix(in srgb,var(--danger) 6%,var(--card));border-left-color:var(--danger)}
.cmp-new{background:color-mix(in srgb,var(--success) 7%,var(--card));border-left-color:var(--success)}
.cmp-note{background:var(--accent-bg);color:var(--accent-strong)}

.timeline-card{
  border:1px solid var(--line);
  background:var(--card);
  box-shadow:0 1px 2px rgba(23,32,51,.035);
}
.timeline::before{background:color-mix(in srgb,var(--accent) 72%,var(--line))}
.timeline .tl-item::before{box-shadow:0 0 0 5px var(--card)}
.tl-highlight{background:var(--accent-bg);border-left-color:var(--accent)}

.roadmap-phase{
  box-shadow:0 1px 2px rgba(23,32,51,.035);
}
.roadmap-phase[data-status="done"]{border-top:2px solid var(--success)}
.roadmap-phase[data-status="current"]{border-color:var(--accent);box-shadow:0 12px 28px rgba(37,99,235,.1)}
.roadmap-now{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--accent)}

.about-summary,
.press-summary-card,
.press-change-card,
.press-download-card,
.site-map-card{
  background:var(--card);
  border-color:var(--line);
}
.about-summary{
  background:linear-gradient(135deg,var(--surface-soft),var(--card));
  border-left:3px solid var(--accent-secondary);
}
/* Press summaries use the same neutral card edge as the rest of the catalogue;
   alternating colour bars add decoration without conveying a user action. */
.press-summary-card:nth-child(even),
.press-summary-card:nth-child(odd){border-top:1px solid var(--line)}
.provenance-panel{border-color:var(--line)}

.icon-btn,
.btn-secondary{
  background:var(--card);
  border-color:var(--line);
}
.icon-btn{color:var(--muted)}
.icon-btn:hover,
.btn-secondary:hover{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}

.foot{
  background:color-mix(in srgb,var(--card) 72%,transparent);
  border-top-color:var(--line);
}
.foot-meta--inline,
.foot-note,
.foot-copy{color:var(--muted)}

[data-theme="dark"] body{background:linear-gradient(180deg,var(--surface-soft) 0,var(--bg) 220px,var(--bg) 100%)}
[data-theme="dark"] .topbar{background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.24)}
[data-theme="dark"] .hero p,
[data-theme="dark"] .hero .lead,
[data-theme="dark"] .item-hero p,
[data-theme="dark"] .item-hero .lead,
[data-theme="dark"] .card > p,
[data-theme="dark"] .g-body .g-def{color:var(--muted)}
[data-theme="dark"] .roadmap-phase[data-status="current"]{box-shadow:0 12px 28px rgba(0,0,0,.24)}
[data-theme="dark"] .foot{background:color-mix(in srgb,var(--card) 72%,transparent)}

@media (max-width:767px){
  .topbar{box-shadow:0 5px 16px rgba(23,32,51,.065)}
  main > .hero.card:not(.item-hero),
  .roadmap-hero,
  .basics-hero{background:var(--card)}
  main > .hero.card.accent-panel:not(.item-hero),
  .accent-panel{background:linear-gradient(105deg,var(--accent-bg),var(--card) 58%)}
  .mini-metric-card{box-shadow:none}
  .timeline-card{padding:12px 10px 8px;border-radius:10px}
  .g-card:hover,
  .g-card.open,
  .cmp-card:hover,
  .cmp-card.open{box-shadow:none}
  .roadmap-phase{box-shadow:none}
  .roadmap-now{border-radius:10px}
  .foot{margin-top:auto}
}

/* Editorial surface pass: hierarchy comes from type and spacing, not stacked boxes. */
.card{box-shadow:none}

main > .hero.card:not(.item-hero){
  border:1px solid var(--line);
  border-radius:16px;
  background:linear-gradient(135deg,var(--surface-soft),var(--card));
  box-shadow:none;
}

main > .hero.card.accent-panel:not(.item-hero){border-color:var(--accent-border);background:linear-gradient(135deg,var(--accent-bg),var(--card))}

.civic-art-panel{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.civic-art-panel > *{
  position:relative;
  z-index:1;
}
.civic-art-panel::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,var(--card) 0%,color-mix(in srgb,var(--card) 88%,transparent) 48%,color-mix(in srgb,var(--card) 28%,transparent) 100%),
    url("/static/constitutional-network.webp") right center / auto 118% no-repeat;
  opacity:.32;
}

/* The homepage illustration is atmosphere, not a second visual column. */
.hero-home.civic-art-panel{
  border-color:color-mix(in srgb,var(--line) 82%,var(--accent-border));
  background:linear-gradient(118deg,var(--accent-bg) 0%,var(--card) 68%);
}
.hero-home.civic-art-panel::after{
  inset:-18% -10% -20% 38%;
  background:
    linear-gradient(90deg,var(--card) 0%,color-mix(in srgb,var(--card) 70%,transparent) 44%,transparent 100%),
    url("/static/constitutional-network.webp") 72% center / auto 146% no-repeat;
  opacity:.24;
  filter:saturate(.7) contrast(.84);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%);
}
[data-theme="dark"] .civic-art-panel::after{
  opacity:.11;
  filter:saturate(.75) brightness(.92);
}
[data-theme="dark"] .hero-home.civic-art-panel::after{
  opacity:.09;
}

.item-hero.hero.card{
  border:1px solid var(--line);
  border-left:3px solid var(--accent);
  border-radius:16px;
  background:linear-gradient(135deg,var(--surface-soft),var(--card));
  box-shadow:none;
}

.item-main{gap:26px}

.item-main .prose-block{
  padding:0 0 26px;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
}

.item-aside{
  border-left:1px solid var(--line);
  padding-left:18px;
}

.item-aside .side-card,
.item-side .side-card{
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--card);
}

.item-aside .side-card + .side-card,
.item-side .side-card + .side-card{margin-top:18px}

.provenance-panel{
  border:0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.provenance-panel__item{
  padding:0 14px;
  border:0;
  border-left:1px solid var(--line);
  border-radius:0;
  background:transparent;
}

.provenance-panel__item:first-child{border-left:0;padding-left:0}

@media (max-width:980px){.item-aside{border-left:0;padding-left:0}}

@media (max-width:767px){
  .item-hero.hero.card{padding:18px 16px 16px;margin-bottom:18px;border-left-width:3px;border-radius:12px}
  .item-main{gap:22px}
  .item-main .prose-block{padding-bottom:22px}
  .item-aside .side-card,
  .item-side .side-card{padding:14px}
  .source-passport{gap:9px;margin-top:12px;padding:11px 10px 10px;border-radius:10px}
  .source-passport__head{gap:8px}
  .source-passport__head h2{font-size:12.5px}
  .source-passport__head p{font-size:10.5px;line-height:1.35}
  .source-passport__status{min-height:22px;padding:4px 7px;font-size:9px}
  .source-passport__facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .source-passport__fact--date{grid-column:1/-1;padding:0 0 7px;border:0;border-bottom:1px solid var(--line)}
  .source-passport__fact{padding-left:7px}
  .source-passport__fact span,
  .source-passport__downloads>span{font-size:8.5px}
  .source-passport__fact strong{font-size:11px}
  .source-passport__downloads{display:grid;align-items:start;gap:6px;padding-top:8px}
  .source-passport__links{gap:4px}
  .source-passport__links a{min-height:23px;padding:4px 7px;font-size:10px}
  .provenance-panel{padding:14px 0}
  .provenance-panel__grid{gap:0}
  .provenance-panel__item{padding:12px 0;border-left:0;border-top:1px solid var(--line)}
  .provenance-panel__item:first-child{padding-top:0;border-top:0}
}

/* Mobile density contract: preserve readable type while returning the screen to content. */
.timeline .tl-item{
  margin-left:0;
  padding-bottom:0;
  border-left:0;
  cursor:default;
}
@media (max-width:767px){
  html{scroll-padding-top:62px}
  .wrap{
    width:min(100% - 16px,767px);
    padding-top:8px;
  }
  .topbar{
    top:4px;
    min-height:48px;
    margin-bottom:10px;
    padding:6px 9px;
    gap:5px;
    border:0;
    border-bottom:1px solid var(--line);
    border-radius:0;
    background:var(--bg);
    box-shadow:none;
  }
  .brand{gap:7px;font-size:13px}
  .brand-mark{width:22px;height:22px;border-radius:5px}
  .hamburger{width:32px;height:32px}
  .hamburger svg{width:22px;height:22px}
  .lang-switch{width:40px}
  .lang-switch a.active{min-height:24px;padding:3px 7px;font-size:10.5px}
  .theme-toggle{width:30px;height:30px;margin-right:0}
  .topbar.topbar-compact{
    height:42px;
    min-height:42px;
    padding:4px 8px;
    border-radius:0;
    background:var(--bg);
  }
  .topbar-compact .brand-mark{width:20px;height:20px}
  .topbar-compact .hamburger{width:30px;height:30px}
  .topbar-compact #brandText{display:inline-block;max-width:116px;font-size:12.5px}

  main > .hero.card:not(.item-hero),
  .hero,
  .item-hero{margin-bottom:10px;padding:13px 12px;border-radius:12px}
  .civic-art-panel::after{
    background:
      linear-gradient(90deg,var(--card) 0%,color-mix(in srgb,var(--card) 90%,transparent) 70%,color-mix(in srgb,var(--card) 55%,transparent) 100%),
      url("/static/constitutional-network.webp") right top / auto 135% no-repeat;
    opacity:.18;
  }
  .hero-home.civic-art-panel::after{
    inset:-16% -32% -26% 58%;
    background:linear-gradient(90deg,var(--card) 0%,color-mix(in srgb,var(--card) 78%,transparent) 46%,transparent 100%);
    opacity:.12;
  }
  .page-header-shell{gap:8px}
  .page-header-shell__eyebrow{padding:3px 7px;font-size:9.5px}
  .page-header-shell__title{font-size:22px;line-height:1.1}
  .page-header-shell__subtitle{font-size:13px;line-height:1.5}
  .page-header-shell__meta{gap:5px}
  .page-header-shell__meta--stack-mobile{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible}
  .page-header-shell__meta-item{min-height:24px;padding:4px 8px;font-size:10.5px}
  .page-header-shell__meta--stack-mobile .page-header-shell__meta-item{width:max-content;max-width:100%;min-height:25px;white-space:normal}
  .page-header-shell__meta--rail-mobile{
    flex-wrap:nowrap;
    gap:5px;
    max-width:100%;
    padding-bottom:2px;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .page-header-shell__meta--rail-mobile::-webkit-scrollbar{display:none}
  .page-header-shell__meta--rail-mobile .page-header-shell__meta-item{
    flex:0 0 auto;
    white-space:nowrap;
  }
  .page-header-shell__meta--rail-mobile.page-header-shell__meta--limit-two-mobile .page-header-shell__meta-item:nth-child(n+3){display:none}
  .page-header-shell--compact{gap:10px}
  .page-header-shell--hero-spacious{gap:8px}
  .page-header-shell--tight{gap:8px}
  .page-header-shell--compact-title-lg .page-header-shell__title{font-size:24px;line-height:1.08}
  .page-header-shell--compact-title-md .page-header-shell__title{font-size:22px;line-height:1.12}
  .page-header-shell--compact .page-header-shell__subtitle{font-size:13px;line-height:1.52}
  .page-header-shell--compact .page-header-shell__meta-item{min-height:22px;padding:3px 8px;font-size:10.5px}

  .mini-metric-strip{gap:7px}
  .mini-metric-card{min-height:0;padding:10px;border-radius:10px;gap:4px}
  .mini-metric-card__label{font-size:10.5px}
  .mini-metric-card__value{font-size:21px;line-height:1.08;overflow-wrap:anywhere}
  .mini-metric-card__subtext{font-size:11px;line-height:1.38}

  .foot{margin-top:auto;padding:10px 0 calc(10px + env(safe-area-inset-bottom))}
  .foot-inner{width:min(100% - 16px,767px);gap:6px}
  .foot-meta--inline{gap:3px 8px;font-size:11px;line-height:1.35}
  .foot-meta--inline .foot-copy{width:100%;font-size:11px}
  .foot-meta--inline .foot-link{font-size:11px}
  .foot-note--block{max-width:34ch;font-size:10px;line-height:1.35}

  .timeline-page .hero{padding:14px 13px}
  .timeline-card{margin-top:8px;padding:10px 8px 6px}
  .timeline{padding:4px 0 4px 22px;margin:0}
  .timeline::before{left:7px}
  .timeline .tl-item{margin:0 0 18px;padding-left:14px}
  .timeline .tl-item::before{left:-20px;top:5px;width:9px;height:9px}
  .timeline .tl-year,.timeline .tl-year-strong{font-size:12px;margin-bottom:2px}
  .timeline .tl-title{font-size:15px;line-height:1.28;margin-bottom:3px}
  .timeline .tl-desc{font-size:12.5px;line-height:1.48}
  .tl-highlight{padding:9px 10px}
  .timeline .tl-item:last-child{margin-bottom:0}

  .alpha-bar{
    flex-wrap:nowrap;
    gap:5px;
    margin-bottom:10px;
    padding-bottom:3px;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .alpha-bar::-webkit-scrollbar{display:none}
  .alpha-bar button{min-width:29px;width:29px;height:29px;font-size:12px;flex:0 0 29px}
  .alpha-bar .avds-filter-chip{min-width:29px;width:29px;min-height:29px;flex:0 0 29px;padding-inline:0;font-size:11px}
  .glossary-list-head{font-size:17px;gap:6px;margin-bottom:7px}
  .glossary-count{font-size:11.5px}
  .glossary-tools{gap:6px;margin-bottom:10px}
  .glossary-random{width:40px;padding:0}
  .glossary-random__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .g-search-wrap{margin-bottom:9px}
  .g-search-wrap input{min-height:40px;padding:8px 12px 8px 35px;font-size:13px}
  #glossaryGrid{gap:5px}
  .g-card{border-radius:10px;box-shadow:none}
  .g-card:hover,.g-card.open{box-shadow:none}
  .g-head{padding:10px 11px;gap:8px}
  .g-head .g-title{font-size:13px;line-height:1.3}
  .g-head .g-preview{font-size:11.5px;line-height:1.38;-webkit-line-clamp:1}
  .g-toggle{width:20px;height:20px}
  .g-body-inner{padding:10px 11px 11px}
  .g-body .g-def{font-size:13px;line-height:1.55;margin-bottom:8px}
  .g-body .g-example{padding:8px 10px;font-size:12.5px;line-height:1.5}
}

/* Final cascade for the shared surface hierarchy. */
main > .hero.card:not(.item-hero),
.roadmap-hero,
.basics-hero{
  border-color:var(--line);
  background:linear-gradient(100deg,var(--accent-bg),transparent 50%),var(--card);
}
.item-hero.hero.card{
  border-color:var(--line);
  border-left-color:var(--accent);
  background:var(--card);
}
.item-page[data-kind="fulltext"] .fulltext-host .const-preamble{
  background:transparent;
  border:0;
  border-bottom:1px solid var(--line);
  box-shadow:none;
}
.item-page[data-kind="fulltext"] .fulltext-host .const-article{
  background:transparent;
  padding-left:0;
  padding-right:0;
}
.item-page[data-kind="fulltext"] .fulltext-host .const-article:hover{
  background:transparent;
}
.timeline-card{border:1px solid var(--line);background:var(--card)}

@media (max-width:767px){
  main > .hero.card:not(.item-hero),
  .roadmap-hero,
  .basics-hero{background:linear-gradient(105deg,var(--accent-bg),var(--card) 62%)}
  .item-hero.hero.card{background:var(--card)}
  .item-page[data-kind="fulltext"] .fulltext-host .const-article{
    padding-left:8px;
    padding-right:8px;
  }
  .timeline-card{padding:12px 10px 8px}
}

/* Reader surface: keep the explanation calm and legible, then compress support material. */
.item-page:not([data-kind="fulltext"]) .item-main{gap:16px}

.item-page:not([data-kind="fulltext"]) .prose-block--primary{
  padding:24px 26px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--card);
}

.item-page:not([data-kind="fulltext"]) .prose-block:not(.prose-block--primary){
  padding:0 0 16px;
}

.item-page:not([data-kind="fulltext"]) .implementation-strip{
  gap:4px;
  margin-top:0;
  padding:9px 11px;
}

.item-page:not([data-kind="fulltext"]) .statement-context{
  padding:15px 16px 14px;
}

.item-page:not([data-kind="fulltext"]) .statement-context-note{
  margin-bottom:10px;
}

.item-page:not([data-kind="fulltext"]) .statement-list{gap:8px}

.item-page:not([data-kind="fulltext"]) .statement-item{
  padding:11px 12px 10px;
}

.item-page:not([data-kind="fulltext"]) .statement-quote{
  margin-bottom:8px;
  font-size:14px;
  line-height:1.58;
}

.item-page:not([data-kind="fulltext"]) .statement-documents{
  margin-top:12px;
  padding-top:11px;
}

.item-page:not([data-kind="fulltext"]) .statement-document{
  gap:6px;
  padding:10px;
}

.item-page:not([data-kind="fulltext"]) .legal-basis{
  margin-top:0;
  padding:11px 13px;
}

.item-page:not([data-kind="fulltext"]) .legal-basis h4{margin-bottom:7px}

.item-page:not([data-kind="fulltext"]) .article-link{
  min-height:0;
  padding:0;
  border:0;
  background:transparent;
  font-size:12.5px;
}

.item-page:not([data-kind="fulltext"]) .source-records{
  margin-top:2px;
  padding-top:12px;
}

.item-page:not([data-kind="fulltext"]) .source-records-note{margin-bottom:7px}

.item-page:not([data-kind="fulltext"]) .verified-mode-note{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:6px;
  margin-bottom:9px;
  padding:8px 10px;
}

.item-page:not([data-kind="fulltext"]) .verified-mode-links{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 10px;
}

.item-page:not([data-kind="fulltext"]) .verified-mode-links li{
  margin:0;
}

.item-page:not([data-kind="fulltext"]) .verified-mode-links a{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:5px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface-soft);
  color:var(--text);
  font-size:11.5px;
  line-height:1.1;
  font-weight:650;
  text-decoration:none;
}

.item-page:not([data-kind="fulltext"]) .verified-mode-links a:hover{
  border-color:var(--accent-2);
  background:var(--surface-hover);
}

.item-page:not([data-kind="fulltext"]) .source-record-list{gap:5px}

.item-page:not([data-kind="fulltext"]) .feedback-block{
  margin:2px 0;
  padding:8px 11px;
}

.item-page:not([data-kind="fulltext"]) .feedback-buttons{gap:6px}

.item-page:not([data-kind="fulltext"]) .feedback-btn{
  width:32px;
  height:32px;
}

.item-page:not([data-kind="fulltext"]) .item-page-footer{
  margin-top:10px;
  padding-top:12px;
}

.item-page:not([data-kind="fulltext"]) .item-page-footer .back-nav{
  margin-bottom:12px;
}

.item-page:not([data-kind="fulltext"]) .item-page-footer [data-related-card="grid"]{
  margin-top:4px;
}

.item-page:not([data-kind="fulltext"]) .item-page-footer .related-grid{gap:8px}

.item-page:not([data-kind="fulltext"]) .related-grid .card-link{
  gap:5px;
  padding:11px 12px;
}

.item-page:not([data-kind="fulltext"]) .related-grid .card-link h3{
  font-size:13.5px;
  line-height:1.3;
}

.item-page:not([data-kind="fulltext"]) .related-grid .card-link p{
  font-size:12px;
  line-height:1.45;
  -webkit-line-clamp:2;
}

.item-page:not([data-kind="fulltext"]) .item-provenance-panel{
  gap:10px;
  margin-top:12px;
  padding:12px 0;
}

.item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__title{
  font-size:15px;
}

.item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__summary{
  font-size:12.5px;
  line-height:1.48;
}

.item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
}

.item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__item{
  padding:0 10px;
}

.item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__item:first-child{
  padding-left:0;
}

.item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__text{
  font-size:12px;
  line-height:1.42;
}

.item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__links{gap:6px}

.item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__links a{
  min-height:27px;
  padding:5px 9px;
  font-size:11px;
}

@media (max-width:767px){
  .item-page:not([data-kind="fulltext"]) .item-main{gap:12px}

  .item-page:not([data-kind="fulltext"]) .prose-block--primary{
    padding:16px 14px;
    border-radius:11px;
  }

  .item-page:not([data-kind="fulltext"]) .prose-block:not(.prose-block--primary){
    padding:0 0 14px;
  }

  .item-page:not([data-kind="fulltext"]) .statement-context{
    padding:12px;
  }

  .item-page:not([data-kind="fulltext"]) .statement-item{
    padding:10px;
  }

  .item-page:not([data-kind="fulltext"]) .statement-quote{
    font-size:13.5px;
    line-height:1.54;
  }

  .item-page:not([data-kind="fulltext"]) .verified-mode-note{
    gap:6px;
  }

  .item-page:not([data-kind="fulltext"]) .verified-mode-links{gap:6px 8px}

  .item-page:not([data-kind="fulltext"]) .feedback-block{
    flex-direction:row;
    align-items:center;
    gap:8px;
    padding:7px 9px;
  }

  .item-page:not([data-kind="fulltext"]) .feedback-question{
    flex:1 1 auto;
    min-width:0;
  }

  .item-page:not([data-kind="fulltext"]) .feedback-buttons{
    width:auto;
    margin-left:auto;
    justify-content:flex-end;
  }

  .item-page:not([data-kind="fulltext"]) .related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }

  .item-page:not([data-kind="fulltext"]) .related-grid .card-link{
    min-height:0;
    padding:9px 10px;
  }

  .item-page:not([data-kind="fulltext"]) .related-grid .card-link h3{
    font-size:12.5px;
    -webkit-line-clamp:3;
  }

  .item-page:not([data-kind="fulltext"]) .related-grid .card-link p{display:none}

  .item-page:not([data-kind="fulltext"]) .item-provenance-panel{
    gap:8px;
    margin-top:10px;
    padding:10px 0;
  }

  .item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__grid{
    grid-template-columns:1fr;
  }

  .item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__item{
    padding:8px 0;
  }

  .item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__links{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* Editorial hierarchy: quiet section labels, restrained accents and a clear reader closeout. */
.page-header-shell__eyebrow{
  gap:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--muted);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
}
.card[data-section]{box-shadow:var(--shadow)}
.card[data-section] .eyebrow{
  display:flex;
  align-items:center;
  gap:0;
  color:var(--muted);
  font-size:11px;
  font-weight:650;
  letter-spacing:0;
  text-transform:none;
}
.item-hero.hero.card{
  border-left-color:var(--line);
  box-shadow:var(--shadow);
}

.item-page:not([data-kind="fulltext"]) .statement-context{
  padding:16px 18px 14px;
  border-color:var(--line);
  box-shadow:none;
}
.item-page:not([data-kind="fulltext"]) .statement-context-note{
  max-width:72ch;
  margin-bottom:6px;
}
.item-page:not([data-kind="fulltext"]) .statement-list{
  gap:12px;
  list-style:decimal;
}
.item-page:not([data-kind="fulltext"]) .statement-item{
  display:list-item;
  padding:0 0 0 4px;
  border:0;
  border-radius:0;
  background:transparent;
}
.item-page:not([data-kind="fulltext"]) .statement-item::marker{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
.item-page:not([data-kind="fulltext"]) .statement-quote{
  padding-left:0;
  font-size:15px;
  line-height:1.56;
  margin-bottom:7px;
}
.item-page:not([data-kind="fulltext"]) .statement-quote::before{display:none}
.item-page:not([data-kind="fulltext"]) .statement-source{
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:4px 8px;
  text-align:right;
}
.item-page:not([data-kind="fulltext"]) .statement-speaker{
  color:var(--text);
  text-decoration:none;
}
.item-page:not([data-kind="fulltext"]) a.statement-speaker:hover{
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:3px;
}
.item-page:not([data-kind="fulltext"]) .statement-date{
  color:var(--muted);
  font-size:12px;
}
.item-page:not([data-kind="fulltext"]) .statement-date::before{
  content:"·";
  margin-right:8px;
  color:var(--muted);
}
.item-page:not([data-kind="fulltext"]) .statement-documents{
  margin-top:10px;
  padding-top:10px;
  border-top:0;
}
.item-page:not([data-kind="fulltext"]) .statement-documents-grid{gap:8px}
.item-page:not([data-kind="fulltext"]) .statement-document{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  background:var(--surface-soft);
}
.item-page:not([data-kind="fulltext"]) .statement-document-title{
  font-size:12.5px;
  line-height:1.4;
}

.item-page:not([data-kind="fulltext"]) .reader-evidence{
  display:grid;
  gap:12px;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--card);
}
.reader-evidence--reader > summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  list-style:none;
  color:var(--text);
  font-size:14px;
  font-weight:800;
  line-height:1.3;
}
.reader-evidence--reader > summary::-webkit-details-marker{display:none}
.reader-evidence--reader > summary::after{
  content:"+";
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  width:26px;
  height:26px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--accent);
  background:var(--card);
  font-size:18px;
  font-weight:500;
  line-height:1;
}
.reader-evidence--reader[open] > summary::after{content:"−"}
.reader-evidence--reader > summary small{
  margin-left:auto;
  color:var(--muted);
  font-size:11.5px;
  font-weight:600;
}
.reader-evidence__body{display:grid;gap:12px;padding-top:2px}
.reader-evidence__header{display:grid;gap:3px}
.reader-evidence__header h2,
.reader-next__header h2{margin:0;font-size:18px;line-height:1.25;color:var(--text)}
.reader-evidence__header p,
.reader-next__header p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.5}
.reader-evidence__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  padding-top:2px;
  border-top:0;
}
.reader-evidence__grid--single{grid-template-columns:1fr}
.item-page:not([data-kind="fulltext"]) .reader-evidence .legal-basis{
  margin:0;
  padding:0 0 9px;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
}
.item-page:not([data-kind="fulltext"]) .reader-evidence .source-records{
  margin:0;
  padding:0;
  border:0;
}
.item-page:not([data-kind="fulltext"]) .reader-evidence__grid--single .legal-basis{
  padding-bottom:0;
  border-bottom:0;
}
.item-page:not([data-kind="fulltext"]) .reader-evidence__grid--single .source-records{
  padding-left:0;
  border-left:0;
}
.item-page:not([data-kind="fulltext"]) .reader-evidence h4{
  margin:0 0 8px;
  font-size:13px;
  font-weight:750;
}
.item-page:not([data-kind="fulltext"]) .reader-evidence .source-record-list{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px 14px;
}
.item-page:not([data-kind="fulltext"]) .reader-evidence .source-record{
  display:grid;
  gap:1px;
  font-size:12px;
}
.item-page:not([data-kind="fulltext"]) .reader-evidence .source-record a{
  color:var(--text);
  font-weight:650;
}
.item-page:not([data-kind="fulltext"]) .reader-evidence .source-record-meta{
  font-size:11.5px;
  line-height:1.35;
}
.item-page:not([data-kind="fulltext"]) .reader-evidence .source-records-note strong{
  color:var(--text);
  font-weight:750;
}
.entity-link-strip{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding-top:12px;
  border-top:1px solid var(--line);
}
.entity-link-strip h4{
  margin:0 0 3px;
  color:var(--text);
  font-size:13px;
  font-weight:750;
  line-height:1.25;
}
.entity-link-strip p{
  margin:0;
  max-width:42ch;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}
.entity-link-strip__links{
  display:flex;
  flex:0 1 520px;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
  min-width:0;
}
.entity-link-strip__links .pill{
  min-height:26px;
  max-width:100%;
  text-decoration:none;
}
.entity-link-strip__links small{
  display:inline-block;
  max-width:180px;
  margin-left:5px;
  overflow:hidden;
  color:var(--muted);
  font-size:11px;
  line-height:1;
  text-overflow:ellipsis;
  vertical-align:-1px;
  white-space:nowrap;
}
.reader-machine-sources{padding-top:4px;border-top:0}
.reader-machine-sources summary,
.reader-transparency > summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:pointer;
  color:var(--muted);
  font-size:12px;
  font-weight:650;
  list-style:none;
}
.reader-machine-sources summary::-webkit-details-marker,
.reader-transparency > summary::-webkit-details-marker{display:none}
.reader-machine-sources summary::after,
.reader-transparency > summary::after{
  content:"+";
  color:var(--accent);
  font-size:16px;
  font-weight:500;
  line-height:1;
}
.reader-machine-sources[open] summary::after,
.reader-transparency[open] > summary::after{content:"−"}
.item-page:not([data-kind="fulltext"]) .reader-machine-sources .verified-mode-note{
  grid-template-columns:auto minmax(0,1fr);
  gap:4px 10px;
  margin:8px 0 0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}

.item-page:not([data-kind="fulltext"]) .item-page-footer{
  display:grid;
  gap:14px;
  margin-top:2px;
  padding-top:0;
  border-top:0;
}
.reader-next{
  display:grid;
  gap:12px;
  padding-top:8px;
  border-top:0;
}
.reader-next__header{display:grid;gap:3px}
.item-page:not([data-kind="fulltext"]) .reader-next .related-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
  margin-top:0;
}
.item-page:not([data-kind="fulltext"]) .reader-next .card-link{
  gap:4px;
  min-height:0;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--card);
  box-shadow:none;
}
.item-page:not([data-kind="fulltext"]) .reader-next .card-link:hover{
  padding-left:7px;
  background:var(--surface-soft);
}
.item-page:not([data-kind="fulltext"]) .reader-next .card-link h3{
  font-size:13.5px;
  line-height:1.35;
}
.item-page:not([data-kind="fulltext"]) .reader-next .card-link p{
  color:var(--muted);
  font-size:11.5px;
  line-height:1.45;
  -webkit-line-clamp:2;
}
.reader-transparency{
  padding:6px 0;
  border:0;
}
.reader-transparency > summary{color:var(--text);font-size:13px;font-weight:700}
.reader-transparency__body{display:grid;gap:8px;padding:8px 0 2px}
.reader-transparency__text{margin:0;max-width:86ch;color:var(--muted);font-size:12.5px;line-height:1.55}
.reader-transparency__text [data-updated-at]{color:var(--text);font-weight:700}
.reader-transparency__links{display:flex;flex-wrap:wrap;gap:6px}
.reader-transparency__links .mini-pill-link{font-size:12px}
.reader-closeout{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
}
.item-page .reader-closeout .back-nav{
  margin:0;
  flex-wrap:wrap;
  gap:7px 12px;
}
.item-page .reader-closeout .feedback-block{
  width:auto;
  min-width:230px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

@media (max-width:767px){
  /* Keep the reader's primary commands close without creating a second toolbar. */
  .item-page:not([data-kind="fulltext"]) .item-hero.hero.card{
    margin-bottom:10px;
  }
  .item-page:not([data-kind="fulltext"]) .item-aside{
    order:0;
    margin:0 0 8px;
  }
  .page-header-shell__eyebrow{font-size:10.5px}
  .item-page:not([data-kind="fulltext"]) .statement-context{padding:13px 14px 11px}
  .item-page:not([data-kind="fulltext"]) .statement-item{
    padding:0 0 0 2px;
  }
  .item-page:not([data-kind="fulltext"]) .statement-quote{font-size:13.5px;line-height:1.48}
  .item-page:not([data-kind="fulltext"]) .statement-meta,
  .item-page:not([data-kind="fulltext"]) .statement-source{
    justify-content:flex-end;
    text-align:right;
  }
  .item-page:not([data-kind="fulltext"]) .reader-evidence{gap:11px;padding:15px 14px}
  .reader-evidence__header h2,.reader-next__header h2{font-size:16px}
  .reader-evidence__grid{grid-template-columns:1fr;gap:10px}
  .item-page:not([data-kind="fulltext"]) .reader-evidence .legal-basis{padding:0;border-bottom:0}
  .item-page:not([data-kind="fulltext"]) .reader-evidence .source-records{padding:0;border-left:0}
  .item-page:not([data-kind="fulltext"]) .reader-evidence .source-records-note{display:none}
  .item-page:not([data-kind="fulltext"]) .reader-evidence .source-record-list{grid-template-columns:1fr;gap:7px}
  .item-page:not([data-kind="fulltext"]) .reader-evidence .source-record{font-size:11.5px;line-height:1.35}
  .entity-link-strip{display:block}
  .entity-link-strip__links{justify-content:flex-start;margin-top:8px}
  .entity-link-strip__links small{max-width:130px}
  .item-page:not([data-kind="fulltext"]) .statement-document{grid-template-columns:1fr;gap:8px}
  .item-page:not([data-kind="fulltext"]) .reader-machine-sources .verified-mode-note{grid-template-columns:1fr}
  .item-page:not([data-kind="fulltext"]) .reader-next .related-grid{grid-template-columns:1fr}
  .item-page:not([data-kind="fulltext"]) .reader-next .card-link p{display:none}
  .reader-closeout{grid-template-columns:1fr;align-items:flex-start;gap:10px}
  .item-page .reader-closeout .feedback-block{width:100%;min-width:0}
}

/* Final article-page polish: compact evidence, clearer quotes, tighter closeout. */
.item-page:not([data-kind="fulltext"]) .item-layout{
  gap:14px 18px;
}

.item-page:not([data-kind="fulltext"]) .item-hero.hero.card{
  padding:22px 24px 18px;
  border-left-width:0;
  border-radius:14px;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--accent) 44%,transparent) 0 2px,transparent 2px),
    linear-gradient(145deg,color-mix(in srgb,var(--surface-soft) 72%,var(--card)),var(--card) 62%);
  box-shadow:0 1px 2px rgba(23,32,51,.045);
}

.item-page:not([data-kind="fulltext"]) .item-hero h1{
  max-width:18ch;
  margin-bottom:8px;
  font-size:clamp(24px,3vw,34px);
  letter-spacing:0;
  line-height:1.12;
}

.item-page:not([data-kind="fulltext"]) .item-hero .lead{
  max-width:74ch;
  color:var(--muted);
  font-size:15px;
  line-height:1.58;
}

.item-page:not([data-kind="fulltext"]) .page-header-shell__meta{
  margin-top:10px;
}

.item-page:not([data-kind="fulltext"]) .prose-block--primary{
  padding:24px 26px;
  border-color:color-mix(in srgb,var(--line) 82%,transparent);
  border-radius:14px;
  box-shadow:0 1px 2px rgba(23,32,51,.035);
}

.item-page:not([data-kind="fulltext"]) .prose-block:has(+ .statement-context){
  padding-bottom:4px;
  border-bottom:0;
}

.item-page:not([data-kind="fulltext"]) .implementation-strip{
  grid-template-columns:minmax(0,1fr);
  gap:5px;
  margin-top:-4px;
  padding:11px 14px 12px;
  border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));
  border-left:3px solid var(--accent);
  border-radius:12px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent-bg) 58%,var(--card)),var(--card));
}

.item-page:not([data-kind="fulltext"]) .implementation-strip h2{
  font-size:12.5px;
}

.item-page:not([data-kind="fulltext"]) .implementation-strip p{
  max-width:86ch;
  color:var(--muted);
  font-size:12px;
}

.item-page:not([data-kind="fulltext"]) .implementation-strip__verified{
  color:var(--muted);
}

.item-page:not([data-kind="fulltext"]) .statement-context{
  padding:20px 22px 18px;
  border-color:color-mix(in srgb,var(--line) 84%,transparent);
  border-radius:14px;
  box-shadow:0 1px 2px rgba(23,32,51,.035);
}

.item-page:not([data-kind="fulltext"]) .statement-context h2{
  margin-bottom:8px;
  font-size:22px;
  line-height:1.18;
  letter-spacing:0;
}

.item-page:not([data-kind="fulltext"]) .statement-context-note{
  max-width:68ch;
  margin-bottom:14px;
  font-size:13px;
}

.item-page:not([data-kind="fulltext"]) .statement-list{
  gap:14px;
  padding-left:1.25rem;
}

.item-page:not([data-kind="fulltext"]) .statement-item{
  padding:0 0 0 3px;
}

.item-page:not([data-kind="fulltext"]) .statement-item::marker{
  color:var(--text);
  font-size:13px;
  font-weight:650;
}

.item-page:not([data-kind="fulltext"]) .statement-quote{
  max-width:90ch;
  margin-bottom:6px;
  color:var(--text);
  font-size:14px;
  line-height:1.56;
}

.item-page:not([data-kind="fulltext"]) .statement-source{
  color:var(--muted);
  font-size:12px;
}

.item-page:not([data-kind="fulltext"]) .reader-evidence{
  gap:14px;
  padding:18px 22px;
  border-color:color-mix(in srgb,var(--line) 84%,transparent);
  border-radius:14px;
  box-shadow:0 1px 2px rgba(23,32,51,.035);
}

.item-page:not([data-kind="fulltext"]) .reader-evidence__header{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:8px 16px;
}

.item-page:not([data-kind="fulltext"]) .reader-evidence__header h2{
  font-size:19px;
}

.item-page:not([data-kind="fulltext"]) .reader-evidence__header p{
  max-width:72ch;
}

.item-page:not([data-kind="fulltext"]) .reader-evidence__grid{
  gap:12px;
}

.item-page:not([data-kind="fulltext"]) .reader-evidence .legal-basis{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px 16px;
  padding-bottom:12px;
}

.item-page:not([data-kind="fulltext"]) .reader-evidence .legal-basis h4,
.item-page:not([data-kind="fulltext"]) .reader-evidence .source-records h4{
  margin:0;
  color:var(--text);
  font-size:12px;
  text-transform:none;
  letter-spacing:0;
}

.item-page:not([data-kind="fulltext"]) .reader-evidence .articles-list{
  justify-content:flex-end;
  gap:6px;
}

.item-page:not([data-kind="fulltext"]) .reader-evidence .article-link{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:4px 9px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--card);
  line-height:1.1;
  text-decoration:none;
}

.item-page:not([data-kind="fulltext"]) .reader-evidence .article-separator{
  display:none;
}

.item-page:not([data-kind="fulltext"]) .reader-evidence .source-records{
  display:grid;
  gap:9px;
}

.item-page:not([data-kind="fulltext"]) .reader-evidence .source-records-note{
  margin:0;
  font-size:12px;
}

.item-page:not([data-kind="fulltext"]) .reader-evidence .source-record-list{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 16px;
}

.item-page:not([data-kind="fulltext"]) .reader-evidence .source-record{
  position:relative;
  padding-left:12px;
}

.item-page:not([data-kind="fulltext"]) .reader-evidence .source-record::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--accent);
  opacity:.55;
}

.item-page:not([data-kind="fulltext"]) .reader-evidence .source-record a{
  color:var(--text);
  font-size:12.5px;
  line-height:1.35;
}

.item-page:not([data-kind="fulltext"]) .reader-evidence .source-record-meta{
  color:var(--muted);
  font-size:11px;
}

.item-page:not([data-kind="fulltext"]) .reader-machine-sources{
  padding-top:2px;
}

.item-page:not([data-kind="fulltext"]) .reader-next{
  gap:10px;
  padding-top:2px;
}

.item-page:not([data-kind="fulltext"]) .reader-next__header{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:8px 16px;
}

.item-page:not([data-kind="fulltext"]) .reader-next .related-grid{
  gap:9px;
}

.item-page:not([data-kind="fulltext"]) .reader-next .card-link{
  min-height:122px;
  padding:12px 13px;
  border-radius:12px;
  background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--surface-soft) 58%,var(--card)));
}

.item-page:not([data-kind="fulltext"]) .reader-next .card-link:hover{
  padding-left:13px;
  border-color:var(--accent-border);
  background:var(--card);
}

.item-page:not([data-kind="fulltext"]) .reader-next .card-link h3{
  font-size:13px;
}

.item-page:not([data-kind="fulltext"]) .reader-next .card-link p{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:11.5px;
}

.item-page:not([data-kind="fulltext"]) .reader-transparency{
  padding:0;
}

.item-page:not([data-kind="fulltext"]) .reader-closeout{
  padding-top:2px;
}

.item-page:not([data-kind="fulltext"]) .reader-closeout .back-nav{
  align-items:center;
  min-height:36px;
}

.item-page:not([data-kind="fulltext"]) .reader-closeout .feedback-block{
  min-width:260px;
  justify-content:flex-end;
  gap:10px;
}

.item-page:not([data-kind="fulltext"]) .reader-closeout .feedback-question{
  white-space:nowrap;
}

@media (max-width:767px){
  .item-page:not([data-kind="fulltext"]) .item-layout{
    gap:10px;
  }
  .item-page:not([data-kind="fulltext"]) .item-hero.hero.card{
    padding:17px 15px 15px;
    border-radius:12px;
  }
  .item-page:not([data-kind="fulltext"]) .item-hero h1{
    max-width:none;
    font-size:24px;
    line-height:1.16;
  }
  .item-page:not([data-kind="fulltext"]) .item-hero .lead{
    font-size:14px;
    line-height:1.52;
  }
  .item-page:not([data-kind="fulltext"]) .prose-block--primary,
  .item-page:not([data-kind="fulltext"]) .statement-context,
  .item-page:not([data-kind="fulltext"]) .reader-evidence{
    padding:15px 14px;
    border-radius:12px;
  }
  .item-page:not([data-kind="fulltext"]) .statement-context h2{
    font-size:19px;
  }
  .item-page:not([data-kind="fulltext"]) .statement-list{
    gap:12px;
    padding-left:1.15rem;
  }
  .item-page:not([data-kind="fulltext"]) .statement-quote{
    font-size:13.5px;
  }
  .item-page:not([data-kind="fulltext"]) .reader-evidence__header,
  .item-page:not([data-kind="fulltext"]) .reader-next__header{
    grid-template-columns:1fr;
    align-items:start;
  }
  .item-page:not([data-kind="fulltext"]) .reader-evidence .legal-basis{
    grid-template-columns:1fr;
    align-items:start;
    gap:8px;
    padding-bottom:10px;
  }
  .item-page:not([data-kind="fulltext"]) .reader-evidence .articles-list{
    justify-content:flex-start;
  }
  .item-page:not([data-kind="fulltext"]) .reader-evidence .source-record-list{
    grid-template-columns:1fr;
    gap:8px;
  }
  .item-page:not([data-kind="fulltext"]) .reader-next .card-link{
    min-height:0;
  }
  .item-page:not([data-kind="fulltext"]) .reader-closeout{
    gap:8px;
  }
  .item-page:not([data-kind="fulltext"]) .reader-closeout .feedback-block{
    justify-content:space-between;
    min-width:0;
  }
  .item-page:not([data-kind="fulltext"]) .reader-closeout .feedback-question{
    white-space:normal;
  }
}

/* Secondary/technical support blocks stay available, but do not dominate phone reading. */
.mobile-collapse-details,
.mobile-collapse-body{
  display:contents;
}

.mobile-collapse-summary{
  display:none;
}

@media (max-width:767px){
  .mobile-collapse-details{
    display:block;
    min-width:0;
  }

  .mobile-collapse-body{
    display:grid;
    gap:12px;
    min-width:0;
  }

  .provenance-panel .mobile-collapse-body,
  .reader-evidence .mobile-collapse-body{
    gap:12px;
  }

  .mobile-collapse-summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:42px;
    color:var(--text);
    font-size:13px;
    font-weight:750;
    line-height:1.25;
    cursor:pointer;
    list-style:none;
  }

  .mobile-collapse-summary::-webkit-details-marker{
    display:none;
  }

  .mobile-collapse-summary::after{
    content:"+";
    display:inline-grid;
    place-items:center;
    flex:0 0 auto;
    width:26px;
    height:26px;
    border:1px solid var(--line);
    border-radius:999px;
    color:var(--accent);
    background:var(--card);
    font-size:18px;
    font-weight:500;
    line-height:1;
  }

  .mobile-collapse-details[open] > .mobile-collapse-summary{
    margin-bottom:10px;
  }

  .mobile-collapse-details[open] > .mobile-collapse-summary::after{
    content:"−";
  }

  .reader-evidence[data-mobile-collapse],
  .provenance-panel[data-mobile-collapse]{
    padding:12px 14px;
  }
}

/* Mobile and tablet application shell */
.app-dock{display:none}

@media (max-width:1024px){
  :root{--app-dock-height:64px}
  /* The footer reserves the fixed application dock.  Keep the content shell
     on the normal rhythm so it does not create an empty band before it. */
  .wrap{
    padding-bottom:8px;
  }
  html{
    scroll-padding-bottom:calc(var(--app-dock-height) + env(safe-area-inset-bottom) + 12px);
    overscroll-behavior-y:none;
  }
  body{-webkit-tap-highlight-color:transparent}
  body.app-menu-open{overflow:hidden}
  body.app-menu-open::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:var(--z-mobile-overlay);
    background:rgba(20,27,41,.34);
  }
  .app-menu-open .topbar{z-index:220}
  .topbar{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .hamburger{display:none!important}
  .header-saved{display:none}
  .topbar .nav{
    position:fixed;
    top:auto;
    right:8px;
    bottom:calc(var(--app-dock-height) + env(safe-area-inset-bottom) + 8px);
    left:8px;
    z-index:var(--z-mobile-menu);
    display:none;
    width:auto;
    max-height:min(68dvh,640px);
    margin:0;
    padding:10px;
    overflow-y:auto;
    overscroll-behavior:contain;
    flex-direction:column;
    align-items:stretch;
    gap:2px;
    border:1px solid var(--line);
    border-radius:16px;
    background:var(--card);
    box-shadow:0 22px 56px rgba(20,27,41,.22);
  }
  .topbar .nav.nav-open{display:flex}
  .topbar .nav > a,
  .topbar .nav .nav-dropdown,
  .topbar .nav .nav-dropdown__toggle{width:100%}
  .topbar .nav > a,
  .topbar .nav .nav-dropdown__toggle,
  .topbar .nav .nav-chat-action{
    min-height:44px;
    padding:10px 12px;
    border-radius:10px;
    font-size:14px;
    text-align:left;
    justify-content:space-between;
  }
  .topbar .nav .nav-chat-action{
    display:flex;
    width:100%;
    border:0;
    background:var(--accent-bg);
    color:var(--accent);
    align-items:center;
    gap:10px;
    font:inherit;
    font-weight:750;
    cursor:pointer;
  }
  .topbar .nav .nav-chat-action svg{
    width:18px!important;
    height:18px!important;
    max-width:18px!important;
    max-height:18px!important;
    flex:0 0 18px;
  }
  .topbar .nav .nav-chat-action:hover,
  .topbar .nav .nav-chat-action:focus-visible{
    background:color-mix(in srgb,var(--accent-bg) 82%,var(--accent) 18%);
  }
  .topbar .nav .nav-dropdown__menu{
    position:static;
    width:100%;
    min-width:0;
    margin:2px 0 4px;
    padding:4px 0 0 10px;
    border:0;
    border-left:2px solid var(--line);
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .topbar .nav-dropdown:not(.nav-dropdown--open) .nav-dropdown__menu{display:none}

  .app-dock{
    position:fixed;
    right:0;
    bottom:0;
    left:0;
    z-index:var(--z-mobile-dock);
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    min-height:calc(var(--app-dock-height) + env(safe-area-inset-bottom));
    padding:4px max(6px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(6px,env(safe-area-inset-left));
    border-top:1px solid color-mix(in srgb,var(--line) 86%,transparent);
    background:color-mix(in srgb,var(--card) 97%,transparent);
    box-shadow:0 -8px 26px rgba(20,27,41,.08);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .app-dock__item{
    display:flex;
    min-width:0;
    min-height:56px;
    padding:4px 2px 3px;
    border:0;
    border-radius:10px;
    background:transparent;
    color:var(--muted);
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:2px;
    font:inherit;
    text-decoration:none;
    cursor:pointer;
    touch-action:manipulation;
  }
  .app-dock__item svg{
    width:21px;
    height:21px;
    flex:0 0 21px;
  }
  .app-dock__item span{
    max-width:100%;
    overflow:hidden;
    font-size:10.5px;
    font-weight:650;
    line-height:1.15;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .app-dock__item:hover,
  .app-dock__item:focus-visible,
  .app-dock__item.is-active{
    color:var(--accent);
    background:var(--accent-bg);
  }
  .app-dock__item.is-active span{font-weight:750}
  .foot{
    padding-bottom:calc(var(--app-dock-height) + env(safe-area-inset-bottom) + 14px)!important;
  }
  .cookie-banner{bottom:calc(var(--app-dock-height) + env(safe-area-inset-bottom))}
  .btt,
  .back-to-top{
    right:10px;
    bottom:calc(var(--app-dock-height) + env(safe-area-inset-bottom) + 10px);
  }
}

@media (max-width:480px){
  .app-dock__item{border-radius:9px}
  .app-dock__item svg{width:20px;height:20px;flex-basis:20px}
  .app-dock__item span{font-size:10px}
}

@media (display-mode:standalone){
  body{overscroll-behavior-y:none}
  .wrap{padding-top:max(8px,env(safe-area-inset-top))}
  .topbar{top:max(4px,env(safe-area-inset-top))}
}

/* Final page polish pass: align screenshot-reviewed public surfaces. */
.page-header-shell__title,
.card h3,
.provenance-panel__title,
.reader-evidence__header h2,
.reader-next__header h2{
  text-wrap:balance;
}
.page-header-shell__subtitle,
.card > p,
.provenance-panel__summary,
.press-summary-card p,
.press-change-card li span,
.about-core__header p,
.about-core__note p,
.about-routes p,
.about-sources-panel p{
  text-wrap:pretty;
}

.search-hero .provenance-panel,
.press-page .provenance-panel{
  padding:14px 16px;
  border:1px solid color-mix(in srgb,var(--line) 86%,transparent);
  border-radius:12px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface-soft) 72%,var(--card)),var(--card));
}
.search-hero .provenance-panel{margin-top:2px}
.press-page .press-section.provenance-panel{margin-top:14px}
.search-hero .provenance-panel__header,
.press-page .provenance-panel__header{gap:4px}
.search-hero .provenance-panel__summary,
.press-page .provenance-panel__summary{
  font-size:12.5px;
  line-height:1.48;
}
@media (min-width:900px){
  #glossaryGrid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:start;
    gap:8px 10px;
  }
  #glossaryGrid .g-card.open{grid-column:1 / -1}
}
.g-card{border-color:color-mix(in srgb,var(--line) 88%,transparent)}
.g-head{min-height:58px}
.g-body .g-def{color:var(--text)}
.g-body .g-example{
  color:var(--text);
  background:color-mix(in srgb,var(--accent-bg) 72%,var(--card));
}

.roadmap-page{gap:18px}
.roadmap-track{gap:12px}
.roadmap-flow-step,
.roadmap-phase,
.roadmap-now,
.about-routes,
.about-sources-panel,
.press-summary-card,
.press-change-card,
.press-download-card{
  box-shadow:0 1px 2px rgba(23,32,51,.035);
}
.roadmap-phase{padding:18px}
.roadmap-phase[data-status="current"]{
  box-shadow:0 8px 20px rgba(37,99,235,.08);
}
.press-page .press-section--primary{
  padding-top:12px;
  padding-bottom:12px;
}
.press-summary-grid{gap:12px}
.press-change-grid,
.press-download-grid{gap:10px}
.about-source-grid{gap:0 16px}
.about-source-link{
  min-height:58px;
  padding:9px 0;
}
.about-source-link strong{
  font-size:14px;
  color:var(--text);
}
.about-source-link span{
  font-size:12.5px;
  line-height:1.45;
  color:var(--muted);
}

@media (max-width:767px){
  .search-hero .provenance-panel,
  .press-page .provenance-panel{
    padding:11px 12px;
    border-radius:11px;
  }
  .roadmap-page{gap:12px}
  .roadmap-phase{padding:12px 11px 12px 38px}
  .roadmap-phase__head{gap:8px;padding-left:0}
  .roadmap-phase__title{font-size:16px;line-height:1.24}
  .roadmap-phase__icon{display:none}
  .roadmap-phase__badge{display:none;margin-top:5px;padding:2px 6px;font-size:9px}
  .roadmap-now{gap:10px;padding:13px 13px 13px 15px}
  .roadmap-now h2{font-size:16px;margin-bottom:5px}
  .roadmap-now p{font-size:12.5px;line-height:1.5}
  .roadmap-now__links{flex-wrap:wrap;overflow:visible;gap:5px}
  .roadmap-now__links .quick-links-rail__link{flex:0 0 auto;min-height:27px;padding:4px 8px;font-size:10.5px}
  .press-summary-grid,
  .press-change-grid{grid-template-columns:1fr}
  .press-download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .press-summary-grid{gap:10px}
  .press-change-grid,
  .press-download-grid{gap:8px}
}

/* Final frontend alignment pass: normalize public page rhythm. */
.home-section,
.basics-page,
.roadmap-page,
.timeline-page,
.about-page,
.press-page{
  gap:16px;
}

.hero.card,
.basics-hero,
.provenance-panel,
.mini-metric-card,
.task-route,
.home-intelligence-card,
.card.card-link,
.basics-card,
.overview-tile,
.material-card,
.compare-bridge__node,
.cs-box,
.cmp-card,
.roadmap-flow-step,
.roadmap-phase,
.roadmap-now,
.press-summary-card,
.press-change-card,
.press-download-card,
.about-routes,
.about-sources-panel,
.g-card{
  border-radius:12px;
}

.hero.card,
.basics-hero,
.provenance-panel,
.mini-metric-card,
.task-route,
.home-intelligence-card,
.card.card-link,
.basics-card,
.overview-tile,
.material-card,
.compare-bridge__node,
.cs-box,
.cmp-card,
.roadmap-flow-step,
.roadmap-phase,
.roadmap-now,
.press-summary-card,
.press-change-card,
.press-download-card,
.about-routes,
.about-sources-panel,
.g-card{
  box-shadow:0 1px 2px rgba(23,32,51,.035);
}

.home-section{margin-top:22px}
.task-routes,
#featuredGrid,
.basics-grid,
.overview-grid,
.materials-grid,
.press-stats,
.press-summary-grid,
.press-change-grid,
.press-download-grid,
.about-status-grid,
.about-core{
  gap:10px;
}

.task-routes--home{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}

.task-route--home{min-width:0}

.task-route{min-height:82px;padding:14px 15px}
.home-tools{
  margin-top:12px;
  background:var(--card);
  border-color:color-mix(in srgb,var(--line) 72%,var(--text) 18%);
  box-shadow:0 8px 22px rgba(23,32,51,.035);
}
.home-intelligence__grid{gap:12px}
.home-intelligence-card{
  min-height:96px;
  border-color:color-mix(in srgb,var(--line) 66%,var(--text) 28%);
  background:var(--card);
  box-shadow:0 5px 14px rgba(23,32,51,.04);
}
#featuredGrid .card.card-link{min-height:170px;padding:17px}
#featuredGrid .card h3{
  line-height:1.32;
}

.basics-page{gap:17px}
.basics-page + .footer{margin-top:0}
.basics-hero{padding:22px 24px}
.basics-section h2{margin-bottom:10px;font-size:19px}
.basics-card{padding:16px}
.overview-tile{padding:15px}
.material-card{padding:15px}
.source-row{padding-top:12px}

.roadmap-page{gap:14px}
.roadmap-flow-diagram{gap:9px}
.roadmap-flow-step{min-height:72px;padding:11px 13px}
.roadmap-track{gap:10px;align-items:start}
  .roadmap-track::before{top:27px}
  .roadmap-phase{min-height:0;padding:16px}
  .roadmap-phase::before{left:28px;top:28px}
  .roadmap-phase__head{gap:10px;padding-left:30px}
  .roadmap-phase ul{gap:7px;font-size:13px;line-height:1.45}
  .roadmap-now{padding:16px 18px;gap:12px}
  .roadmap-now h2{font-size:17px}
  .roadmap-now p{font-size:13px;line-height:1.55}
  .roadmap-now__links{gap:6px}

.compare-hero{gap:16px}
.compare-bridge{margin:10px 0}
.compare-bridge__node{min-height:76px;padding:12px 13px}
.compare-toolbar{margin-bottom:12px}
.compare-section{margin-bottom:18px}
.compare-section h2{margin-bottom:8px}
.compare-cards{gap:7px}
.cmp-header{padding:12px 14px}
.cmp-body{padding:0 14px 14px}
.cmp-note{padding:9px 11px}

.about-page .hero,
.press-page .hero{margin-bottom:0}
.about-status-card{min-height:100px;padding:14px}
.about-core{grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr)}
.about-work-grid{margin-top:12px}
.about-core__main,
.about-core__note,
.about-routes,
.about-sources-panel{
  padding:16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--card);
  box-shadow:none;
}
.about-source-link{min-height:54px}

.press-page .press-section{margin-top:12px}
.press-page .press-section--primary{padding:10px 0}
.press-stat{min-height:90px;padding:13px 13px 11px}
.press-summary-card,
.press-change-card{padding:17px 18px 16px}
.press-download-card{padding:15px}
.press-page .provenance-panel{padding:14px 16px}

.search-hero .provenance-panel{margin-top:0}
.search-hero form{gap:10px}

.glossary-tools{gap:8px}
.alpha-bar{gap:5px}
#glossaryGrid{gap:8px 10px}
.g-head{min-height:56px}
.g-card:not(.open) .g-body-inner{
  padding:0;
  border-top:0;
}
.g-card.open .g-head{border-bottom-color:color-mix(in srgb,var(--line) 88%,transparent)}
.g-body{padding:0}
.g-card.open .g-body-inner{padding:14px 16px}

/* Metric strips stay neutral: hierarchy comes from labels and values, not
   decorative colour bars above otherwise ordinary cards. */
[data-avds-pattern="compact-metric-strip"] > .mini-metric-card,
[data-avds-pattern="compact-metric-strip"] > .cs-box{
  border-top:1px solid var(--line);
}

@media (max-width:1024px){
  .about-core{grid-template-columns:1fr}
  .roadmap-track{align-items:stretch}
}

@media (max-width:767px){
  .section-head--home{
    align-items:start;
    gap:4px;
    margin:0;
  }
  .section-head--home h2{
    font-size:16px;
  }
  .section-head--home p{
    display:none;
  }
  .home-section,
  .basics-page,
  .roadmap-page,
  .timeline-page,
  .about-page,
  .press-page{
    gap:10px;
  }
  .task-routes,
  #featuredGrid,
  .basics-grid,
  .overview-grid,
  .materials-grid,
  .press-stats,
  .press-summary-grid,
  .press-change-grid,
  .press-download-grid,
  .about-status-grid,
  .about-core{
    gap:8px;
  }
  .hero.card,
  .basics-hero,
  .provenance-panel,
  .card.card-link,
  .basics-card,
  .overview-tile,
  .material-card,
  .compare-bridge__node,
  .cs-box,
  .cmp-card,
  .roadmap-flow-step,
  .roadmap-phase,
  .roadmap-now,
  .press-summary-card,
  .press-change-card,
  .press-download-card,
  .about-routes,
  .about-sources-panel,
  .g-card{
    border-radius:10px;
    box-shadow:none;
  }
  .home-section{margin-top:18px}
  .task-routes--home{
    grid-template-columns:minmax(0,1fr);
    gap:8px;
    border-top:0;
  }
  .task-route{min-height:0;padding:12px}
  .home-intelligence__grid{gap:9px}
  .home-intelligence-card{
    min-height:68px;
    border-color:color-mix(in srgb,var(--line) 72%,var(--text) 24%);
    box-shadow:0 2px 7px rgba(23,32,51,.035);
  }
  #featuredGrid .card.card-link{
    min-height:0;
    padding:13px 14px 12px;
  }
  .basics-hero{padding:14px 13px}
  .basics-card,
  .overview-tile,
  .material-card{min-height:0;padding:13px}
  .basics-section h2{margin-bottom:8px;font-size:17px}
  .roadmap-track{gap:7px;align-items:stretch}
  .roadmap-flow-step{min-height:0}
  .roadmap-phase{min-height:0}
  .roadmap-now{padding:13px 14px}
  .compare-bridge{gap:6px}
  .section-nav .pill-link-inline{padding:4px 8px;font-size:10.5px;white-space:nowrap}
  .section-nav .sec-marker{display:none}
  .expand-all{min-height:26px;padding:4px 8px;font-size:10.5px}
  .compare-toolbar{gap:6px;margin:8px 0 10px}
  .compare-section{margin-bottom:14px}
  .compare-section h2{font-size:16px;margin-bottom:7px;gap:6px}
  .compare-section h2 .sec-marker{width:9px;height:9px}
  .compare-cards{gap:5px}
  .cmp-cols{grid-template-columns:1fr;gap:6px}
  .cmp-header{padding:10px 11px}
  .cmp-header{gap:8px}
  .cmp-header h3{font-size:13px}
  .cmp-hint{font-size:11.5px;line-height:1.4;margin-top:3px;-webkit-line-clamp:1}
  .cmp-toggle{width:20px;height:20px}
  .cmp-label{font-size:9.5px;margin-bottom:4px}
  .cmp-body{padding:0 10px 10px}
  .cmp-col{padding:9px 10px;font-size:12px;line-height:1.5}
  .cmp-note{margin-top:6px;padding:8px 9px;font-size:12px;line-height:1.45}
  .cmp-sources{display:grid;grid-template-columns:1fr;gap:5px;margin-top:7px;padding-top:7px}
  .cmp-source-group{align-items:flex-start}
  .cmp-source-edition{padding-top:4px;min-width:30px;font-size:9.5px}
  .cmp-source-link{min-height:22px;padding:3px 6px;font-size:9.5px}
  .cmp-source-empty{padding-top:3px;font-size:9.5px}
  main.about-page{gap:12px}
  main.about-page .about-status-grid{gap:6px}
  main.about-page .about-status-card{min-height:0;padding:10px;border-radius:11px}
  main.about-page .about-status-card .mini-metric-card__value{font-size:20px}
  main.about-page .about-status-card .mini-metric-card__subtext{font-size:11px}
  main.about-page .about-work-grid{margin-top:10px}
  main.about-page .about-core__main,
  main.about-page .about-core__note,
  main.about-page .about-routes,
  main.about-page .about-sources-panel{padding:13px}
  main.about-page .about-core__header h2,
  main.about-page .about-core__note h2,
  main.about-page .about-routes h2,
  main.about-page .about-sources-panel h2{font-size:16px}
  main.about-page .about-core__header p,
  main.about-page .about-core__note p,
  main.about-page .about-routes p,
  main.about-page .about-sources-panel p{font-size:12.5px;line-height:1.5}
  main.about-page .about-core__links a,
  main.about-page .about-routes__links a{min-height:25px;padding:4px 8px;font-size:11px}
  main.about-page .about-work-card h3{font-size:13px}
  main.about-page .about-work-card p{font-size:12px;line-height:1.48}
  main.about-page .about-source-grid{grid-template-columns:1fr;gap:0;margin-top:10px}
  main.about-page .about-source-link{min-height:0;padding:9px 0}
  main.about-page .about-source-link strong{font-size:13px}
  main.about-page .about-source-link span{font-size:11.5px}
  main.about-page .about-contact-card{gap:5px 10px;padding-top:11px}
  main.about-page .about-contact-card p{font-size:12.5px}
  main.about-page .about-contact-link{font-size:14px}
  .press-page .press-section{margin-top:9px}
  .updates-page .page-header-shell__title{font-size:24px}
  .updates-page .page-header-shell__subtitle{font-size:13.5px;line-height:1.58}
  .update-card h2{font-size:17px}
  .update-card p{font-size:13.5px;line-height:1.6}
  .update-metric{min-width:calc(50% - 4px);padding:8px 9px}
  .search-hero .page-header-shell__title{font-size:21px}
  .search-hero .page-header-shell__subtitle{font-size:12.5px;line-height:1.45}
  .search-form{grid-template-columns:minmax(0,1fr) auto;gap:6px}
  .search-form input{min-height:40px;padding:8px 11px;font-size:13px}
  .search-form button{width:auto;min-width:76px;min-height:40px;padding:7px 12px;font-size:13px}
  .search-hero .provenance-panel{grid-template-columns:auto minmax(0,1fr);align-items:center;padding:8px 0;gap:8px}
  .search-hero .provenance-panel__header{min-width:max-content}
  .search-hero .provenance-panel__title{font-size:13px}
  .search-hero .provenance-panel__summary{display:none}
  .section-chips{margin:5px 0 2px}
  .section-chips .avds-filter-chip{min-height:28px;padding:4px 9px;font-size:11px;flex:0 0 auto}
  .section-chips .avds-filter-chip__badge{min-height:15px;padding:1px 5px;font-size:8px}
  .popular-links{font-size:11px;margin-top:2px;line-height:1.4}
  .search-syntax-hint{margin:-2px 0 0;font-size:10px}
  .hero-home h1{font-size:24px;line-height:1.06}
  .hero-home .page-header-shell__subtitle{font-size:13px;line-height:1.5}
  .press-summary-card h2,
  .press-change-card h3{font-size:15px}
  .press-summary-card p,
  .press-change-card li span{font-size:13.5px;line-height:1.58}
  .press-download-grid{grid-template-columns:1fr}
  .press-summary-card,
  .press-change-card,
  .press-download-card{padding:13px}
  .press-stat{min-height:0;padding:12px}
  .implementation-page{gap:10px}
  .implementation-header h1{font-size:26px}
  .implementation-header p{font-size:13.5px;line-height:1.56}
  .implementation-summary{padding:10px 12px}
  .implementation-card{grid-template-columns:1fr;gap:12px;padding:14px}
  main.implementation-page .implementation-card{grid-template-columns:1fr;gap:12px;padding:14px}
  .implementation-card h2{font-size:17px}
  .implementation-card p{font-size:13.5px;line-height:1.55}
  .implementation-card__evidence{gap:7px;padding:10px 0 0;border-top:1px solid var(--line);border-left:0}
  main.implementation-page .implementation-card__evidence{gap:7px;padding:10px 0 0;border-top:1px solid var(--line);border-left:0}
  main.task-page{gap:12px}
  main.task-page .task-hero{padding:18px 16px;border-radius:14px}
  main.task-page .task-hero h1{font-size:27px;line-height:1.08}
  main.task-page .task-hero p{font-size:13.5px;line-height:1.55}
  main.task-page .task-chip{min-height:24px;padding:4px 8px;font-size:11px}
  main.task-page .task-block{padding:15px;border-radius:13px}
  main.task-page .task-block h2{font-size:17px;margin-bottom:10px}
  main.task-page .task-link-card{grid-template-columns:auto minmax(0,1fr);padding:12px;gap:4px 10px}
  main.task-page .task-link-card__index{width:24px;height:24px;font-size:11px}
  main.task-page .task-link-card strong{font-size:14.5px}
  main.task-page .task-link-card span:not(.task-link-card__index){font-size:12.5px;line-height:1.48}
  main.task-page .task-link-card em{grid-column:2;grid-row:auto;justify-self:start;margin-top:2px;font-size:12px}
  main.task-page .task-situations{grid-template-columns:1fr;gap:8px}
  main.task-page .task-situation{padding:11px 12px}
  main.task-page .task-situation strong{font-size:13px}
  main.task-page .task-situation span{font-size:12.25px}
  main.task-page .task-checklist{font-size:13px;line-height:1.5;gap:7px}
  main.task-page .task-direct-links a{padding:9px 10px;font-size:12.5px}
  main.item-page:not([data-kind="fulltext"]) .item-meta-strip{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px}
  main.item-page:not([data-kind="fulltext"]) .item-meta-primary{gap:5px}
  main.item-page:not([data-kind="fulltext"]) .item-meta-secondary{justify-content:flex-start;gap:6px}
  main.item-page:not([data-kind="fulltext"]) .item-meta-strip .tag-chip{padding:3px 7px;font-size:10px}
  main.item-page:not([data-kind="fulltext"]) .item-meta-strip .read-time{margin-right:2px}
  main.item-page:not([data-kind="fulltext"]) .tts-btn{min-height:26px;padding:4px 9px;font-size:11.5px}
  main.item-page:not([data-kind="fulltext"]) .item-resource-links{margin-top:12px;padding:12px 14px}
  main.item-page:not([data-kind="fulltext"]) .item-resource-list a{min-height:26px;padding:4px 9px;font-size:11.5px}
  main.item-page:not([data-kind="fulltext"]) .item-freshness-note{margin-top:10px;padding:10px 12px;font-size:11.5px}
  main.item-page:not([data-kind="fulltext"]) .item-provenance-panel{margin-top:14px;padding:12px;gap:10px}
  main.item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__header{gap:3px}
  main.item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__title{font-size:14px;line-height:1.28}
  main.item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__summary{font-size:12.5px;line-height:1.48}
  main.item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__grid{gap:8px}
  main.item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__item{gap:4px;padding:9px 10px}
  main.item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__label{font-size:10px}
  main.item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__text{font-size:12.5px;line-height:1.42}
  main.item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  main.item-page:not([data-kind="fulltext"]) .item-provenance-panel .provenance-panel__links .quick-links-rail__link{justify-content:center;min-height:28px;padding:5px 8px;font-size:11px;text-align:center}
  main.item-page:not([data-kind="fulltext"]) .statement-link{min-height:26px;padding:4px 9px;font-size:11.5px}
  .g-head{min-height:54px}
  .g-body{padding:0}
  .g-card.open .g-body-inner{padding:12px 13px}
}

@media (max-width:640px){
  main.basics-page .basics-hero{padding:22px}
  main.basics-page .basics-grid,
  main.basics-page .overview-grid,
  main.basics-page .materials-grid{grid-template-columns:1fr}
  main.basics-page .basics-card,
  main.basics-page .overview-tile,
  main.basics-page .material-card{min-height:auto}
  main.roadmap-page .roadmap-hero{padding:14px 13px;border-radius:12px;box-shadow:none}
  main.roadmap-page .roadmap-hero .page-header-shell__title{font-size:22px}
  main.roadmap-page .roadmap-flow-diagram{gap:6px}
  main.roadmap-page .roadmap-flow-step{gap:4px;padding:10px 11px;border-radius:10px}
  main.roadmap-page .roadmap-flow-step b{min-height:18px;padding:2px 6px;font-size:9.5px}
  main.roadmap-page .roadmap-flow-step strong{font-size:12.5px}
  main.roadmap-page .roadmap-flow-step span{font-size:11.25px;line-height:1.35}
  main.roadmap-page .roadmap-track::before{left:18px;top:20px;bottom:20px}
  main.roadmap-page .roadmap-phase{gap:9px;padding:12px 11px 12px 38px;border-radius:10px;box-shadow:none}
  main.roadmap-page .roadmap-phase::before{left:13px;top:20px;width:10px;height:10px;box-shadow:0 0 0 5px var(--card)}
  main.roadmap-page .roadmap-phase ul{gap:5px;padding-left:16px;font-size:12.5px;line-height:1.48}
  main.roadmap-page .roadmap-item-state{min-height:18px;padding:2px 5px;font-size:9px}
}

/* Precision visual system pass – 2026-08-02.
   Keep the public surface calm and editorial: one neutral canvas, one
   primary action color, consistent edges, and enough air around every
   interactive surface. */
:root,
[data-theme="light"]{
  --color-bg:#f6f8fb;
  --color-surface:#ffffff;
  --color-text:#182338;
  --color-text-muted:#647184;
  --color-border:#dbe3ec;
  --color-surface-offset:#edf2f7;
  --surface-soft:#f4f7fb;
  --surface-muted:#eaf0f5;
  --surface-hover:#eef4fb;
  --line-strong:#c5d0dc;
  --shadow:0 1px 2px rgba(24,35,56,.045),0 8px 22px rgba(24,35,56,.04);
  --shadow-hover:0 12px 28px rgba(24,35,56,.09);
  --shadow-soft:0 1px 2px rgba(24,35,56,.035);
  --shadow-sm:0 1px 2px rgba(24,35,56,.045);
  --radius:12px;
  --radius-sm:10px;
  --transition:.2s cubic-bezier(.2,.65,.3,1);
}

[data-theme="dark"]{
  --color-bg:#0f141a;
  --color-surface:#171e26;
  --color-text:#f3f6fa;
  --color-text-muted:#aab5c2;
  --color-border:rgba(255,255,255,.13);
  --color-surface-offset:#202832;
  --surface-soft:#131a22;
  --surface-muted:#242e39;
  --surface-hover:#202b37;
  --line-strong:rgba(255,255,255,.22);
  --shadow:0 1px 2px rgba(0,0,0,.42),0 10px 26px rgba(0,0,0,.22);
  --shadow-hover:0 14px 32px rgba(0,0,0,.34);
  --shadow-soft:0 1px 2px rgba(0,0,0,.24);
  --shadow-sm:0 1px 2px rgba(0,0,0,.3);
}

body{
  background:
    radial-gradient(920px 300px at 50% -120px,rgba(37,99,235,.075),transparent 72%),
    linear-gradient(180deg,var(--surface-soft) 0,var(--bg) 240px,var(--bg) 100%);
}

.topbar{
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  box-shadow:none;
}

.hero.card,
.basics-hero,
.roadmap-hero{
  border-radius:16px;
  border-color:color-mix(in srgb,var(--line) 82%,var(--accent) 18%);
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--accent-bg) 74%,var(--card)),var(--card) 68%),
    var(--card);
  box-shadow:0 1px 2px rgba(24,35,56,.035),0 10px 26px rgba(24,35,56,.035);
}

.page-header-shell__title{
  font-weight:760;
  letter-spacing:-.018em;
}

.page-header-shell__subtitle{max-width:72ch}

.section-head h2,
.section-head--home h2{
  font-weight:760;
  letter-spacing:-.012em;
}

.card h3,
.provenance-panel__title,
.mini-metric-card__value,
.task-route__title,
.roadmap-phase__title,
.press-summary-card h2,
.press-change-card h3{
  font-weight:680;
  letter-spacing:-.008em;
}

.card.card-link,
a.card,
.provenance-panel,
.mini-metric-card,
.task-route,
.home-intelligence-card,
.roadmap-flow-step,
.roadmap-phase,
.roadmap-now,
.press-summary-card,
.press-change-card,
.press-download-card,
.about-routes,
.about-sources-panel,
.g-card{
  border-color:color-mix(in srgb,var(--line) 88%,var(--text) 5%);
}

.card.card-link:hover,
a.card:hover,
.surface-link-card:hover,
.task-route:hover,
.home-intelligence-card:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--accent) 45%,var(--line));
}

.btn,
.icon-btn,
.pill-button,
.avds-filter-chip,
.chip,
.quick-links-rail__link,
.mini-pill-link{
  transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition),transform var(--transition);
}

.btn-primary,
.hero-actions .btn-primary{
  box-shadow:0 6px 14px rgba(37,99,235,.16);
}

.btn-primary:hover,
.hero-actions .btn-primary:hover{
  box-shadow:0 8px 18px rgba(37,99,235,.22);
}

input,
textarea,
select{
  border-color:var(--line);
  background:var(--card);
  color:var(--text);
}

input::placeholder,
textarea::placeholder{
  color:color-mix(in srgb,var(--muted) 82%,transparent);
}

.home-tools{
  border-color:color-mix(in srgb,var(--line) 88%,var(--accent) 12%);
  box-shadow:0 6px 18px rgba(24,35,56,.035);
}

.item-hero,
.prose-block,
.fulltext-search,
.side-card,
.statement-context,
.reader-evidence,
.reader-next,
.item-provenance-panel{
  border-color:color-mix(in srgb,var(--line) 90%,var(--text) 4%);
}

@media (max-width:767px){
  .hero.card,
  .basics-hero,
  .roadmap-hero{
    border-radius:12px;
    box-shadow:none;
  }

  .page-header-shell__title{letter-spacing:-.014em}

  .card.card-link:hover,
  a.card:hover,
  .surface-link-card:hover,
  .task-route:hover,
  .home-intelligence-card:hover{
    transform:none;
  }

  .topbar{box-shadow:none}
}

[data-theme="dark"] .topbar{
  box-shadow:none;
}

/* Keep the two-column editorial split from leaking into narrow screens. */
@media (max-width:980px){
  main.about-page .about-core{grid-template-columns:1fr}
}

/* Mobile touch-target refinement: keep compact controls visually quiet while
   giving the actions people tap repeatedly a dependable hit area. */
@media (max-width:767px){
  main.item-page:not([data-kind="fulltext"]) .tts-btn{
    min-height:34px;
    padding:7px 11px;
    font-size:12px;
  }

  .article-heading>.saved-fragment-button,
  .share-action--compact{
    width:36px;
    min-height:36px;
    height:36px;
    flex-basis:36px;
  }

  .cmp-toggle{
    width:28px;
    height:28px;
  }

  .cmp-card>.cmp-save-button{
    top:7px;
    right:40px;
    width:30px;
    height:30px;
  }

  .g-toggle{
    width:28px;
    height:28px;
  }
}

/* AV DS responsive composition contract: width changes composition, not reading
   measure. These tokens are semantic aliases; the consumer remains vanilla
   CSS/FastAPI and does not depend on an AV DS runtime package. */
:root{
  --avds-shell-gutter:20px;
  --avds-shell-max:1240px;
  --avds-reading-max:76ch;
  --avds-layout-gap:16px;
}

@media (min-width:768px) and (max-width:1023px){
  :root{
    --avds-shell-gutter:20px;
    --avds-layout-gap:12px;
  }
}

@media (min-width:1024px) and (max-width:1439px){
  :root{
    --avds-shell-gutter:24px;
    --avds-layout-gap:16px;
  }
}

/* Wide canvas composition pass: use available width as a new layout system,
   while keeping the handheld contract and shared public shell intact. */
@media (min-width:1440px){
  :root{
    --avds-shell-gutter:32px;
    --avds-shell-max:2160px;
    --avds-layout-gap:20px;
  }

  .wrap,
  .foot-inner{
    width:min(calc(100% - (var(--avds-shell-gutter) * 2)),clamp(1240px,86vw,var(--avds-shell-max)));
    max-width:var(--avds-shell-max);
  }
}

@media (min-width:1440px){
  /* Homepage: preserve card reading widths by adding columns as the canvas grows. */
  #main-content .task-routes--home{
    gap:14px;
  }

  #main-content #featuredGrid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
  }

  #main-content #featuredGrid .card.card-link{
    min-height:204px;
    padding:19px 42px 18px 18px;
  }

  #main-content .home-tools{
    grid-template-columns:minmax(220px,.82fr) minmax(0,3.18fr);
    gap:24px;
    padding:18px 20px;
  }

  #main-content .home-intelligence__grid{
    gap:12px;
  }

  #main-content .home-intelligence-card{
    min-height:112px;
    padding:16px 40px 16px 17px;
  }

  /* Search becomes a working surface: controls on the left, trusted routes on
     the right, instead of one very long vertical hero. */
  #main-content .search-hero{
    grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);
    column-gap:24px;
    row-gap:12px;
  }

  #main-content .search-hero > .page-header-shell{
    grid-column:1 / -1;
    grid-row:1;
  }

  #main-content .search-hero > .search-form{
    grid-column:1;
    grid-row:2;
  }

  #main-content .search-hero > .search-syntax-hint{
    grid-column:1;
    grid-row:3;
  }

  #main-content .search-hero > .provenance-panel{
    grid-column:2;
    grid-row:2 / span 4;
    align-self:stretch;
  }

  #main-content .search-hero > .section-chips{
    grid-column:1;
    grid-row:4;
  }

  #main-content .search-hero > .popular-links{
    grid-column:1;
    grid-row:5;
  }

  /* Editorial readers gain a wider stage and a slightly stronger source rail,
     without allowing body copy to become an uncomfortably long line. */
  main.item-page .item-layout{
    grid-template-columns:minmax(0,1fr) 320px;
    gap:20px;
  }

  main.item-page[data-kind="fulltext"] .item-layout{
    grid-template-columns:minmax(0,1fr) 320px;
    column-gap:20px;
    row-gap:20px;
  }

  main.item-page .item-hero{
    padding:32px 38px 24px;
  }

  main.item-page:not([data-kind="fulltext"]) .item-main > *{
    max-width:var(--avds-reading-max);
    width:100%;
    align-self:center;
  }

  main.item-page[data-kind="fulltext"] .item-main > *{
    max-width:var(--avds-reading-max);
    width:100%;
    align-self:center;
  }

  main.item-page:not([data-kind="fulltext"]) .item-page-footer{
    max-width:none;
  }

  /* Dense reference pages use a deliberate four-up rhythm on the wide canvas. */
  main.basics-page .basics-grid,
  main.basics-page .overview-grid,
  main.basics-page .materials-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
  }

  main.about-page .about-core{
    grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
    gap:20px;
  }

  main.about-page .about-status-grid{
    gap:14px;
  }

  main.about-page .about-work-grid{
    gap:0;
  }

  main.task-page .task-layout{
    grid-template-columns:minmax(0,1fr) 340px;
    gap:24px;
  }

  main.implementation-page .implementation-card{
    grid-template-columns:minmax(0,1fr) 260px;
  }

  main.updates-page .update-card{
    grid-template-columns:120px minmax(0,1fr);
  }

}

@media (min-width:1920px){
  #main-content #featuredGrid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  #main-content .home-tools{
    grid-template-columns:minmax(230px,.8fr) repeat(3,minmax(0,1fr));
    gap:16px;
  }

  #main-content .home-tools__heading{
    grid-column:1;
  }

  #main-content .home-intelligence{
    grid-column:2 / -1;
    min-width:0;
  }

  #main-content .home-intelligence-card{
    min-height:118px;
  }

  main.implementation-page .implementation-list,
  main.updates-page .updates-feed{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    align-items:start;
  }

  main.task-page .task-link-grid{
    grid-template-columns:repeat(auto-fit,minmax(420px,1fr));
  }

  #main-content #glossaryGrid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px 12px;
  }
}

@media (min-width:2300px){
  :root{
    --avds-shell-gutter:48px;
    --avds-shell-max:2360px;
    --avds-layout-gap:24px;
  }

  .wrap,
  .foot-inner{
    width:min(calc(100% - (var(--avds-shell-gutter) * 2)),clamp(1600px,84vw,var(--avds-shell-max)));
    max-width:var(--avds-shell-max);
  }

  #main-content #featuredGrid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  #main-content .home-tools{
    grid-template-columns:minmax(260px,.72fr) repeat(3,minmax(0,1fr));
  }

  #main-content .home-intelligence-card{
    min-height:124px;
  }

  main.item-page .item-layout{
    grid-template-columns:minmax(0,1fr) 360px;
  }

  main.item-page[data-kind="fulltext"] .item-layout{
    grid-template-columns:minmax(0,1fr) 360px;
  }

  main.item-page .item-hero{
    padding-inline:46px;
  }

  main.implementation-page .implementation-list,
  main.updates-page .updates-feed{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  #main-content #glossaryGrid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

/* Tablet landscape / fold-landscape: give primary cards room to breathe before
   the desktop canvas takes over at 1440px. */
@media (min-width:901px) and (max-width:1199px){
  #main-content .task-routes--home,
  #main-content #featuredGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #main-content .home-tools{
    grid-template-columns:1fr;
    gap:12px;
  }

  #main-content .home-tools__heading{
    grid-template-columns:auto 1fr;
    align-items:baseline;
    gap:12px;
  }

  #main-content .home-intelligence__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
  }

  #main-content .search-hero{
    grid-template-columns:minmax(0,1fr) minmax(280px,.64fr);
    column-gap:18px;
    row-gap:10px;
  }

  #main-content .search-hero > .page-header-shell{
    grid-column:1 / -1;
    grid-row:1;
  }

  #main-content .search-hero > .search-form{
    grid-column:1;
    grid-row:2;
  }

  #main-content .search-hero > .search-syntax-hint{
    grid-column:1;
    grid-row:3;
  }

  #main-content .search-hero > .provenance-panel{
    grid-column:2;
    grid-row:2 / span 4;
    align-self:stretch;
  }

  #main-content .search-hero > .section-chips{
    grid-column:1;
    grid-row:4;
  }

  #main-content .search-hero > .popular-links{
    grid-column:1;
    grid-row:5;
  }
}

/* Fold-tablet mode: keep the public shell compact, use two-up decision
   surfaces, and retain a single legal reading column. This deliberately
   extends the old <=980 reader rule through 1023px. */
@media (min-width:768px) and (max-width:1023px){
  .wrap,
  .foot-inner{
    width:min(calc(100% - (var(--avds-shell-gutter) * 2)),980px);
  }

  #main-content .task-routes--home,
  #main-content #featuredGrid,
  main.basics-page .basics-grid,
  main.basics-page .overview-grid,
  main.basics-page .materials-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #main-content .home-tools{
    grid-template-columns:1fr;
    gap:var(--avds-layout-gap);
  }

  #main-content .home-intelligence__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  main.item-page .item-layout{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "hero"
      "aside"
      "main"
      "footer";
    gap:var(--avds-layout-gap);
  }

  main.item-page[data-kind="fulltext"] .item-layout{
    grid-template-areas:
      "hero"
      "main"
      "aside"
      "footer";
  }

  main.item-page .item-aside,
  main.item-page .item-side{
    position:static;
    top:auto;
  }

  main.item-page .item-aside{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    border-left:0;
    padding-left:0;
  }

  main.item-page[data-kind="fulltext"] .item-aside{
    grid-template-columns:minmax(0,1fr);
  }

  main.item-page .item-main > *{
    max-width:var(--avds-reading-max);
    width:100%;
  }

  main.task-page .task-layout{
    grid-template-columns:1fr;
  }

  main.task-page .task-aside{
    position:static;
  }

  main.site-map-page .site-map-topic-links{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  main.implementation-page .implementation-card{
    grid-template-columns:minmax(0,1fr) 220px;
  }

  main.updates-page .update-card{
    grid-template-columns:104px minmax(0,1fr);
  }
}

/* Desktop mode: introduce rails once the compact menu has room to become a
   bounded working surface, before the wide-canvas composition takes over. */
@media (min-width:1024px) and (max-width:1439px){
  #main-content .search-hero{
    grid-template-columns:minmax(0,1fr) minmax(280px,.52fr);
    column-gap:20px;
    row-gap:10px;
  }

  #main-content .search-hero > .page-header-shell{
    grid-column:1 / -1;
    grid-row:1;
  }

  #main-content .search-hero > .search-form{
    grid-column:1;
    grid-row:2;
  }

  #main-content .search-hero > .search-syntax-hint{
    grid-column:1;
    grid-row:3;
  }

  #main-content .search-hero > .provenance-panel{
    grid-column:2;
    grid-row:2 / span 4;
    align-self:stretch;
  }

  #main-content .search-hero > .section-chips{
    grid-column:1;
    grid-row:4;
  }

  #main-content .search-hero > .popular-links{
    grid-column:1;
    grid-row:5;
  }

  main.item-page .item-main > *{
    max-width:var(--avds-reading-max);
    width:100%;
  }

  main.task-page .task-layout{
    grid-template-columns:minmax(0,1fr) 280px;
    gap:var(--avds-layout-gap);
  }

  main.task-page .task-aside{
    position:sticky;
    top:86px;
  }

  main.implementation-page .implementation-card{
    grid-template-columns:minmax(0,1fr) 220px;
  }

  main.updates-page .update-card{
    grid-template-columns:104px minmax(0,1fr);
  }
}

/* Hero composition pass: every public hero gets a useful secondary zone on
   wide screens; the rail collapses into the natural reading order on mobile. */
.hero-layout{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
  gap:clamp(18px,2.4vw,38px);
  align-items:stretch;
}

.hero-layout__main{
  display:grid;
  align-content:center;
  min-width:0;
}

.hero-layout__main .page-header-shell{
  max-width:78ch;
}

.hero-side{
  display:grid;
  align-content:center;
  gap:9px;
  min-width:0;
  width:100%;
  padding:14px 18px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));
  border-radius:14px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent-bg) 56%,var(--card)),var(--card) 76%);
  box-shadow:0 8px 22px rgba(24,35,56,.045);
}

.hero-side__label{
  color:var(--accent);
  font-size:10px;
  font-weight:800;
  letter-spacing:0;
  line-height:1.2;
  text-transform:none;
}

.hero-side__title{
  max-width:28ch;
  color:var(--text);
  font-size:15px;
  font-weight:760;
  line-height:1.3;
  text-wrap:balance;
}

.hero-flow__list{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
}

.hero-flow__link{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:7px 0;
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));
  border-radius:0;
  background:transparent;
  color:var(--text);
  font-size:11.5px;
  font-weight:720;
  line-height:1.25;
  transition:all var(--transition);
}

.hero-flow__link:hover,
.hero-flow__link:focus-visible{
  border-color:var(--accent-border);
  background:transparent;
  color:var(--accent-strong);
}

.hero-flow__index{
  display:inline-grid;
  width:18px;
  height:auto;
  place-items:center;
  border-radius:0;
  background:transparent;
  color:var(--accent);
  font-size:10px;
  font-weight:850;
  letter-spacing:.02em;
}

.hero-flow__copy{
  min-width:0;
  overflow-wrap:anywhere;
}

.hero-flow__arrow{
  color:var(--accent);
  font-size:13px;
  font-weight:800;
}

.hero-side__list.page-header-shell__meta{
  display:grid;
  gap:7px;
  width:auto;
}

.hero-side .page-header-shell__meta-item{
  width:100%;
  min-width:0;
  justify-content:flex-start;
  white-space:normal;
}

.hero-side__metric-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.hero-side__metric-grid--three{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.hero-side__metric{
  display:grid;
  gap:3px;
  min-width:0;
  padding:10px 11px;
  border:1px solid var(--line);
  border-radius:10px;
  background:color-mix(in srgb,var(--card) 84%,var(--accent-bg));
}

.hero-side__metric strong{
  overflow-wrap:anywhere;
  color:var(--accent);
  font-size:clamp(18px,2vw,25px);
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1;
}

.hero-side__metric span{
  color:var(--muted);
  font-size:10.5px;
  font-weight:700;
  line-height:1.25;
}

.hero-side__note{
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}

.hero-side__link{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  width:max-content;
  max-width:100%;
  min-height:28px;
  padding:5px 9px;
  border:1px solid var(--accent-border);
  border-radius:9px;
  background:var(--card);
  color:var(--accent);
  font-size:11.5px;
  font-weight:800;
  line-height:1.2;
  text-decoration:none;
}

.hero-side__link:hover{
  border-color:var(--accent);
  background:var(--accent-bg);
}

.hero-side--compare{
  align-content:stretch;
  gap:8px;
}

.hero-side--compare .compare-stats{
  width:100%;
  min-width:0;
}

.hero-side--compare .hero-side__label{
  margin-bottom:1px;
}

.hero-side--compare + *{}

.hero-side__metric-grid.page-header-shell__meta--limit-two-mobile > .hero-side__metric:nth-child(n+3){
  display:grid;
}

@media (min-width:1001px){
  #main-content .search-hero{
    grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);
    column-gap:clamp(18px,2.4vw,38px);
    row-gap:12px;
  }

  #main-content .search-hero > .page-header-shell{
    grid-column:1;
    grid-row:1;
  }

  #main-content .search-hero > .search-form,
  #main-content .search-hero > .search-syntax-hint,
  #main-content .search-hero > .section-chips,
  #main-content .search-hero > .popular-links{
    grid-column:1;
  }

  #main-content .search-hero > .search-form{grid-row:2}
  #main-content .search-hero > .search-syntax-hint{grid-row:3}
  #main-content .search-hero > .section-chips{grid-row:4}
  #main-content .search-hero > .popular-links{grid-row:5}

  #main-content .search-hero > .provenance-panel{
    grid-column:2;
    grid-row:1 / span 5;
    align-self:stretch;
  }

  .task-hero .hero-layout__main{
    align-content:start;
  }

  .task-hero .hero-side{
    align-content:start;
  }
}

@media (min-width:1025px){
  #main-content .compare-hero .hero-side{
    width:auto;
    max-width:760px;
    flex:0 1 min(42%,760px);
  }
}

@media (max-width:1000px){
  .hero-layout{
    grid-template-columns:1fr;
    gap:12px;
  }

  .hero-side{
    align-content:start;
  }
}

@media (min-width:2300px){
  .hero-layout{
    grid-template-columns:minmax(0,1fr) minmax(440px,760px);
  }

  .hero-side{
    max-width:760px;
    justify-self:end;
  }

  #main-content .search-hero{
    grid-template-columns:minmax(0,1fr) minmax(440px,760px);
  }

  #main-content .search-hero > .provenance-panel{
    max-width:760px;
    justify-self:end;
  }

  #main-content .compare-hero .hero-side{
    width:auto;
    flex:0 1 760px;
  }
}

/* Search rail should spend wide-screen space on useful routes, not on a
   stretched card with an empty vertical track. Keep the compact mobile rail
   untouched; desktop gets a content-sized two-up/four-up route matrix. */
@media (min-width:1001px){
  #main-content .search-hero > .provenance-panel{
    align-self:start;
    align-content:start;
    height:fit-content;
  }

  #main-content .search-hero > .provenance-panel .quick-links-rail{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:8px;
  }

  #main-content .search-hero > .provenance-panel .quick-links-rail__link{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-content:center;
    min-height:40px;
    border-radius:10px;
    white-space:normal;
  }
}

@media (min-width:1800px){
  #main-content .search-hero > .provenance-panel .quick-links-rail{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (min-width:1280px){
  .wrap--wide .hero-home .hero-layout{
    grid-template-columns:minmax(0,1.16fr) minmax(420px,.84fr);
  }
}

@media (max-width:767px){
  .hero-layout{gap:10px}

  .hero-side{
    gap:8px;
    padding:11px 12px;
    border-radius:11px;
    box-shadow:none;
  }

  .hero-side__title{font-size:13.5px}

  .trust-ribbon{
    display:flex;
    justify-content:flex-start;
    gap:6px;
    min-height:27px;
    margin:5px 2px 8px;
    overflow-x:auto;
    scrollbar-width:none;
    white-space:nowrap;
  }

  .trust-ribbon::-webkit-scrollbar{display:none}
  .trust-ribbon__links{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:5px}
  .trust-ribbon__boundary{display:none}
  .trust-ribbon__link{min-height:25px;padding-inline:7px}

  .hero-role-entry__links{gap:5px}
  .hero-role-entry__link{font-size:10.5px;padding-inline:8px}

  .hero-flow__list{grid-template-columns:1fr}
  .hero-flow__link{min-height:34px;padding:6px 0}

  .hero-side__list.page-header-shell__meta{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
  }

  .hero-side .page-header-shell__meta-item{
    width:auto;
    max-width:100%;
    min-height:24px;
    padding:4px 8px;
    font-size:10px;
  }

  .hero-side__metric-grid,
  .hero-side__metric-grid--three{
    gap:6px;
  }

  .hero-side__metric{padding:8px 9px}
  .hero-side__metric strong{font-size:18px}
  .hero-side__metric span{font-size:9.5px}
  .hero-side__note{font-size:11.5px}

  .hero-side__link{min-height:27px;font-size:11px}

  .hero-side__metric-grid.page-header-shell__meta--limit-two-mobile > .hero-side__metric:nth-child(n+3){display:grid}

  .hero-side--compare{padding:10px 11px}

  #main-content .compare-hero{display:grid;grid-template-columns:1fr;gap:10px}
}

/* Wide-shell override comes after the legacy canvas rules so route pages can
   opt into the larger composition without changing reader-page geometry. */
@media (min-width:1280px){
  body[data-page-layout="wide"] .wrap.wrap--wide{
    width:min(calc(100% - 40px),1680px);
    max-width:1680px;
  }
}

@media (min-width:2200px){
  body[data-page-layout="wide"] .wrap.wrap--wide{
    width:min(calc(100% - 96px),2240px);
    max-width:2240px;
  }
}

/* Readers use a bounded two-column composition on large canvases: the
   article and its contents/actions stay together while the page shell keeps
   its wide navigation rhythm. */
@media (min-width:1440px){
  main.item-page .item-layout{
    max-width:1320px;
    margin-inline:auto;
  }
}


/* Mobile content safety: keep intrinsic text from widening the document on
   long legal labels and task situations. These sections sit outside the page
   root in the rendered document, so the contract intentionally stays class
   scoped rather than relying on a main ancestor. */
@media (max-width:767px){
  .basics-card,
  .basics-card > span,
  .basics-card__content,
  .task-situation,
  .task-situation > *,
  .task-situation strong,
  .task-situation span{
    min-width:0;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
}

/* Full-text wide-reader composition: grow the first-screen frame and the
   source/contents rail on large canvases, while keeping the legal reading
   measure bounded for comfortable scanning. */
@media (min-width:1800px){
  main.item-page[data-kind="fulltext"] .item-layout{
    max-width:1520px;
    grid-template-columns:minmax(0,1fr) 360px;
    column-gap:24px;
  }
}

@media (min-width:2200px){
  main.item-page[data-kind="fulltext"] .item-layout{
    max-width:1760px;
    grid-template-columns:minmax(0,1fr) 400px;
    column-gap:24px;
  }
}

/* Mobile rails: make the available width useful, then make the remaining
   overflow obvious without adding another control to the reading surface. */
.scroll-cue{
  --scroll-cue-bg:var(--bg);
  position:relative;
  min-width:0;
}

.scroll-cue > [data-scroll-rail]{min-width:0}

@media (max-width:767px){
  .scroll-cue::before,
  .scroll-cue::after{
    position:absolute;
    top:0;
    bottom:0;
    z-index:3;
    width:26px;
    content:"";
    opacity:0;
    pointer-events:none;
    transition:opacity .16s ease;
  }

  .scroll-cue::before{
    left:0;
    background:linear-gradient(90deg,var(--scroll-cue-bg) 0%,color-mix(in srgb,var(--scroll-cue-bg) 80%,transparent) 42%,transparent 100%);
  }

  .scroll-cue::after{
    right:0;
    background:linear-gradient(270deg,var(--scroll-cue-bg) 0%,color-mix(in srgb,var(--scroll-cue-bg) 80%,transparent) 42%,transparent 100%);
  }

  .scroll-cue[data-scroll-cue-state="left"]::before,
  .scroll-cue[data-scroll-cue-state="both"]::before,
  .scroll-cue[data-scroll-cue-state="right"]::after,
  .scroll-cue[data-scroll-cue-state="both"]::after{
    opacity:1;
  }

  .scroll-cue--section-nav,
  .scroll-cue--chips,
  .scroll-cue--alpha{
    width:100%;
  }

  .scroll-cue--section-nav .section-nav{
    width:100%;
  }

  .trust-ribbon{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    gap:5px;
    min-height:0;
    overflow:visible;
    white-space:normal;
  }

  .trust-ribbon__status{
    width:100%;
  }

  .trust-ribbon__links{
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:5px;
  }

  .search-hero .provenance-panel{
    grid-template-columns:minmax(0,1fr);
    align-items:stretch;
    gap:7px;
    padding:8px 0;
  }

  .search-hero .provenance-panel__header{
    min-width:0;
  }

  .search-hero .quick-links-rail--mobile-scroll{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:5px;
    overflow:visible;
    padding-bottom:0;
  }

  .search-hero .quick-links-rail--mobile-scroll .quick-links-rail__link{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-content:center;
    min-width:0;
    min-height:38px;
    padding:5px 7px;
    border-radius:9px;
    font-size:10.5px;
    line-height:1.2;
    white-space:normal;
  }

  .search-hero .quick-links-rail--mobile-scroll .quick-links-rail__meta{
    padding:2px 4px;
    font-size:9px;
  }
}

@media (min-width:768px) and (max-width:1023px){
  .trust-ribbon__links{flex-wrap:nowrap}
}

@media (min-width:768px) and (max-width:799px){
  .trust-ribbon{
    grid-template-columns:minmax(0,1fr);
    gap:5px;
  }

  .trust-ribbon__links{justify-content:flex-start}
  .trust-ribbon__boundary{display:none}
}

/* Final reader controls: the page share is a quiet icon in the command row;
   citation and saved-reading tools remain available without becoming a card. */
.item-utility-card{
  display:grid;
  gap:7px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--line);
}
.item-utility-card .item-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0;
}
.item-utility-card .item-actions #copyBtn{display:none}
.item-utility-card .item-actions #copyCitationBtn{
  width:auto;
  min-height:28px;
  padding:5px 8px;
  font-size:11px;
}
.item-utility-card .item-saved-actions{margin:0}
.item-utility-card .item-saved-actions .saved-fragment-button,
.item-utility-card .item-saved-actions .saved-open-link{
  min-height:28px;
  padding:5px 8px;
  font-size:11px;
}

@media (min-width:1024px){
  main.item-page[data-slug="transition-new-institutions"] .item-main > *{
    width:100%;
    max-width:920px;
    align-self:flex-start;
  }
}

/* Reader blocks use the complete main column.  Reading measure belongs to
   the text inside a block, not to the block surface itself. */
main.item-page:not([data-kind="fulltext"]) .item-main > *,
main.item-page[data-kind="fulltext"] .item-main > *{
  width:100%;
  max-width:none;
  align-self:stretch;
}

main.item-page:not([data-kind="fulltext"]) .prose-block .prose{
  max-width:var(--avds-reading-max);
}

/* Screenshot-driven surface unification: a route's function may change, but
   neutral containers and the timeline's reading field must not switch to a
   second visual language or reserve an empty desktop card. */
.card[data-section],
.card[data-section]:hover{
  box-shadow:none;
}

@media (max-width:767px){
  .source-passport--disclosure{padding:0}
  .source-passport--disclosure > summary{min-height:38px;padding:8px 10px;flex-wrap:wrap;gap:6px}
  .source-passport--disclosure .source-passport__summary-title{flex:1 1 100%;}
  .source-passport--disclosure .source-passport__status{margin-left:0}
  .source-passport--disclosure .source-passport__health{margin-left:0}
  .source-passport--disclosure .source-passport__body{padding:0 10px 10px}
  .item-page:not([data-kind="fulltext"]) .item-utility-card{
    display:flex;
    align-items:center;
    gap:6px;
    margin:0;
    padding:0;
    border:0;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .item-page:not([data-kind="fulltext"]) .item-utility-card::-webkit-scrollbar{display:none}
  .item-page:not([data-kind="fulltext"]) .item-utility-card .item-actions,
  .item-page:not([data-kind="fulltext"]) .item-utility-card .item-saved-actions{
    display:flex;
    flex:0 0 auto;
    gap:6px;
    margin:0;
  }
  .item-page:not([data-kind="fulltext"]) .item-utility-card #copyCitationBtn,
  .item-page:not([data-kind="fulltext"]) .item-utility-card .saved-fragment-button,
  .item-page:not([data-kind="fulltext"]) .item-utility-card .saved-open-link{
    width:auto;
    min-height:34px;
    padding:6px 11px;
    border-radius:999px;
    white-space:nowrap;
    font-size:11.5px;
  }
}

/* Accessibility contrast pass – keep semantic accents legible on every
   light/editorial surface without changing the dark theme palette. */
:root:not([data-theme="dark"]),
[data-theme="light"]{
  --accent-secondary:#0a6d6f;
  --accent-warm:#8a5a12;
  --warn:#8a5a12;
}

html:not([data-theme="dark"]) .overview-tile span{color:#5c6775}
html:not([data-theme="dark"]) .item-page[data-kind="fulltext"] .side-card .toc-title,
html:not([data-theme="dark"]) .item-page[data-kind="constitution-1995"] .side-card .toc-title{color:#5b6674}

/* Closeout refinement: keep the interface institutional and quiet, but give
   the few surfaces that carry a decision a deliberate, tactile hierarchy.
   This is intentionally a shared finish: no new card family, pill, or
   page-specific decoration is introduced here. */
:root,
[data-theme="light"]{
  --surface-elevation:0 1px 2px rgba(18,33,55,.045),0 14px 32px rgba(18,33,55,.04);
  --surface-elevation-hover:0 2px 3px rgba(18,33,55,.05),0 18px 36px rgba(18,33,55,.085);
  --control-ring:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent);
}

[data-theme="dark"]{
  --surface-elevation:0 1px 2px rgba(0,0,0,.42),0 16px 34px rgba(0,0,0,.24);
  --surface-elevation-hover:0 2px 4px rgba(0,0,0,.48),0 20px 40px rgba(0,0,0,.36);
  --control-ring:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent);
}

body{
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1;
  font-kerning:normal;
}

.hero.card,
.basics-hero,
.roadmap-hero,
.fulltext-search{
  border-color:color-mix(in srgb,var(--line) 84%,var(--text) 7%);
}

@media (min-width:768px){
  .hero.card,
  .basics-hero,
  .roadmap-hero,
  .fulltext-search{
    box-shadow:var(--surface-elevation);
  }
}

.btn-primary,
.hero-actions .btn-primary{
  border-color:color-mix(in srgb,var(--accent) 86%,var(--accent-strong));
  background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 78%,var(--accent-strong)));
  text-shadow:0 1px 0 rgba(0,0,0,.12);
}

.btn:focus-visible,
.icon-btn:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  box-shadow:var(--control-ring);
}

@media (hover:hover) and (pointer:fine){
  .card.card-link:hover,
  a.card:hover,
  .surface-link-card:hover,
  .task-route:hover,
  .home-intelligence-card:hover{
    box-shadow:var(--surface-elevation-hover);
  }

  .btn-primary:hover,
  .hero-actions .btn-primary:hover{
    transform:translateY(-1px);
    box-shadow:0 9px 20px color-mix(in srgb,var(--accent) 28%,transparent);
  }
}

.btn-primary:active,
.hero-actions .btn-primary:active{transform:translateY(0)}

/* An article header is an editorial masthead, not a mostly empty dashboard
   card.  The hierarchy stays explicit through its own rules and metadata;
   full-text reference pages retain their structured card and source rail. */
@media (min-width:768px){
  body[data-page-layout="standard"] main.item-page:not([data-kind="fulltext"]) .item-hero.hero.card{
    padding:clamp(22px,2.2vw,30px) clamp(24px,3vw,42px) 18px;
    border:0;
    border-top:1px solid color-mix(in srgb,var(--line) 78%,var(--accent) 22%);
    border-bottom:1px solid color-mix(in srgb,var(--line) 90%,var(--text) 5%);
    border-radius:0;
    background:linear-gradient(105deg,color-mix(in srgb,var(--accent-bg) 58%,transparent),transparent 66%);
    box-shadow:none;
  }

  body[data-page-layout="standard"] main.item-page:not([data-kind="fulltext"]) .item-hero .lead{
    max-width:76ch;
  }

  body[data-page-layout="standard"] main.item-page:not([data-kind="fulltext"]) .item-hero .item-meta-strip{
    margin-top:14px;
    padding-top:12px;
    border-top:1px solid color-mix(in srgb,var(--line) 84%,transparent);
  }
}

/* The concise project page deliberately contains little content.  Let the
   footer follow it instead of leaving a grey, unused band before the close. */
@supports selector(body:has(main.about-page)){
  @media (min-width:768px){
    body:has(main.about-page) .wrap{
      flex:0 0 auto;
      padding-bottom:28px;
    }
  }
}

/* AV DS consumer primitives. Keep routes and statuses owned by Constitution.my,
   while actions and sequences stay as readable rows instead of card mosaics. */
.avds-action-list,
.avds-workflow-steps{
  margin:0;
  padding:0;
  list-style:none;
}

.avds-action-list > li + li{border-top:1px solid var(--line)}

.avds-action-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
  min-height:38px;
  padding:10px 0;
  color:inherit;
  text-align:start;
  text-decoration:none;
}

.avds-action-row:hover{background:var(--surface-soft)}
.avds-action-row:focus-visible,
.avds-workflow-step:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.avds-action-title,
.avds-workflow-title{color:var(--text);font-weight:700}
.avds-action-description,
.avds-workflow-description{display:block;margin-top:3px;color:var(--muted);font-size:13px;line-height:1.5}

.avds-workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.avds-workflow-steps > li{min-width:0}
.avds-workflow-step{
  display:grid;
  grid-template-columns:20px minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
  min-width:0;
  min-height:48px;
  padding:13px 12px;
  border:0;
  background:transparent;
  color:inherit;
  text-align:start;
  text-decoration:none;
}

.avds-workflow-steps > li:first-child .avds-workflow-step{padding-left:0}
.avds-workflow-steps > li:last-child .avds-workflow-step{padding-right:0}
.avds-workflow-step:hover{background:var(--surface-soft)}
.avds-workflow-marker{
  display:grid;
  width:20px;
  height:20px;
  place-items:center;
  border:1px solid var(--line-strong);
  background:var(--card);
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  line-height:1;
}

.avds-workflow-step[data-state="complete"] .avds-workflow-marker{border-color:rgba(22,163,74,.48);background:rgba(22,163,74,.09);color:var(--success)}
.avds-workflow-step[data-state="current"] .avds-workflow-marker{border-color:var(--accent);background:var(--accent);color:#fff}
.avds-workflow-status{color:var(--muted);font-size:11px;font-weight:750;line-height:1.35}
.avds-workflow-status[data-state="complete"]{color:var(--success)}

main.roadmap-page .roadmap-flow-diagram.avds-workflow-steps{gap:0}
main.roadmap-page .roadmap-flow-step.avds-workflow-step{
  min-height:72px;
  padding:11px 12px;
  border-radius:var(--radius-sm);
  box-shadow:none;
}

@media (max-width:900px){
  .avds-workflow-steps{grid-template-columns:1fr}
  .avds-workflow-step{padding-inline:0}
  main.roadmap-page .roadmap-flow-step.avds-workflow-step{padding:11px 0}
}

@media (max-width:767px){
  .avds-action-row{min-height:40px;padding-block:9px}
  .avds-workflow-step{min-height:42px;padding-block:10px}
  .avds-workflow-status{font-size:10px}
  main.roadmap-page .roadmap-flow-step.avds-workflow-step{grid-template-columns:20px minmax(0,1fr);gap:8px}
  main.roadmap-page .roadmap-flow-step__status{grid-column:2;justify-self:start;text-align:left}
}