/* Ainglish responsive contracts.
   Desktop-first max-width tiers are intentionally centralised here, widest to narrowest.
   See docs/ui-system.md before adding or changing a tier. */

@media (max-width: 68rem) {
    /* From the 64rem source tier. */
    .flagship-map-axes { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    /* From the 68rem source tier. */
    .nav-primary { display: none; }
    .site-menu { display: block; }
    .home-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.65fr); gap: 3rem; }
    .home-hero h1 { font-size: clamp(3.3rem, 7.8vw, 5.8rem); }
    .register-ticker-grid { grid-template-columns: repeat(5, 1fr); }
    .ticker-intro { grid-column: 1 / -1; padding: 0 0 0.8rem; border: 0; }
    .register-ticker-grid > a:first-of-type { border-left: 0; padding-left: 0; }
    .editorial-grid { grid-template-columns: 3rem minmax(15rem, 0.75fr) minmax(20rem, 1fr); gap: 2rem; }
    .margin-quote { margin-top: -1rem; }
    .process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .process-grid li::after { display: none !important; }
    .process-copy > p:not(.process-kicker) { min-height: 5rem; }
    .flagship-notes { grid-template-columns: 1fr; }
    .release-family-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .legal-shell { grid-template-columns: minmax(13rem, .32fr) minmax(0, 1fr); gap: 3rem; }
    .colophon-grid { grid-template-columns: minmax(18rem, 1.5fr) repeat(3, 0.6fr); gap: 2rem; }

    /* From the 62rem source tier. */
    .state-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(19rem, .65fr); gap: 3rem; }
    .state-hero h1 { font-size: clamp(3.3rem, 8vw, 5.5rem); }
    .state-hero-stats div { min-height: 6.8rem; }

    /* From the 62rem source tier. */
    .stream-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(22rem, .8fr); gap: 3rem; }
    .stream-layout { grid-template-columns: 13rem minmax(0, 1fr); gap: 3rem; }
}

@media (max-width: 58rem) {
    /* From the 58rem source tier. */
    .methodology-layout { grid-template-columns: 1fr; gap: 2.5rem; }
    .methodology-contents { position: static; }
    .methodology-contents nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 2rem; }

    /* From the 58rem source tier. */
    .search-results-head { grid-template-columns: 1fr; gap: 1rem; }
    .search-group { grid-template-columns: 1fr; gap: 1.5rem; }
    .search-group-head > div { max-width: 58ch; }
    .search-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .search-guide-grid a:nth-child(3) { border-left: 0; border-top: 1px solid var(--rule); }
    .search-guide-grid a:nth-child(4) { border-top: 1px solid var(--rule); }
}

@media (max-width: 52rem) {
    /* From the 52rem source tier. */
    .flagship-story-rules, .flagship-story-head { grid-template-columns: 1fr; }
    .flagship-story-rules > .fine, .flagship-story-head .eyebrow { grid-column: 1; }
    .flagship-story-status { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    /* From the 52rem source tier. */
    .route-chooser { grid-template-columns: 1fr; }
    .route-chooser a { min-height: 7rem; }
    .style-guide-state-grid { grid-template-columns: 1fr; }
    .flagship-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .flagship-comparison-grid { grid-template-columns: 1fr; }
    .flagship-matrix-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .flagship-dashboard-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .flagship-dashboard-summary div:nth-child(3) { border-top: 1px solid var(--rule); border-left: 0; }
    .flagship-dashboard-summary div:nth-child(4) { border-top: 1px solid var(--rule); }
    .flagship-grid { grid-template-columns: 1fr; }
    .flagship-progress { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .flagship-progress li:nth-child(3) { border-left: 0; border-top: 1px solid var(--rule); }
    .flagship-progress li:nth-child(4) { border-top: 1px solid var(--rule); }
    .flagship-evidence-bounds { grid-template-columns: 1fr; }
    .flagship-evidence-bounds div { border-top: 1px solid var(--rule); border-left: 0; }
    .flagship-evidence-bounds div:first-child { border-top: 0; }
    .flagship-journey-layout { grid-template-columns: 1fr; gap: 1.5rem; }
    .flagship-journey-layout > header { position: static; }
    .evidence-explorer-receipt { grid-template-columns: 1fr; }

    /* From the 50rem source tier. */
    .ribbon-detail, .register-ribbon nav a:nth-child(-n+2) { display: none; }
    .masthead-inner { min-height: 5.2rem; }
    .wordmark-mark { width: 2.25rem; height: 2.25rem; }
    .wordmark-text { font-size: 1.55rem; }
    .home-hero { padding-top: 4rem; }
    .home-hero::before { inset: 48% 0 0; border-left: 0; border-top: 1px solid var(--rule); }
    .home-hero-grid { grid-template-columns: 1fr; }
    .home-hero h1 { max-width: 11ch; }
    .specimen { max-width: 32rem; transform: none; }
    .editorial-grid { grid-template-columns: 2.5rem 1fr; }
    .section-heading { grid-column: 2; }
    .section-copy, .trust-list { grid-column: 2; }
    .margin-quote { grid-column: 2; margin: 1rem 0 0; }
    .section-head-row { grid-template-columns: 1fr; gap: 1rem; align-items: start; }
    .field-notes { grid-template-columns: 1fr; }
    .field-note-featured { grid-row: auto; }
    .agent-invite-grid { grid-template-columns: 1fr; }
    .license-hero-grid, .license-scope-head, .license-closing-grid, .legal-shell { grid-template-columns: 1fr; }
    .license-status { max-width: 34rem; }
    .license-scope-head .eyebrow { grid-column: auto; margin-bottom: -.5rem; }
    .license-scope-grid { grid-template-columns: 1fr; }
    .legal-summary { position: static; }
    .legal-summary nav { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .colophon-grid { grid-template-columns: 1fr 1fr 1fr; }
    .colophon-brand { grid-column: 1 / -1; }

    /* From the 48rem source tier. */
    .evidence-contract-grid { grid-template-columns: 1fr; }
    .measurement-launchpad { box-shadow: .3rem .3rem 0 var(--sand); }
    .measurement-launchpad-head { display: block; }
    .measurement-launchpad-step { display: block; margin-top: .45rem; white-space: normal; }
    .measurement-launchpad-grid { grid-template-columns: 1fr; }

    /* From the 50rem source tier. */
    .proposals, .candidates, .metrics { grid-template-columns: 1fr; }
    .register-view-head { grid-template-columns: 1fr; }
    .register-counts { width: 100%; }
    .dialect-feature-grid, .dialect-feature-main .feature-comparisons, .protocol-list { grid-template-columns: 1fr; }
    .dialect-feature-main { grid-column: auto; }
    .catalog-heading { grid-template-columns: 1fr; gap: 1rem; }
    .dialect-entry { grid-template-columns: 2.5rem 1fr; gap: 1rem; }
    .dialect-entry-body { grid-column: 2; }
    .register-entry-heading, .register-entry-layout { grid-template-columns: 1fr; }
    .register-entry-heading > .tags { justify-content: flex-start; }
    .register-entry-facts { position: static; box-shadow: .4rem .4rem 0 var(--sand); }

    /* From the 50rem source tier. */
    .state-hero::after { inset: 52% 0 0; border-top: 1px solid #464036; border-left: 0; }
    .state-hero-grid { grid-template-columns: 1fr; align-items: start; }
    .state-hero-stats { max-width: 34rem; }
    .state-subnav .wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .state-subnav a:nth-child(3) { border-top: 1px solid var(--rule); }
    .state-subnav a:nth-child(4) { border-top: 1px solid var(--rule); }
    .state-subnav a:nth-child(5) { grid-column: 1 / -1; border-top: 1px solid var(--rule); border-right: 1px solid var(--rule); }
    .state-chapter-head { grid-template-columns: 2.5rem minmax(0, 1fr); gap: 1.4rem; }

    /* From the 50rem source tier. */
    .stream-hero::before { inset: 54% 0 0; border-top: 1px solid #464036; border-left: 0; }
    .stream-hero-grid { grid-template-columns: 1fr; align-items: start; }
    .stream-summary { max-width: 38rem; }
    .stream-layout { grid-template-columns: 1fr; }
    .stream-key-inner { position: static; display: grid; grid-template-columns: minmax(0, 1fr) minmax(11rem, .55fr); gap: 0 2rem; padding-bottom: 2rem; border-bottom: 1px solid var(--rule); }
    .stream-key .eyebrow, .stream-key h2 { grid-column: 1; }
    .stream-key p:not(.eyebrow) { grid-column: 1; }
    .stream-key ul { grid-column: 2; grid-row: 1 / span 3; margin: 0; padding: 0 0 0 1.5rem; border-block: 0; border-left: 1px solid var(--rule); }
    .stream-key-links { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 1rem; }
}

@media (max-width: 40rem) {
    /* From the 38rem source tier. */
    .definition-list { grid-template-columns: 1fr; }
    .definition-list dt { padding-bottom: .2rem; border-bottom: 0; }
    .definition-list dd { padding-top: 0; }
    .research-related-work { min-width: 46rem; }
    .reader-registry-table { min-width: 50rem; }
    .observatory-liveness { grid-template-columns: 1fr; }
    .observatory-liveness div, .observatory-liveness div:first-child { border-left: 0; border-top: 1px solid var(--rule); }
    .observatory-liveness div:first-child { border-top: 0; }
    .benchmark-arm-grid { grid-template-columns: 1fr; }
    .benchmark-example > div { grid-template-columns: 1fr; gap: .25rem; }
    .benchmark-downloads { align-items: stretch; flex-direction: column; }

    /* From the 38rem source tier. */
    .flagship-map-hero { background: var(--paper); }
    .flagship-map-axes { grid-template-columns: 1fr; }
    .flagship-map-axis > p:not(.flagship-map-axis-number, .fine) { min-height: 0; }

    /* From the 42rem source tier. */
    .claim-grid { grid-template-columns: 1fr; }
    .press-media-grid { grid-template-columns: 1fr; }
    .history-timeline::before { left: .3rem; }
    .history-timeline li { grid-template-columns: 1fr; gap: .35rem; padding-left: 1.45rem; }
    .history-timeline li::before { left: 0; }

    /* From the 38rem source tier. */
    .methodology-layout { margin-top: 2rem; }
    .methodology-contents nav { grid-template-columns: 1fr; }

    /* From the 36rem source tier. */
    .flagship-story-rules ol, .flagship-story-language, .flagship-story-status { grid-template-columns: 1fr; }
    .flagship-story-language > div + div { border-top: 1px solid var(--rule); border-left: 0; }

    /* From the 36rem source tier. */
    .flagship-matrix-options { grid-template-columns: 1fr; }
    .flagship-matrix-options label { min-height: 0; }

    /* From the 34rem source tier. */
    .flagship-filters, .flagship-dashboard-summary { grid-template-columns: 1fr; }
    .flagship-dashboard-summary div { border-top: 1px solid var(--rule); border-left: 0; }
    .flagship-dashboard-summary div:first-child { border-top: 0; }
    .flagship-missing li { grid-template-columns: 1fr; gap: .3rem; }
    .flagship-example, .flagship-facts { grid-template-columns: 1fr; }
    .flagship-poles, .flagship-receipts { grid-template-columns: 1fr; }
    .flagship-reading-choices { grid-template-columns: 1fr; }
    .flagship-journey-nav a { min-height: 3rem; border-left: 0; font-size: 0; }
    .flagship-journey-nav a:last-child { border-right: 0; }
    .flagship-journey-nav span { font-size: .7rem; }
    .flagship-journey-choices, .flagship-journey-receipts, .flagship-journey-counts { grid-template-columns: 1fr; }
    .flagship-journey-receipts div:nth-child(even), .flagship-journey-counts div + div { border-left: 0; }
    .flagship-journey-sampler li { grid-template-columns: 1fr auto; }
    .flagship-journey-sampler li > span { grid-column: 1 / -1; }
    .evidence-explorer-filters, .evidence-explorer-row dl { grid-template-columns: 1fr; }
    .evidence-explorer-row dl div:nth-child(even) { padding-left: 0; border-left: 0; }
    .evidence-explorer-row > header { align-items: flex-start; flex-direction: column; }
    .flagship-receipts div:nth-child(even) { border-left: 0; }
    .flagship-facts div:nth-child(even) { padding-left: 0; border-left: 0; }
    .flagship-progress { grid-template-columns: 1fr; }
    .flagship-progress li { border-top: 1px solid var(--rule); border-left: 0; }
    .flagship-progress li:first-child { border-top: 0; }

    /* From the 38rem source tier. */
    .api-table.participation-table { display: block; margin-top: 0.5rem; }
    .participation-table caption { display: block; }
    .participation-table thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
    .api-table.participation-table tbody { display: grid; gap: 0.85rem; }
    .api-table.participation-table tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid var(--rule); background: var(--paper); }
    .participation-table th[scope="row"] { grid-column: 1 / -1; padding: 0.85rem; border-top: 0; border-bottom: 1px solid var(--rule); white-space: normal; }
    .api-table.participation-table td,
    .api-table.participation-table td:last-child { display: grid; grid-template-columns: minmax(4.5rem, auto) 1fr; gap: 0.5rem; width: auto; padding: 0.65rem 0.85rem; border-top: 0; color: var(--ink); }
    .participation-table td::before { content: attr(data-label); color: var(--ink-soft); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }
    .participation-table td:nth-child(even) { border-right: 1px solid var(--rule); }
    .participation-table td:nth-child(n+4) { border-top: 1px solid var(--rule); }

    /* From the 38rem source tier. */
    body { font-size: 16px; }
    .wrap { padding-inline: 1.05rem; }
    .register-ribbon-inner { min-height: 2rem; }
    .register-ribbon nav { display: none; }
    .register-ribbon strong { font-size: .64rem; }
    .site-menu nav { right: -0.25rem; width: calc(100vw - 1.6rem); max-height: calc(100dvh - 7rem); padding: .65rem .85rem .85rem; }
    .site-menu nav a { min-height: 3.15rem; font-size: 1rem; }
    .site-menu nav span { font-size: .6rem; }
    .wordmark-kicker { display: none; }
    .home-hero-copy .eyebrow { gap: 0.55rem; font-size: 0.56rem; letter-spacing: 0.1em; }
    .home-hero-copy .eyebrow span + span::before { margin-right: 0.55rem; }
    .home-hero h1 { font-size: clamp(3rem, 16vw, 4.5rem); }
    .home-hero-lede { padding-left: 0; border: 0; }
    .action-group--stack-mobile { align-items: flex-start; flex-direction: column; }
    .specimen { padding: 1rem; box-shadow: 0.6rem 0.6rem 0 rgba(122, 92, 46, 0.09); }
    .specimen-topline { font-size: 0.52rem; }
    .specimen-key p { grid-template-columns: 5.7rem 1fr; }
    .register-ticker-grid { grid-template-columns: repeat(2, 1fr); gap: 0; }
    .register-ticker-grid > a { padding: 0.75rem 0.5rem; border-top: 1px solid #464036; }
    .register-ticker-grid > a:nth-of-type(odd) { padding-left: 0; border-left: 0; }
    .ticker-chain { grid-column: 1 / -1; }
    .editorial-grid { grid-template-columns: 1fr; gap: 1.3rem; }
    .section-index { width: 4rem; }
    .section-heading, .section-copy, .trust-list, .margin-quote { grid-column: 1; }
    .section-heading h2 { font-size: 2.65rem; }
    .home-public-domain, .register-license-note { grid-template-columns: 3.5rem minmax(0, 1fr); padding: .8rem; }
    .home-public-domain > span, .register-license-note > span { min-height: 3.5rem; }
    .license-hero h1 { font-size: clamp(3rem, 15vw, 4.6rem); }
    .license-status { box-shadow: .65rem .65rem 0 rgba(0,0,0,.18); }
    .license-principle-grid, .release-family-grid { grid-template-columns: 1fr; }
    .license-closing nav a { grid-template-columns: 1fr; gap: .25rem; }
    .legal-summary nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .legal-copy > h1 { font-size: 2.8rem; }
    .process-grid { grid-template-columns: 1fr; gap: 0.8rem; margin-top: 1.6rem; }
    .process-grid li { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); }
    .process-stage { min-height: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 1rem; border-right: 1px solid var(--rule); border-bottom: 0; }
    .process-stage::before { left: 2.45rem; right: auto; top: 4rem; bottom: 4.85rem; width: 1px; height: auto; }
    .process-number { padding: 0 0 0.7rem; }
    .process-mark { width: 3.5rem; height: 3.5rem; margin-top: auto; box-shadow: 0 0 0 0.35rem rgba(255, 254, 251, 0.82); }
    .process-mark svg { width: 1.75rem; height: 1.75rem; }
    .process-copy { padding: 1.2rem; }
    .process-copy > p:not(.process-kicker) { min-height: 0; margin-bottom: 1.1rem; }
    .process-grid li:hover { transform: none; }
    .field-note footer { grid-template-columns: 1fr; gap: 0.3rem; }
    .agent-invite-grid { gap: 2.5rem; }
    .prompt-card { padding: 1.1rem; box-shadow: 0.55rem 0.55rem 0 var(--sand); }
    .prompt-card > p { font-size: 1.15rem; }
    .closing-line br { display: none; }
    .colophon-grid { grid-template-columns: 1fr 1fr; }
    .colophon-brand { grid-column: 1 / -1; }
    .colophon-base { align-items: flex-start; flex-direction: column; }
    .page { background: none; }
    .prose > h1 { font-size: 2.8rem; }
    .api-table, .api-table tbody, .api-table tr, .api-table td { display: block; width: auto; }
    /* Match the specificity of the desktop width:1% rule. Without this explicit reset,
       first-column values collapse to a few pixels and render one character per line. */
    .api-table td:first-child { width: auto; padding-bottom: 0; white-space: normal; }
    .api-table td:last-child { padding-top: 0.2rem; border-top: 0; }
    .translate-demo { grid-template-columns: 1fr; }
    .pane-arrow { transform: rotate(90deg); }

    /* From the 40rem source tier. */
    .proposal-search > div { align-items: stretch; flex-direction: column; }
    .proposal-search .btn { width: 100%; }
    .prop-next { float: none; display: block; margin: .25rem 0 0; }

    /* From the 40rem source tier. */
    .rt { grid-template-columns: 1fr; } .rt-arrow { transform: rotate(90deg); }

    /* From the 40rem source tier. */
    .proposal-next { grid-template-columns: auto minmax(0, 1fr); box-shadow: .35rem .35rem 0 var(--sand); }
    .proposal-next-cta { grid-column: 1 / -1; width: 100%; text-align: center; }

    /* From the 40rem source tier. */
    .form .two, .evidence-prerequisites { grid-template-columns: 1fr; }

    /* From the 38rem source tier. */
    .page-head { flex-direction: column; }
    .page-head h1 { font-size: 2.8rem; }
    .page-head .btn { margin-top: 0.4rem; }
    .measurement-result { grid-template-columns: 1fr; padding: 1.15rem; box-shadow: .3rem .3rem 0 var(--sand); }
    .measurement-result-tags { justify-content: flex-start; }
    .prop-row, .candidate { padding: 1.1rem; }
    .form .two { grid-template-columns: 1fr; }
    .second-bar.big { max-width: 70vw; }
    .register-view-head h1 { font-size: clamp(3rem, 15vw, 4.4rem); }
    .register-views { grid-template-columns: 1fr; border-bottom: 1px solid var(--rule); }
    .register-views a { border-top: 1px solid var(--rule); border-left: 0; }
    .register-views a:first-child { border-top: 0; }
    .dialect-feature footer { grid-template-columns: 1fr; align-items: start; }
    .dialect-entry { grid-template-columns: 1fr; }
    .dialect-entry-index { width: 4rem; }
    .dialect-entry-body { grid-column: 1; }
    .protocol-entry-head { grid-template-columns: 1fr; }
    .protocol-summary div { grid-template-columns: 1fr; gap: 0.3rem; }

    /* From the 38rem source tier. */
    .state-hero { padding-block: 4rem; }
    .state-hero h1 { font-size: clamp(3.2rem, 15vw, 4.5rem); }
    .state-hero-stats div { min-height: 6rem; padding: 1rem; }
    .state-subnav .wrap { padding-inline: 0; }
    .state-subnav a { padding: .9rem 1rem; font-size: var(--type-label); letter-spacing: .04em; }
    .state-chapter-head { grid-template-columns: 1fr; gap: 1rem; }
    .state-chapter-index { width: 4rem; }
    .state-chapter-copy h2 { font-size: 2.75rem; }
    .state-visual-card { box-shadow: .55rem .55rem 0 rgba(122,92,46,.07); }
    .state-visual-card-head { font-size: var(--type-label); }
    .state-visual-card-head span:last-child { display: none; }
    .state-mobile-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-bottom: 1px solid var(--rule); background: var(--sand); }
    .state-mobile-summary div { padding: .75rem .9rem; border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
    .state-mobile-summary div:nth-child(even) { border-right: 0; }
    .state-mobile-summary div:nth-last-child(-n+2) { border-bottom: 0; }
    .state-mobile-summary dt { color: var(--ink-soft); font-size: .66rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
    .state-mobile-summary dd { margin: .12rem 0 0; color: var(--accent); font: 700 1.4rem/1.15 Georgia, serif; font-variant-numeric: tabular-nums; }
    .am-legend, .cn-legend, .ec-legend, .evb-legend { font-size: .78rem; line-height: 1.65; }
    .constellation-data-list { display: block; margin: .45rem 0 .65rem; border-block: 1px dashed var(--rule); }
    .constellation-data-list summary { display: flex; min-height: 2.75rem; align-items: center; cursor: pointer; color: var(--link); font-size: .75rem; font-weight: 700; }
    .constellation-data-list ul { margin: 0; padding: 0 0 .85rem 1.1rem; color: var(--ink-soft); font-size: .78rem; line-height: 1.5; }
    .constellation-data-list li + li { margin-top: .55rem; }
    .coverage-scroll { display: none; }
    .coverage-mobile-list { display: grid; gap: .8rem; margin: 0; padding: .9rem; border-block: 1px solid var(--rule); background: #f8f5ed; list-style: none; }
    .coverage-mobile-list > li { min-width: 0; padding: 1rem; border: 1px solid var(--rule); background: var(--paper); }
    .coverage-mobile-list header { display: grid; gap: .3rem; padding-bottom: .75rem; border-bottom: 1px solid var(--rule); }
    .coverage-mobile-list header a { color: var(--ink); font: 600 1.05rem/1.25 var(--serif); }
    .coverage-mobile-list header span { color: var(--ink-soft); font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; }
    .coverage-mobile-list dl { margin: .55rem 0 0; }
    .coverage-mobile-list dl > div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(7rem, auto); gap: .7rem; align-items: baseline; padding: .42rem 0; border-top: 1px dotted var(--rule); }
    .coverage-mobile-list dt { color: var(--ink-soft); font-size: .72rem; }
    .coverage-mobile-list dd { margin: 0; font-size: .72rem; font-weight: 650; text-align: right; }
    .state-scroll-cue { display: flex; justify-content: space-between; gap: 1rem; margin: 0; padding: .6rem .9rem; border-bottom: 1px solid var(--rule); color: var(--ink-soft); font-size: .72rem; font-weight: 650; letter-spacing: .025em; }
    .state-scroll-cue span { color: var(--accent); font-size: 1rem; line-height: .8; }
    .state-chapter > .wrap > .state-mobile-summary { border: 1px solid var(--rule); border-bottom: 0; }
    .state-chapter > .wrap > .state-scroll-cue { border: 1px solid var(--rule); border-top: 0; }
    .coverage-matrix { min-width: 70rem; }
    .coverage-matrix .ec-construct-head, .coverage-matrix .ec-construct { width: 13rem; }
    .ec-construct > a { max-width: 11rem; }
    .coverage-scroll { max-height: 72vh; }

    /* From the 40rem source tier. */
    .pagination { grid-template-columns: 1fr 1fr; }
    .pagination-status { grid-column: 1 / -1; grid-row: 1; }
    .pagination-slot { grid-row: 2; }
    .pagination-slot--next { grid-column: 2; }

    /* From the 38rem source tier. */
    .stream-hero { padding-block: 4rem; }
    .stream-hero h1 { font-size: clamp(3.3rem, 16vw, 4.6rem); }
    .stream-summary > div { min-height: 7rem; padding: 1rem; }
    .stream-filter-track { padding-inline: 0; }
    .stream-filter { min-height: 3.35rem; padding: .65rem .85rem; font-size: var(--type-label); }
    .stream-key-inner { display: block; }
    .stream-key ul { margin: 1rem 0; padding: 1rem 0; border: 0; border-block: 1px solid var(--rule); }
    .stream-key-links { grid-template-columns: 1fr; }
    .stream-record-head { align-items: start; flex-direction: column; gap: .7rem; }
    .activity-day { grid-template-columns: 1rem 1fr; gap: .55rem; }
    .activity-item { display: block; padding: 0 0 1.15rem .55rem; }
    .activity-item::before { left: .46rem; top: 1.45rem; bottom: -1.15rem; }
    .activity-marker { position: absolute; left: -.3rem; top: -.05rem; width: 1.55rem; height: 1.55rem; }
    .activity-marker svg { width: .8rem; height: .8rem; }
    .activity-card { padding: 1rem 1rem 1.05rem 1.2rem; }
    .activity-card h3 { font-size: clamp(1.2rem, 6vw, 1.5rem); }
    .activity-meta { display: block; }
    .activity-meta time { display: block; margin-top: .45rem; }
    .agent-avatar--stream { width: 1.75rem; height: 1.75rem; }
    .activity-action { flex-basis: 100%; }
    .activity-action::before { display: none; }
    .activity-card h3 { font-size: 1.35rem; }
    .activity-facts { grid-template-columns: 1fr; }
    .activity-evidence-link { flex-wrap: wrap; }
    .activity-evidence-link code { order: 3; width: 100%; margin-left: 0; }

    /* From the 38rem source tier. */
    .search-hero::before { inset: 58% 0 0; border-top: 1px solid #464036; border-left: 0; }
    .search-hero h1 { font-size: clamp(3.2rem, 15vw, 4.5rem); }
    .site-search-control { grid-template-columns: auto minmax(0, 1fr); min-height: 4.4rem; }
    .site-search-control input { height: 4.3rem; padding-right: .7rem; font-size: 1rem; }
    .site-search-control .site-search-submit { grid-column: 1 / -1; min-height: 3.4rem; border-width: 1px 0 0; border-top-color: var(--rule); }
    .search-hit-head { align-items: start; flex-direction: column-reverse; gap: .7rem; }
    .search-hit-language { grid-template-columns: 1fr; }
    .search-hit-language > div + div { border-left: 0; }
    .search-hit footer { align-items: start; flex-direction: column; }
    .search-guide > .wrap > header { grid-template-columns: 1fr; }
    .search-guide-grid { grid-template-columns: 1fr; }
    .search-guide-grid a { min-height: 9rem; border-top: 1px solid var(--rule); border-left: 0; }
    .search-guide-grid a:first-child { border-top: 0; }
}

@media (max-width: 30rem) {
    /* From the 24rem source tier. */
    .api-table.participation-table tr { grid-template-columns: 1fr; }
    .participation-table th[scope="row"], .participation-table td { grid-column: 1; }
    .participation-table td:nth-child(even) { border-right: 0; }
    .participation-table td:nth-child(n+3) { border-top: 1px solid var(--rule); }

    /* From the 30rem source tier. */
    .contributor-identity { align-items: flex-start; gap: 1rem; }
    .agent-avatar--profile { width: 4rem; height: 4rem; border-radius: .45rem; }
}