/* Shared mobile reading scale. Load after component styles; keep rem units so
   browser text preferences and zoom can enlarge every reading tier. */
.list .row,
.search-results .row {
  align-items: start;
}

@media (max-width: 760px) {
  :root {
    --reading-body: 1.25rem;
    --reading-support: 1.125rem;
    --reading-ui: 1rem;
    --reading-meta: .875rem;
    --reading-h1: 1.875rem;
    --reading-h2: 1.5rem;
    --reading-h3: 1.3125rem;
  }

  body { font-size: var(--reading-ui); }
  .intro > p.service-status-note { font-size: var(--reading-ui); line-height: 1.65; }
  .service-status-notice { font-size: var(--reading-support); line-height: 1.75; }
  .wrap { width: calc(100% - 32px); }

  /* Allow the account label to wrap when the user enlarges text. */
  .site-masthead .site-head-inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .site-account-actions { min-width: 0; justify-self: end; }
  .site-account-actions a {
    max-width: 100%;
    font-size: var(--reading-ui);
    white-space: normal;
    text-align: center;
  }
  .site-masthead .site-brand-lockup > .brand-slogan {
    font-size: var(--reading-meta);
    white-space: normal;
  }
  .site-masthead .site-nav { gap: 20px; }
  .site-masthead .site-nav a { font-size: var(--reading-ui); }
  .site-masthead .site-search { min-height: 44px; height: auto; }
  .site-search input { min-height: 42px; font-size: var(--reading-ui); }
  .site-search button { min-width: 44px; min-height: 42px; }
  .site-search-results a,
  .site-search-results p { font-size: var(--reading-ui); }
  .site-search-results small { font-size: var(--reading-meta); }

  .article-body {
    font-size: var(--reading-body);
    line-height: 1.75;
    color: #354139;
  }
  .article-head h1,
  .video-detail .article-head h1,
  .intro h1,
  .intro #page-title,
  .home-welcome h1,
  .guide-intro h1,
  .search-page h1,
  .publication-about h1,
  .video-page-heading h1 {
    font-size: var(--reading-h1);
    line-height: 1.4;
  }
  .article-body h2,
  .reading-block h2,
  .section-head h2,
  .topic-shelf .section-head h1,
  .home-news__heading h2,
  .guide-section-head h2,
  .video-description h2,
  .video-next-heading h2,
  .related-head h2,
  .about-brand-copy h2,
  .search-results h2,
  .catalog-heading,
  .more-reading > h2 {
    font-size: var(--reading-h2);
    line-height: 1.5;
  }
  .article-body h3,
  .reading-block h3,
  .guide-chapter h3,
  .guide-invitation h3,
  .video-source-panel h2 {
    font-size: var(--reading-h3);
    line-height: 1.5;
  }
  .article-head .dek,
  .article-body .article-reference-note,
  .article-body .taijiyun-signup .taijiyun-signup-description,
  .answer p {
    font-size: var(--reading-support);
    line-height: 1.75;
  }
  .answer strong { font-size: var(--reading-ui); }
  .article-body .taijiyun-signup .taijiyun-signup-heading {
    font-size: var(--reading-h2);
  }
  .article-body .taijiyun-signup-action a {
    font-size: var(--reading-ui);
  }
  .article-body .article-step-image > summary {
    font-size: var(--reading-ui);
  }
  .article-toc > summary,
  .article-toc .toc li,
  .article-toc .toc a,
  .toc h2,
  .toc li,
  .related a,
  .related-topics a { font-size: var(--reading-ui); }
  .related-topics .related-topic-kind { font-size: var(--reading-meta); }
  .article-toc-count,
  .article-toc .toc a::before { font-size: var(--reading-meta); }
  .article-toc .toc a { grid-template-columns: 1.5rem minmax(0, 1fr); }
  .related h2,
  .related-topics h2 { font-size: var(--reading-h3); }

  .breadcrumbs,
  .byline,
  .article-body figcaption,
  .imported-article .imported-figure figcaption,
  .article-source,
  .source-link,
  .source-note,
  .warehouse-notes figcaption {
    font-size: var(--reading-meta);
    line-height: 1.75;
    color: #596960;
  }
  .breadcrumbs [aria-current="page"] { color: #596960; }
  .category,
  .kind,
  .kicker,
  .story-kind,
  .feature-label,
  .home-news__kind { font-size: var(--reading-meta); }
  .intro > p:not(.dek):not(.service-status-note),
  .content-categories__label { font-size: var(--reading-meta); }
  .article-body table,
  .imported-article table,
  .reading-fees table,
  .reading-fees caption {
    font-size: var(--reading-ui);
    line-height: 1.75;
  }

  /* Full-width covers retain their authored 2:1 composition and all lettering. */
  .list,
  .search-results .list { grid-template-columns: minmax(0, 1fr); }
  .list .row,
  .search-results .row {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding-block: 20px;
  }
  .list .row > a { width: 100%; aspect-ratio: 2 / 1; }
  .list .row > a > img,
  .search-results .row img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2 / 1 !important;
    object-fit: contain !important;
  }
  .list .row h2,
  .search-results .row h3,
  .search-result-item h2,
  .story h3,
  .feature h2,
  .home-news__text-link h3 {
    font-size: var(--reading-body);
    line-height: 1.5;
    display: block;
    max-height: none;
    overflow: visible;
    -webkit-line-clamp: unset;
  }
  .list .row p:not(.kind),
  .search-results .row p:not(.kind),
  .search-result-item p,
  .story p:not(.story-kind),
  .feature p:not(.feature-label),
  .home-news__text-link p {
    font-size: var(--reading-ui);
    line-height: 1.75;
  }
  .list .row p:not(.kind),
  .search-results .row p:not(.kind) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .story {
    display: block;
    padding-bottom: 20px;
  }
  .story > a > img,
  .story > img {
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 1;
    object-fit: contain;
  }
  .story .story-kind { margin-top: 10px; }
  .story p:not(.story-kind) { display: block; }
  .story .read,
  .read,
  .home-news__read { font-size: var(--reading-ui); }
  .latest-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 4px 12px;
    padding-block: 14px;
  }
  .latest-row .kind { grid-column: 1 / -1; font-size: var(--reading-meta); }
  .latest-row a { font-size: var(--reading-body); }
  .latest-row span:last-child { font-size: var(--reading-meta); }

  /* Compact category chrome leaves room for the first complete article card. */
  .regional-catalogue .breadcrumbs,
  .service-collection .breadcrumbs { padding-top: 12px; }
  .regional-catalogue .intro,
  .service-collection .intro { padding-block: 10px 12px; }
  .regional-catalogue .intro .dek,
  .service-collection .intro .dek {
    margin-top: 6px;
    font-size: var(--reading-ui);
    line-height: 1.6;
  }
  .regional-catalogue .content-categories {
    margin: 12px 0 0;
    padding-bottom: 10px;
  }
  .regional-catalogue .content-categories__label {
    margin-bottom: 6px;
    font-size: var(--reading-meta);
  }
  .regional-catalogue .content-categories__links {
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    padding: 3px;
    scroll-padding-inline: 3px;
  }
  .regional-catalogue .content-categories__links li { flex: 0 0 auto; }
  .content-categories__links a { font-size: var(--reading-ui); }
  .content-categories__count { font-size: var(--reading-meta); }
  .regional-catalogue .content-categories__links a { padding: 7px 10px; }
  .regional-catalogue .list .row:first-child,
  .service-collection .list .row:first-child { padding-top: 14px; }

  .search-filters { flex-wrap: wrap; }
  .search-filters button,
  .video-categories a,
  .pagination {
    font-size: var(--reading-ui);
    line-height: 1.5;
  }
  .search-filters button,
  .video-categories a,
  .pagination a,
  .pagination span { min-height: 44px; }
  .video-categories a { display: inline-flex; align-items: center; }
  .pagination a,
  .pagination span { min-width: 44px; }
  .search-filters button[aria-pressed="true"],
  .video-categories a[aria-current="page"],
  .pagination [aria-current="page"] {
    color: #fff;
    background: #276b41;
    border-color: #276b41;
  }
  .content-video .video-orbit__current { flex-wrap: wrap; align-items: flex-start; }
  .content-video .video-orbit__current > div { flex: 1 1 12rem; }
  .content-video .video-orbit__current strong,
  .video-orbit__card-copy strong { font-size: var(--reading-body); }
  .content-video .video-orbit__current > a,
  .video-orbit__motion,
  .video-orbit__catalog summary,
  .video-orbit__card-action,
  .video-card-action { font-size: var(--reading-ui); }
  .video-orbit__motion { min-height: 44px; }
  .video-orbit__hint,
  .video-orbit__note {
    font-size: var(--reading-meta) !important;
    color: #596960 !important;
  }

  /* Native guide prose remains readable independently of the illustrated book. */
  .guide-intro .dek,
  .guide-intro > p,
  .guide-current,
  .guide-current p,
  .guide-chapter p,
  .guide-chapter li,
  .guide-questions summary,
  .guide-questions details p {
    font-size: var(--reading-support);
    line-height: 1.75;
  }
  .guide-current strong { font-size: var(--reading-h2); }
  .guide-read,
  .guide-skip,
  .guide-current a,
  .guide-book .plate .t { font-size: var(--reading-ui); }
  .guide-chapter-label,
  .guide-book .book-status,
  .guide-book .plate .n { font-size: var(--reading-meta); }

  .intro .dek,
  .intro-copy,
  .home-welcome p,
  .reading-block p,
  .reading-steps p,
  .task-paths span,
  .service-option ul,
  .guide-invitation p,
  .warehouse-notes p,
  .guide-section-head p,
  .guide-service-note,
  .about-brand-copy > p,
  .video-description,
  .video-page-heading p,
  .video-source-panel dd,
  .video-source-panel .video-source-original dd {
    font-size: var(--reading-ui);
    line-height: 1.75;
  }
  .task-paths strong,
  .topic h3 { font-size: var(--reading-support); }
  .home-welcome__guide,
  .home-guide-entry,
  .guide-invitation a,
  .reading-steps a,
  .service-option a,
  .reading-fees a,
  .topic-jumps,
  .topic li,
  .topic .more,
  .about-brand-toggle,
  .catalog-filter label,
  .catalog-filter button,
  .filter-empty button,
  .search-reset,
  .video-all,
  .video-original-link,
  .video-next-heading > a,
  .video-next-action,
  .related-list a { font-size: var(--reading-ui); }
  .video-card h2,
  .video-card h3,
  .video-mini h3,
  .video-next-copy h3 { font-size: var(--reading-body); line-height: 1.5; }
  .section-head,
  .home-news__heading { flex-wrap: wrap; align-items: flex-start; gap: 8px 16px; }
  .section-head p,
  .home-news__heading p { max-width: none; text-align: left; }

  .section-head p,
  .home-news__heading p,
  .video-mini-label,
  .video-card .video-kind,
  .video-card .video-category,
  .video-orbit__position,
  .video-orbit__current [data-orbit-current-category],
  .video-orbit__category,
  .video-orbit__availability,
  .video-source-note,
  .video-selection-note,
  .video-source-panel dt,
  .video-source-context,
  .video-next-category,
  .related-head p,
  .related-list span,
  .editor-note,
  .about-brand-copy .about-brand-status,
  .search-results .result-count,
  .search-type,
  [data-result-count],
  .catalog-filter p,
  .restored-footer-brand span,
  .restored-footer-bottom > .wrap,
  .restored-footer-bottom a {
    font-size: var(--reading-meta);
    line-height: 1.75;
  }
  .restored-footer .footer-links a { font-size: var(--reading-ui); }
  .restored-footer .footer-links a,
  .footer-links a { white-space: normal; }
}

/* A tall fixed header must not cover the reading area on landscape phones. */
@media (max-width: 760px) and (max-height: 500px) {
  .site-masthead { position: static; }
}