/* Nile Active / editorial mobile edition, November 2026
   One top identity, one five-destination dock. Desktop composition is unchanged. */
#na-phone-header,#na-mobile-dock,.na-desktop-edition-note{display:none}
@media (max-width:1024px){
  html{scroll-padding-bottom:calc(105px + env(safe-area-inset-bottom))}
  body{padding-bottom:calc(93px + env(safe-area-inset-bottom))}
  html.na-mobile-ready body :is(#nile-site-header,header.topbar,.impactNav,[data-desktop-header]){display:none!important}
  html.na-mobile-ready body #na-phone-header{display:flex!important}
  #na-phone-header{position:sticky;top:0;z-index:500;display:flex;align-items:center;justify-content:space-between;gap:20px;height:58px;min-height:58px;padding:6px 17px;background:#f9ecc7;color:#153d2e;border-bottom:1px solid #153d2e23;box-sizing:border-box}
  #na-phone-header>a{display:flex;align-items:center;flex:none;min-height:44px}
  #na-phone-header img{display:block;width:105px;height:auto;max-height:44px;object-fit:contain}
  .na-phone-caption{text-align:right;font:700 9px/1.45 Archivo,Arial,sans-serif;letter-spacing:.13em}
  .na-phone-caption small{display:block;font:500 8px/1.4 Archivo,Arial,sans-serif;letter-spacing:.11em;opacity:.58}
  #na-mobile-dock{position:fixed;z-index:9998;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:calc(9px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;max-width:460px;margin:0 auto;padding:5px;background:#29483b;color:#f7edcf;border:1px solid #f7edcf55;border-radius:29px;box-shadow:0 8px 30px #0b291e40;box-sizing:border-box;isolation:isolate}
  #na-mobile-dock>a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:65px;gap:5px;padding:6px 0;text-align:center;text-decoration:none;color:#f7edcf;background:transparent;border-radius:23px;box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:background-color 170ms ease,color 170ms ease,transform 130ms ease}
  #na-mobile-dock>a.is-active{background:#f7edcf;color:#153d2e}
  #na-mobile-dock>a:active{transform:scale(.97)}
  #na-mobile-dock>a:focus-visible,#na-phone-header a:focus-visible{outline:2px solid #b72d32;outline-offset:-3px}
  .na-mobile-dock-icon{display:flex;align-items:center;justify-content:center;width:29px;height:29px;flex:none}
  .na-mobile-dock-icon svg{width:28px;height:28px}
  .na-mobile-dock-label{display:block;font:700 clamp(9px,2.55vw,11.5px)/1.15 Archivo,Arial,sans-serif;letter-spacing:-.015em;white-space:nowrap}
  .na-desktop-edition-note{display:block;margin:0;padding:13px 18px;background:#e6d9b8;color:#153d2e;font:500 11px/1.5 Archivo,Arial,sans-serif;border-bottom:1px solid #153d2e30}
  .nm-home .nm-header,.nm-home .nm-dock{display:none!important}
  body:has(.nm-home) .na-constellation-footer,body:has(.nm-home) .nile-end{padding-bottom:125px!important}
  body:has(#na-mobile-dock) :is(input:not([type=range]),select,textarea){font-size:max(16px,1em)}
  body[data-na-mobile-page="stories"]{overflow-x:clip}
  body[data-na-mobile-page="stories"] .news-hero{max-width:100%;overflow:hidden}
  body[data-na-mobile-page="stories"] .news-hero-art{max-width:100%;height:auto;object-fit:cover}
  body[data-na-mobile-page="stories"] #archive{max-width:100%;overflow-x:clip}
  body[data-na-mobile-page="stories"] .sl-painted-book{display:none!important}
  body[data-na-mobile-page="stories"] .sl-shelf-hint,body[data-na-mobile-page="stories"] .sl-painted-radio{min-width:44px;min-height:44px;touch-action:manipulation}
  body[data-na-mobile-page="store"] #na-pocket-store-nav{top:58px}
  body[data-na-mobile-page="store"] #nile-mobile-radio-dock{bottom:calc(91px + env(safe-area-inset-bottom))!important}
  body[data-na-mobile-page="store"]{padding-bottom:calc(193px + env(safe-area-inset-bottom))!important}
  body[data-na-mobile-page="donate"]{display:block}
  body[data-na-mobile-page="donate"]>main{margin-inline:auto}
  body[data-na-mobile-page="donate"]>main h1{font-size:clamp(43px,12vw,64px)}
  body[data-na-mobile-page="media"] .gallery-grid{max-width:100%;overflow-x:clip}
  .nm-sheet{z-index:11000}
}
@media (max-width:1024px){
  .nm-home.nm-home{overflow:visible;background:#f9ecc7;color:#143d2c}
  .nm-home.nm-home .nm-hero{min-height:min(760px,calc(100svh - 58px));padding:30px 22px 112px;overflow:hidden}
  .nm-home.nm-home .nm-hero-art{object-position:center center}
  .nm-home.nm-home .nm-proof{gap:15px}
  .nm-home.nm-home .nm-proof small{font-size:10px}
  .nm-home.nm-home .nm-begin{font-size:12px}
  .nm-home.nm-home .nm-index{padding:44px 20px 36px;background:#f9ecc7;color:#143d2c}
  .nm-index-topline{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font:700 10px/1.5 Archivo,Arial,sans-serif;letter-spacing:.1em}
  .nm-index-topline span:last-child{color:#a52c30}
  .nm-index h2{margin:17px 0 15px!important;font:400 clamp(47px,12vw,66px)/.96 Anton,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.02em}
  .nm-index>p{margin:0 0 25px!important;max-width:44ch;font:400 15px/1.7 Archivo,Arial,sans-serif}
  .nm-index-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #143d2c75}
  .nm-index-links a{display:flex;flex-direction:column;justify-content:space-between;min-height:78px;padding:15px 10px 13px 0;border-bottom:1px solid #143d2c75;text-decoration:none;color:inherit}
  .nm-index-links a:nth-child(odd){border-right:1px solid #143d2c75}
  .nm-index-links a:nth-child(even){padding-left:16px}
  .nm-index-links small{font:700 9px/1.5 Archivo,Arial,sans-serif;color:#a52c30}
  .nm-index-links strong{font:400 clamp(22px,6.5vw,31px)/1.1 Anton,Impact,sans-serif}
  .nm-desktop-note{margin:26px 0 0!important;padding:15px 0 0;border-top:1px solid #143d2c4a;font:500 11px/1.6 Archivo,Arial,sans-serif;color:#5b695d}
  .nm-home.nm-home .nm-scene{display:flex;flex-direction:column;width:100%;height:auto;min-height:0;aspect-ratio:auto!important;overflow:visible;background:#f9ecc7;color:#143d2c;isolation:auto}
  .nm-home.nm-home .nm-art{position:relative;inset:auto;top:auto;bottom:auto;z-index:0;display:block;flex:none;width:100%;height:auto;max-height:780px;aspect-ratio:auto;object-fit:contain;object-position:center;mask-image:none;-webkit-mask-image:none}
  .nm-home.nm-home .nm-scene-copy{position:relative;z-index:1;max-width:100%;width:100%;padding:24px 21px 40px;background:#f9ecc7;color:#143d2c;text-shadow:none}
  .nm-home.nm-home .nm-scene h2{margin:10px 0 15px;font-size:clamp(40px,10.4vw,58px);line-height:1.01}
  .nm-home.nm-home .nm-introduction{font-size:15px;line-height:1.65;max-width:46ch}
  .nm-home.nm-home .nm-scene-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:17px}
  .nm-home.nm-home .nm-scene-actions button{font-size:13px;min-height:44px}
  .nm-home.nm-home .nm-field-index{font-size:12px;line-height:1.4;min-height:44px;margin-top:13px;padding:7px 13px;background:#e7d9b7;color:#143d2c;border-color:#143d2c60;text-shadow:none}
  .nm-home.nm-home .nm-art-marker{display:none!important}
  .nm-home.nm-home .nm-scene-taka .nm-scene-copy,.nm-home.nm-home .nm-scene-red-sea .nm-scene-copy{max-width:100%;text-shadow:none}
  .nm-home.nm-home .nm-scene-khartoum .nm-art{height:auto;object-fit:contain}
  .nm-home.nm-home .nm-origin{padding-block:43px}
  .nm-home.nm-home .nm-origin>img{width:100%;margin-top:20px}
  .nm-home.nm-home .nm-interlude h2{font-size:clamp(40px,10.5vw,59px)}
  .nm-home.nm-home .nm-questions{padding-bottom:35px}
  .nm-home.nm-home .nm-invitation{padding-bottom:50px}
}
@media (max-width:600px){
  .nm-home.nm-home .nm-scene-darfur .nm-art,.nm-home.nm-home .nm-scene-dinder .nm-art,.nm-home.nm-home .nm-scene-khartoum .nm-art,.nm-home.nm-home .nm-scene-red-sea .nm-art{max-height:520px;object-fit:cover;object-position:50% 64%}
  .nm-home.nm-home .nm-scene-khartoum .nm-art{aspect-ratio:4 / 3;object-position:center}
  body[data-na-mobile-page="stories"] .sl-shelf-hint{font-size:11px!important}
  .na-phone-caption small{display:none}
}
@media (max-width:359px){
  body .impactPage .partnerStats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .impactPage .partnerStats article{padding-inline:12px}
  .impactPage .partnerStats strong{font-size:30px}
  #na-phone-header{padding-inline:12px}
  #na-mobile-dock{left:7px;right:7px;padding:4px}
  #na-mobile-dock>a{min-height:64px;gap:4px}
  .na-mobile-dock-label{font-size:9px;letter-spacing:-.04em}
  .na-mobile-dock-icon svg{width:24px;height:24px}
}
@media (prefers-reduced-motion:reduce){
  #na-mobile-dock>a{transition:none!important}
}
/* Final mobile readability pass: editorial surfaces, not compressed desktop windows. */
@media(max-width:760px){
  body[data-na-mobile-page="campaigns"] .nl-races-route{max-width:100%;overflow-x:clip}
  .impactPage .heroTop,.impactPage .sectionBar,.impactPage .partnerButtons a{font-size:10px;line-height:1.5}
  .impactPage .numberBlock>strong{font-size:clamp(64px,19vw,126px);line-height:1;letter-spacing:-.075em}
  .impactPage .heroTitle h1{font-size:clamp(41px,10.5vw,64px);line-height:1.02}
  .impactPage .heroNumber{grid-template-columns:minmax(0,1fr);gap:28px}
  .impactPage .sideStats article{gap:12px}
  .impactPage .updateList a{grid-template-columns:1fr minmax(0,2fr);gap:8px 18px;padding:18px 0}
  .impactPage .updateList a strong{grid-column:1/-1;font-size:15px;line-height:1.5}
  .impactPage .updateList time,.impactPage .updateList small{font-size:10px}
  .impactPage .section{padding-inline:20px}
  .impactPage .partnerTicker{overflow:hidden}
  .impactPage .partnerGallery{max-width:100%;min-width:0}
  .impactPage .partnerGallery .galleryControls button{min-width:44px;min-height:44px}
  .impactPage .partnerHeader :is(.sadMark b,.etharMark b){font-size:clamp(38px,10vw,58px)}
  .impactPage .futureLanes article{grid-template-columns:1fr;gap:8px}
  .impactPage .openNetwork{grid-template-columns:1fr;gap:14px}
  .impactPage .directGiving{grid-template-columns:1fr}
  .impactPage .directGiving>div{border-bottom:1px solid #4a4a4128}
  body[data-na-mobile-page="stories"] .atelier-page>.latest,
  body[data-na-mobile-page="stories"] .atelier-page>.press{padding-inline:20px!important}
  body[data-na-mobile-page="stories"] .latest-heading,
  body[data-na-mobile-page="stories"] .press .chapter-heading{grid-template-columns:1fr!important;gap:14px!important;padding:34px 0 25px!important}
  body[data-na-mobile-page="stories"] .story-grid{grid-template-columns:1fr!important;gap:32px!important}
  body[data-na-mobile-page="stories"] .story-card figure img{height:auto!important;aspect-ratio:1.55!important}
  body[data-na-mobile-page="stories"] .story-copy h2{font-size:clamp(31px,8.5vw,44px)!important;line-height:1.12!important}
  body[data-na-mobile-page="stories"] .press-entry{grid-template-columns:1fr!important;gap:14px!important;padding:22px 0!important}
  body[data-na-mobile-page="stories"] .media-logo-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
  body[data-na-mobile-page="stories"] .media-logo-row img{max-width:100%!important}
  body[data-na-mobile-page="stories"] .programme-panel{padding:40px 20px 36px!important}
  body[data-na-mobile-page="stories"] .programme-frame{inset:13px!important}
  body[data-na-mobile-page="stories"] .story-card,
  body[data-na-mobile-page="stories"] .press-entry{max-width:100%}
  body[data-na-mobile-page="stories"] :is(.story-action,.press-link){min-height:44px}
  body[data-na-mobile-page="media"] .abp-gallery{padding-bottom:105px}
  body[data-na-mobile-page="media"] :is(.mac-toolbar,.gallery-toolbar){max-width:100%;flex-wrap:wrap}
  body[data-na-mobile-page="media"] .gallery-grid img{max-width:100%;height:auto}
  .na-desktop-edition-note{padding-inline:20px}
}
@media(max-width:390px){
  html.na-store-mobile-repaired body[data-na-mobile-page="store"] #collection-desktop[data-shop-revamp] .na-catalog-grid{grid-template-columns:1fr!important}
  html.na-store-mobile-repaired body[data-na-mobile-page="store"] #collection-desktop[data-shop-revamp] .na-product-card__meta{font-size:11px!important;line-height:1.45!important}
  html.na-store-mobile-repaired body[data-na-mobile-page="store"] #collection-desktop[data-shop-revamp] .na-product-card__eyebrow{font-size:10px!important}
  body[data-na-mobile-page="stories"] .media-logo-row{grid-template-columns:1fr!important}
}
/* Correct double header offsets caused by older phone CSS. */
@media(max-width:1024px){
  html.na-mobile-ready #na-phone-header{height:58px!important;min-height:58px!important;max-height:58px!important;box-sizing:border-box}
  html.na-mobile-ready #na-mobile-dock{visibility:visible}
  body:has(.nm-home) #na-phone-header img{max-height:42px}
  body[data-na-mobile-page="store"] #na-pocket-store-nav{top:58px!important}
}