/* Shared final pass: comfortable controls, shorter mobile reading, same brand. */
main > section[id] { scroll-margin-top:0; }
.uses-picker[hidden],.use-story[hidden],.catalog-more[hidden] { display:none; }
.catalog-more { text-align:center; margin:30px 0; }
.media-retry { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:14px; padding:22px; background:#03112ff5; color:white; text-align:center; z-index:4; font-size:14px; }
.media-retry[hidden] { display:none; }
.media-retry p { margin:0; max-width:28em; }
.media-retry button { border:0; border-radius:30px; padding:12px 20px; background:var(--yellow-500); color:var(--ink); font:inherit; font-weight:700; min-height:44px; }
.language-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); }
.language-tabs button { overflow-wrap:anywhere; }
.mobile-nav { max-height:calc(100dvh - 76px); overflow-y:auto; overscroll-behavior:contain; }

@media(max-width:760px) {
  html { scroll-padding-top:84px; }
  input,select,textarea { font-size:16px; }
  .nav .brand,.footer .brand { min-height:44px; display:inline-flex; align-items:center; }
  .header .nav .nav-cta,.opening-offline,.universe-related button { min-height:44px; }
  .header .nav { gap:8px; }
  .header .nav .nav-cta { padding-left:12px; padding-right:12px; gap:7px; }
  .header .nav .menu-toggle { width:44px; height:44px; flex:0 0 44px; }
  .text-link,.opening-product-link,.opening-bottom a,.universe-footer a,.universe-link,.uses-footer a,.duo-watch,.choice-compare { min-height:44px; align-items:center; }
  .opening-expand,.opening-toggle,.opening-chapters button,.choice-view-top button { min-height:44px; }
  .opening-expand { width:44px; }
  .opening-dialog [data-close-film],.use-dialog-top>button,.duo-dialog-top>button,.choice-dialog-top>button,.dialog-close { width:44px; height:44px; flex-basis:44px; }
  .opening-dialog-top,.use-dialog-top,.duo-dialog-top,.choice-dialog-top { position:sticky; top:0; z-index:5; background:var(--navy); }
  .choice-dialog-top { background:#f4f8ff; padding-bottom:14px; }
  .opening-grid { gap:0; padding:28px 0 20px; }
  .opening-copy { display:contents; }
  .opening-copy>.eyebrow { grid-row:1; margin:0 0 17px; text-align:center; }
  .opening h1 { grid-row:2; text-align:center; margin:0 0 17px; }
  .opening-intro { grid-row:3; text-align:center; margin:0 0 24px; }
  .opening-film { grid-row:4; }
  .opening-actions { grid-row:5; margin-top:20px; gap:8px; }
  .opening-languages { grid-row:6; text-align:center; margin-top:20px; padding-top:17px; }
  .opening-languages>span { justify-content:center; font-size:12px; }
  .opening-film-bar { padding:12px 0; }
  .opening-film-bar small,.opening-provenance,.opening-intro small { font-size:12px; }
  .opening-chapters { gap:8px; }
  .opening-chapters button { white-space:normal; font-size:11px; padding:10px 0; }
  .opening-chapters button>span { display:block; }
  .opening-bottom { padding:10px 0; }
  .opening-bottom>span { display:none; }
  .opening-bottom a { margin:auto; font-size:12px; }
  .offline-feature,.african-languages,.uses,.connect-story,.product-choice { padding-top:40px; padding-bottom:32px; }
  .offline-copy h2,.african-copy h2 { font-size:34px; margin-bottom:20px; }
  .offline-steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
  .offline-steps li { display:block; }
  .offline-steps strong { font-size:15px; }
  .offline-steps p { font-size:13px; line-height:1.5; }
  .offline-steps li>span { display:block; margin-bottom:8px; }
  .offline-visual figcaption small,.language-demo-note,.african-note { font-size:12px; }
  .language-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .language-tabs button { font-size:14px; padding:11px 8px; }
  .language-tabs button span { font-size:12px; }
  .african-words { margin-top:28px; }
  .african-words>ul { grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 12px; }
  .african-words strong { font-size:16px; letter-spacing:-.04em; }
  .african-words>ul li { padding:14px 0; }
  .african-words li>span { margin-top:4px; }
  .uses-heading { margin-bottom:22px; }
  .uses-picker { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:25px; }
  .uses-picker button { padding:11px 6px; min-height:48px; background:white; color:var(--ink); border:1px solid var(--line); border-radius:12px; font:inherit; font-size:13px; font-weight:700; }
  .uses-picker [aria-selected="true"] { background:var(--yellow-500); border-color:var(--yellow-500); }
  .use-story+.use-story { padding-top:0; margin-top:0; border-top:0; }
  .use-story h3 { font-size:30px; }
  .use-result { margin-top:16px; }
  .use-detail { font-size:12px; }
  .uses-footer { margin-top:24px; padding-top:18px; gap:10px; }
  .uses-footer>p { font-size:12px; }
  .duo-parent { display:grid; grid-template-columns:minmax(110px,.85fr) minmax(0,1.15fr); gap:12px 18px; align-items:center; }
  .duo-parent .duo-device-label { grid-column:1/-1; }
  .duo-parent .duo-phone { width:100%; max-width:180px; }
  .duo-parent figcaption { margin:0; }
  .duo-parent h3 { font-size:20px; }
  .duo-parent figcaption>p { font-size:13px; }
  .duo-footer p,.duo-quote small,.choice-note { font-size:12px; }
  .duo-quote p { font-size:21px; }
  .footer-main>div>a:not(.brand),.footer-bottom a { min-height:44px; display:flex; align-items:center; margin:0; font-size:13px; }
  .footer-main { gap:24px; padding-bottom:30px; }
  .footer-bottom>div { flex-wrap:wrap; gap:0 16px; }
  .search-field input { font-size:16px; }
  .category-tabs button,.video-filter { min-height:44px; }
  .media-caption { font-size:12px; }
  .product-choice .choice-view-top button { min-width:44px; }
}
@media(max-width:350px) {
  .african-words>ul { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .offline-steps { grid-template-columns:1fr; gap:14px; }
  .offline-steps li { display:flex; gap:12px; }
  .duo-parent { gap:12px; }
  .duo-parent h3 { font-size:19px; }
}