/* Mobile hardening layer — shared across the full Netlify deployment */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{max-width:100%}
body{min-width:0}
:where(img,svg,video,canvas,iframe){max-width:100%;height:auto}
:where(.container,.wrap,.head-inner,.foot-inner,.dashboard-container,.brochure-section,.site-main,.section){min-width:0}
:where(h1,h2,h3,h4,p,li,blockquote,figcaption,.brand,.brand-text,.learning-brand-stamp-copy,.footer-brand-lockup){overflow-wrap:break-word;word-break:normal}
:where(pre,code){max-width:100%}
pre{overflow:auto;-webkit-overflow-scrolling:touch}
table{max-width:100%}
:where(input,textarea,select,button){max-width:100%}
:where(button,.btn,.menu-btn,.brochure-menu,.mobile-nav-toggle,.check-answer,.restart-quiz,.reset-progress,.filter-btn,.year-pick,.tf-pick,.level-pick,.practice-reset){touch-action:manipulation;-webkit-tap-highlight-color:transparent}

/* Shared mobile navigation for pages that previously hid navigation entirely. */
.mobile-nav-toggle{display:none;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;padding:0;border:1px solid rgba(6,41,74,.2);border-radius:13px;background:#fff;color:#06294a;cursor:pointer;box-shadow:0 5px 18px rgba(3,27,51,.06)}
.mobile-nav-toggle span{display:block;width:20px;height:2px;margin:4px auto;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.mobile-nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mobile-nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

@media(max-width:1020px){
  .site-learning .header .nav,.site-abraham-guide .header .nav{position:relative;min-height:70px;gap:12px}
  .site-learning .header .mobile-nav-toggle,.site-abraham-guide .header .mobile-nav-toggle{display:inline-flex}
  .site-learning .header .navlinks.mobile-managed,.site-abraham-guide .header .navlinks.mobile-managed{display:none!important;position:absolute;z-index:80;inset-inline:0;top:calc(100% + 1px);padding:10px;background:#fff;border:1px solid #dce3e8;border-top:0;border-radius:0 0 16px 16px;box-shadow:0 18px 35px rgba(3,27,51,.13);flex-direction:column;align-items:stretch;gap:0}
  .site-learning .header .navlinks.mobile-managed.mobile-open,.site-abraham-guide .header .navlinks.mobile-managed.mobile-open{display:flex!important}
  .site-learning .header .navlinks.mobile-managed a,.site-abraham-guide .header .navlinks.mobile-managed a{display:flex;align-items:center;min-height:46px;padding:10px 12px!important;border-radius:10px;width:100%}
  .site-learning .header .navlinks.mobile-managed a:hover,.site-abraham-guide .header .navlinks.mobile-managed a:hover{background:#f3f7fa}
  .site-learning .header .navlinks.mobile-managed a:after,.site-abraham-guide .header .navlinks.mobile-managed a:after{display:none!important}
}

@media(max-width:720px){
  .site-seo-page header.head .head-inner{position:relative;min-height:68px;gap:10px;flex-wrap:wrap;padding-block:8px}
  .site-seo-page header.head .brand{min-width:0;flex:1 1 180px;line-height:1.25}
  .site-seo-page header.head .mobile-nav-toggle{display:inline-flex;order:3}
  .site-seo-page header.head nav.nav.mobile-managed{display:none!important;order:10;width:100%;padding:8px 0 2px;border-top:1px solid #e4e9ed;flex-direction:column;align-items:stretch;gap:2px}
  .site-seo-page header.head nav.nav.mobile-managed.mobile-open{display:flex!important}
  .site-seo-page header.head nav.nav.mobile-managed a{display:flex;align-items:center;min-height:44px;padding:9px 10px;border-radius:9px}
  .site-seo-page header.head nav.nav.mobile-managed a:hover{background:#f4f7f9}
  .site-seo-page .page-langs{order:2;margin-inline-start:auto}
}

@media(max-width:760px){
  :where(.btn,.menu-btn,.brochure-menu,.mobile-nav-toggle,.check-answer,.restart-quiz,.filter-btn,.year-pick,.tf-pick,.level-pick,.practice-reset){min-height:44px}
  :where(input,textarea,select){font-size:16px!important}
  .langs,.page-langs{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
  .langs::-webkit-scrollbar,.page-langs::-webkit-scrollbar{display:none}
  a[href^="http"],a[href^="mailto:"],a[href^="tel:"]{overflow-wrap:anywhere}
  .article-body table,.site-research-section table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* Homepage: keep the flagship front page comfortable at 320–430 px. */
@media(max-width:520px){
  .site-homepage .topbar-inner>div:first-child{display:none!important}
  .site-homepage .topbar-inner{justify-content:center!important;min-height:40px;padding:3px 0!important}
  .site-homepage .langs{width:100%;justify-content:center;gap:4px!important}
  .site-homepage .langs a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:5px 9px;border-radius:999px}
  .site-homepage .menu-btn{display:grid!important;place-items:center;width:46px;height:46px;flex:0 0 46px;padding:0;border-radius:12px;background:#f7f9fb}
  .site-homepage .nav{gap:8px}
  .site-homepage .brand-text strong{max-width:160px;font-size:11px!important;line-height:1.25}
  .site-homepage .hero-inner{padding:46px 0 50px!important}
  .site-homepage .hero h1{font-size:clamp(2rem,11vw,2.45rem)!important;line-height:1.06!important}
  .site-homepage .hero p{font-size:15px!important;line-height:1.65}
  .site-homepage .hero-flags{width:100%;justify-content:center;gap:8px!important;padding:9px!important}
  .site-homepage .hero-flag img{width:min(26vw,76px)!important;height:auto!important;aspect-ratio:3/2}
  .site-homepage .hero-bridge{width:28px!important;height:28px!important;flex:0 0 28px}
  .site-homepage .official-card{padding:24px 18px!important}
  .site-homepage .official-card h2{font-size:24px!important}
  .site-homepage .engagement-card{grid-template-columns:44px 1fr!important;gap:11px!important;padding:16px!important}
  .site-homepage .engagement-arrow{display:none}
  .site-homepage .briefing-card{padding:22px!important;min-height:0!important}
  .site-homepage .learn-home-actions{align-items:stretch}
  .site-homepage .learn-home-actions .btn{width:100%}
  .site-homepage .learn-home-link{text-align:center;padding:8px 0}
  .site-homepage .learn-home-art{border-radius:18px}
}
@media(max-width:360px){
  .site-homepage .brand-text strong{max-width:132px;font-size:10px!important}
  .site-homepage .bilateral-mark{padding:4px!important;gap:4px!important}
  .site-homepage .bilateral-mark .flag-mini{width:27px!important;height:18px!important}
  .site-homepage .hero h1{font-size:1.95rem!important}
}

/* Learning Center: avoid horizontal UI and make cards tap-friendly. */
@media(max-width:620px){
  .site-learning .topbar .container,.site-abraham-guide .topbar .container{min-height:40px;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:3px 0!important}
  .site-learning .topbar .container>span,.site-abraham-guide .topbar .container>span{display:none}
  .site-learning .langs,.site-abraham-guide .langs{justify-content:center;width:100%}
  .site-learning .langs a,.site-abraham-guide .langs a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:4px 10px}
  .site-learning .brand,.site-abraham-guide .brand{min-width:0;flex:1;gap:8px}
  .site-learning .brand-mark,.site-abraham-guide .brand-mark{width:42px;height:42px;flex:0 0 42px;border-radius:12px}
  .site-learning .brand>span:last-child,.site-abraham-guide .brand>span:last-child{min-width:0}
  .site-learning .brand strong,.site-abraham-guide .brand strong{font-size:12px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .site-learning .brand span span,.site-abraham-guide .brand span span{display:none}
  .site-learning .dashboard-container{width:calc(100% - 20px)!important}
  .site-learning .dashboard-copy h1{font-size:clamp(2rem,10vw,2.35rem)!important}
  .site-learning .dashboard-tagline br{display:none}
  .site-learning .dashboard-copy-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .site-learning .dashboard-copy-actions .btn{width:100%}
  .site-learning .dashboard-choice-grid{grid-template-columns:1fr!important}
  .site-learning .dashboard-choice{min-height:72px;grid-template-columns:72px 1fr;display:grid;align-items:center;text-align:start}
  .site-learning .dashboard-choice img{width:72px;height:56px;object-fit:cover}
  .site-learning .dashboard-progress-meta{display:grid;grid-template-columns:1fr;gap:6px}
  .site-learning .dashboard-progress-tools{justify-content:space-between!important;width:100%}
  .site-learning .dashboard-progress-line{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;gap:8px;padding-bottom:0!important}
  .site-learning .dashboard-progress-line:before{display:none!important}
  .site-learning .dashboard-step{display:grid;grid-template-columns:38px 1fr auto;min-width:0;min-height:54px;padding:8px 10px;text-align:start;border:1px solid #dce3e8;border-radius:14px;background:#fff}
  .site-learning .dashboard-step i{position:static!important;transform:none!important}
  .site-learning .dashboard-module{border-radius:18px}
  .site-learning .dashboard-module-visual{height:164px!important}
  .site-learning .learning-guides{padding:15px}
  .site-learning .guide-card{min-height:82px;padding:10px}
  .site-learning .practice-card,.site-learning .fact-card,.site-learning .mini-info-card{padding:16px}
  .site-learning .year-pick,.site-learning .tf-pick,.site-learning .level-pick,.site-learning .practice-reset{flex:1 1 120px}
  .site-learning .timeline-item{grid-template-columns:66px 14px minmax(0,1fr)!important;gap:8px!important}
  .site-learning .timeline-cartoon{width:120px!important;max-width:45%;height:auto!important}
  .site-learning .question{padding:17px!important}
  .site-learning .answer{padding:11px!important;align-items:flex-start}
  .site-learning .answer input{margin-top:4px}
  .site-learning .learning-completion-signature{display:grid;grid-template-columns:52px 1fr;gap:12px}
  .site-learning .learning-completion-signature img{width:52px!important;height:52px!important}
  .site-learning .next-links{display:grid;grid-template-columns:1fr;width:100%}
  .site-learning .next-links a{display:flex;min-height:46px;align-items:center}
}
@media(max-width:390px){
  .site-learning .learning-brand-stamp{display:grid;grid-template-columns:46px 1fr;width:100%}
  .site-learning .learning-brand-stamp>img{width:46px!important;height:46px!important}
  .site-learning .dashboard-hero-art img{aspect-ratio:4/3!important;object-fit:cover}
  .site-learning .knowledge-cta{grid-template-columns:1fr!important;text-align:center}
  .site-learning .knowledge-cta-icon{min-height:94px!important}
  .site-learning .module-guide{display:grid;grid-template-columns:48px 1fr;padding:11px}
  .site-learning .module-guide img{width:48px!important;height:48px!important}
}

/* Abraham Accords deep-dive: tighter chronology and readable long-form cards. */
@media(max-width:620px){
  .site-abraham-guide .container{width:calc(100% - 24px)!important}
  .site-abraham-guide .hero{padding:42px 0 38px!important}
  .site-abraham-guide .hero h1{font-size:clamp(2rem,10vw,2.45rem)!important;line-height:1.08!important}
  .site-abraham-guide .hero-copy>p{line-height:1.65}
  .site-abraham-guide .hero-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .site-abraham-guide .hero-actions .btn{width:100%}
  .site-abraham-guide .event{grid-template-columns:72px 14px minmax(0,1fr)!important;gap:8px!important}
  .site-abraham-guide .event time{font-size:10px!important;overflow-wrap:anywhere}
  .site-abraham-guide .country-tabs{gap:8px}
  .site-abraham-guide .country-tab{min-height:46px}
  .site-abraham-guide .flash-card,.site-abraham-guide .source{padding:16px}
  .site-abraham-guide .guide-brand-stamp{width:100%}
  .site-abraham-guide .next-links{display:grid;grid-template-columns:1fr;width:100%;gap:8px}
  .site-abraham-guide .next-links a{display:flex;min-height:46px;align-items:center}
}
@media(max-width:380px){
  .site-abraham-guide .event{grid-template-columns:62px 12px minmax(0,1fr)!important}
  .site-abraham-guide .hero h1{font-size:1.95rem!important}
}

/* Simple policy/statement pages. */
@media(max-width:720px){
  .site-seo-page .top{padding:8px 14px;font-size:11px;line-height:1.45;text-align:center}
  .site-seo-page .head-inner,.site-seo-page .wrap,.site-seo-page .foot-inner{width:calc(100% - 28px)!important}
  .site-seo-page .hero{padding:40px 0!important}
  .site-seo-page .hero h1{font-size:clamp(2rem,10vw,2.7rem)!important}
  .site-seo-page .hero p{font-size:16px!important}
  .site-seo-page .article-body{font-size:17px;line-height:1.72}
  .site-seo-page .card,.site-seo-page .pillar,.site-seo-page .contact-box{padding:18px}
  .site-seo-page .foot-inner{display:grid;grid-template-columns:1fr;gap:8px}
  .site-seo-page .btn{width:100%;min-height:46px}
}
@media(max-width:390px){
  .site-seo-page header.head .brand{font-size:13px}
  .site-seo-page .page-langs a{min-width:34px!important;padding:6px!important;font-size:11px}
}

/* Heritage already has a dedicated mobile design; these are only safety/tap improvements. */
@media(max-width:720px){
  .site-heritage .brochure-menu{min-width:44px;min-height:44px}
  .site-heritage .brochure-drawer a{display:flex;align-items:center;min-height:44px;padding-block:8px}
  .site-heritage .brochure-gold-btn,.site-heritage .brochure-ghost-btn{min-height:46px}
  .site-heritage .brochure-hero-actions{gap:8px;flex-wrap:wrap}
  .site-heritage .brochure-heading.row{align-items:flex-start;gap:12px;flex-direction:column}
  .site-heritage .brochure-heading.row>a{min-height:40px;display:flex;align-items:center}
  .site-heritage .passport-memory-strip{overflow:hidden}
}

/* Safe-area padding on modern phones without changing desktop geometry. */
@supports(padding:max(0px)){
  @media(max-width:760px){
    .site-homepage .topbar-inner,.site-learning .topbar .container,.site-abraham-guide .topbar .container{padding-inline:max(0px,env(safe-area-inset-left)) max(0px,env(safe-area-inset-right))}
  }
}

/* =========================================================
   Mobile v2 — deep responsive polish pass
   Core targets: 320 / 375 / 390 / 430 px + RTL
   ========================================================= */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
  :where(main,section,article,aside,header,footer,nav,div,figure){min-width:0}
  :where(h1,h2,h3,h4,p,li,a,strong,span,small,em,b){overflow-wrap:break-word}
  :where(img,svg,video,canvas){max-width:100%;height:auto}
  :where(a,button,input,select,textarea,summary){-webkit-tap-highlight-color:transparent}
  :where(a,button,summary):focus-visible{outline:3px solid rgba(201,154,72,.72);outline-offset:3px}
  body.mobile-nav-open{overflow:hidden}
}

/* ---------- MAIN HOMEPAGE ---------- */
@media(max-width:760px){
  .site-homepage .container{width:calc(100% - 28px)!important}
  .site-homepage .header{box-shadow:0 5px 22px rgba(3,27,51,.08)}
  .site-homepage .nav{min-height:68px!important;padding-block:6px}
  .site-homepage .menu-btn{display:grid!important;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #d9e1e7;border-radius:13px;background:#fff;font-size:22px;line-height:1;box-shadow:0 6px 18px rgba(3,27,51,.06)}
  .site-homepage .navlinks{top:68px!important;padding:9px 14px 16px!important;border-radius:0 0 18px 18px;box-shadow:0 22px 42px rgba(3,27,51,.16)}
  .site-homepage .navlinks a{min-height:44px;display:flex;align-items:center;padding:8px 10px!important;border-radius:10px;font-size:13px!important}
  .site-homepage .navlinks a:hover{background:#f3f7fa}
  .site-homepage .brand{gap:8px!important;min-width:0!important;flex:1 1 auto}
  .site-homepage .bilateral-mark{padding:4px 5px!important;gap:4px!important}
  .site-homepage .bilateral-mark .flag-mini{width:29px!important;height:19px!important}
  .site-homepage .bilateral-mark .bridge-mark{width:10px!important;height:10px!important}
  .site-homepage .brand-text{min-width:0}
  .site-homepage .brand-text strong{max-width:175px!important;font-size:11px!important;line-height:1.22!important;letter-spacing:.01em!important}
  .site-homepage .brand-text span{display:none!important}

  .site-homepage .hero{background-position:61% center!important}
  .site-homepage .hero-inner{padding:40px 0 46px!important;gap:24px!important}
  .site-homepage .hero-flags{display:flex;width:max-content;max-width:100%;margin:0 0 18px!important;padding:8px 9px!important;gap:9px!important;border:1px solid rgba(231,201,141,.3)!important;border-radius:14px!important;background:rgba(3,27,51,.48)!important;backdrop-filter:blur(9px)!important}
  .site-homepage .hero-flag img{width:65px!important;height:auto!important;aspect-ratio:3/2}
  .site-homepage .hero-flag span{font-size:7.5px!important;letter-spacing:.15em!important}
  .site-homepage .hero-bridge{width:25px!important;height:25px!important;flex:0 0 25px!important}
  .site-homepage .hero .eyebrow{font-size:9px!important;letter-spacing:.16em!important;margin-bottom:12px!important}
  .site-homepage .hero h1{max-width:100%;font-size:clamp(2rem,10vw,2.7rem)!important;line-height:1.055!important;letter-spacing:-.025em!important;margin-bottom:16px!important}
  .site-homepage .hero p{font-size:15px!important;line-height:1.62!important;margin-bottom:0!important;color:#edf3f7!important}

  .site-homepage .hero-action-cluster.movement-only{margin-top:20px!important;max-width:100%!important}
  .site-homepage .hero-action-cluster.movement-only .movement-hero-expanded{
    grid-template-columns:76px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:9px 12px!important;
    min-height:0!important;
    padding:10px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,rgba(5,40,69,.9),rgba(8,64,98,.78))!important;
    border-color:rgba(231,201,141,.48)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
  }
  .site-homepage .hero-action-cluster.movement-only .movement-hero-expanded img{width:76px!important;height:58px!important;object-fit:contain!important;border-radius:10px!important;padding:5px!important;align-self:start}
  .site-homepage .hero-action-cluster.movement-only .movement-hero-expanded span{gap:2px!important;align-self:center}
  .site-homepage .hero-action-cluster.movement-only .movement-hero-expanded small{font-size:8px!important;letter-spacing:.11em!important}
  .site-homepage .hero-action-cluster.movement-only .movement-hero-expanded strong{font-size:14px!important;line-height:1.25!important}
  .site-homepage .hero-action-cluster.movement-only .movement-hero-expanded em{font-size:11px!important;line-height:1.4!important;color:#e4edf3!important}
  .site-homepage .hero-action-cluster.movement-only .movement-hero-expanded>b{grid-column:2!important;display:inline-flex!important;width:max-content;max-width:100%;align-items:center;min-height:28px;padding:4px 9px!important;margin:0!important;border:1px solid rgba(231,201,141,.34)!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;font-size:9px!important;color:#f5dfb1!important;white-space:normal!important}
  .site-homepage .hero-actions-note{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important;margin-top:15px!important}
  .site-homepage .hero-actions-note span{display:flex!important;align-items:center;min-height:34px;padding:6px 8px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(3,27,51,.28);font-size:8px!important;letter-spacing:.06em!important}

  .site-homepage .official-card{padding:22px 18px!important;border-radius:16px!important;box-shadow:0 18px 46px rgba(0,0,0,.2)!important}
  .site-homepage .official-card:after{width:34px!important;height:34px!important;right:12px!important;top:12px!important}
  .site-homepage .official-card .mini-label{font-size:8px!important;margin-bottom:10px!important}
  .site-homepage .official-card h2{font-size:clamp(1.45rem,7vw,1.9rem)!important;line-height:1.25!important;margin-bottom:12px!important}
  .site-homepage .official-card p{font-size:13.5px!important;line-height:1.62!important;margin-bottom:14px!important}
  .site-homepage .official-card .institutional-line{margin-top:14px!important;padding-top:13px!important;gap:7px 12px!important;font-size:8.5px!important}
  .site-homepage .official-card .fine{margin-top:13px!important;padding-top:12px!important;font-size:9.5px!important;color:#bdcbd6!important}

  .site-homepage .independence-inner{display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;padding:15px 0!important}
  .site-homepage .independence-inner p{margin:0;font-size:12px;line-height:1.55}
  .site-homepage .independence .text-link{grid-column:2!important;margin-top:1px;font-size:11px;font-weight:800}
  .site-homepage .shield{width:34px!important;height:38px!important}

  .site-homepage .credibility-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:5px 0!important}
  .site-homepage .credibility-item,.site-homepage .credibility-item:nth-child(2){padding:14px 10px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;border-inline-end:1px solid rgba(255,255,255,.1)!important}
  .site-homepage .credibility-item:nth-child(2n){border-inline-end:0!important}
  .site-homepage .credibility-item:nth-last-child(-n+2){border-bottom:0!important}
  .site-homepage .credibility-item strong{font-size:12px!important;line-height:1.3}
  .site-homepage .credibility-item span{font-size:9.5px!important;line-height:1.4}

  .site-homepage .section{padding:54px 0!important}
  .site-homepage .section-head{margin-bottom:28px!important}
  .site-homepage .section h2{font-size:clamp(1.9rem,8vw,2.45rem)!important;line-height:1.12!important}
  .site-homepage .pillars,.site-homepage .cards,.site-homepage .policy-grid{gap:12px!important}
  .site-homepage .pillar,.site-homepage .card,.site-homepage .policy-card{border-radius:16px!important}
  .site-homepage .card-image{height:auto!important;aspect-ratio:16/9;object-fit:cover}
  .site-homepage .engagement-card{border-radius:16px!important}
  .site-homepage .briefing-card{border-radius:18px!important}
  .site-homepage .learn-home{padding:52px 0!important}
  .site-homepage .learn-home-grid{gap:24px!important}
  .site-homepage .learn-home h2{font-size:clamp(1.9rem,8vw,2.55rem)!important}
  .site-homepage .learn-home p{font-size:15px!important;line-height:1.62}
  .site-homepage .learn-home-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin-top:18px!important}
  .site-homepage .learn-home-actions .btn{width:100%!important;min-height:46px}
  .site-homepage .learn-home-link{display:flex;align-items:center;min-height:42px;padding:8px 3px;border-bottom:1px solid #d6dee5!important;font-size:13px}
  .site-homepage .learn-home-art{border-radius:20px!important;box-shadow:0 14px 34px rgba(3,27,51,.09)!important}

  .site-homepage footer{padding:48px 0 22px!important}
  .site-homepage .footer-grid{gap:28px!important}
  .site-homepage .footer-bottom{margin-top:30px!important;padding-top:16px!important}
}
@media(max-width:360px){
  .site-homepage .hero-action-cluster.movement-only .movement-hero-expanded{grid-template-columns:64px minmax(0,1fr)!important;gap:8px 10px!important}
  .site-homepage .hero-action-cluster.movement-only .movement-hero-expanded img{width:64px!important;height:54px!important}
  .site-homepage .hero-action-cluster.movement-only .movement-hero-expanded em{display:none}
  .site-homepage .hero-action-cluster.movement-only .movement-hero-expanded strong{font-size:13px!important}
  .site-homepage .credibility-item{padding-inline:7px!important}
}

/* ---------- LEARNING CENTER ---------- */
@media(max-width:760px){
  .site-learning .learning-dashboard{padding-top:12px!important}
  .site-learning .dashboard-container{width:calc(100% - 20px)!important}
  .site-learning .dashboard-hero{gap:14px!important}
  .site-learning .dashboard-copy{padding:8px 2px!important;text-align:start!important}
  .site-learning .learning-brand-stamp{margin-inline:0!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(3,27,51,.05)}
  .site-learning .dashboard-copy .dashboard-tagline,.site-learning .dashboard-copy .dashboard-intro{margin-inline:0!important;max-width:none!important}
  .site-learning .dashboard-copy h1{font-size:clamp(2.05rem,10vw,2.75rem)!important;line-height:1.03!important}
  .site-learning .dashboard-copy .dashboard-intro{font-size:14px!important;line-height:1.58!important}
  .site-learning .dashboard-copy-actions{justify-content:stretch!important}
  .site-learning .dashboard-hero-art figure,.site-learning .dashboard-shortcut-card{border-radius:19px!important}
  .site-learning .dashboard-hero-art img{aspect-ratio:16/9!important;object-fit:cover!important}
  .site-learning .dashboard-shortcut-card{padding:16px!important;text-align:start!important}
  .site-learning .dashboard-shortcut-card h2{font-size:1.45rem!important}
  .site-learning .dashboard-shortcut-card p{font-size:13.5px!important;line-height:1.55!important}
  .site-learning .dashboard-shortcut-art{border-radius:15px!important}
  .site-learning .dashboard-shortcut-art img{aspect-ratio:16/8!important}
  .site-learning .dashboard-shortcut-link{justify-content:flex-start!important}

  .site-learning .movement-deepdive-feature{margin:14px 0 18px!important;border-radius:19px!important;box-shadow:0 14px 34px rgba(3,27,51,.09)!important}
  .site-learning .movement-deepdive-art{order:-1!important}
  .site-learning .movement-deepdive-art img{aspect-ratio:16/7!important;object-position:center!important}
  .site-learning .movement-deepdive-copy{padding:17px!important}
  .site-learning .movement-deepdive-copy h2{font-size:1.45rem!important;line-height:1.15!important}
  .site-learning .movement-deepdive-copy p{font-size:13px!important;line-height:1.55!important}
  .site-learning .movement-deepdive-tags{gap:5px!important;margin:9px 0 12px!important}
  .site-learning .movement-deepdive-tags span{font-size:8.5px!important;padding:5px 7px!important}
  .site-learning .movement-deepdive-cta{min-height:44px!important;width:100%!important;justify-content:center!important}

  .site-learning .dashboard-progress{margin-top:12px!important}
  .site-learning .dashboard-progress-title{font-size:11px!important;letter-spacing:.1em}
  .site-learning .dashboard-progress-tools{font-size:12px}
  .site-learning .dashboard-step{box-shadow:0 5px 16px rgba(3,27,51,.04)}
  .site-learning .dashboard-modules{gap:12px!important}
  .site-learning .dashboard-module{box-shadow:0 8px 22px rgba(3,27,51,.06)!important}
  .site-learning .dashboard-module-visual{height:auto!important;aspect-ratio:16/8!important}
  .site-learning .dashboard-module-body{padding:16px!important}
  .site-learning .dashboard-module-heading h3{font-size:1.25rem!important}
  .site-learning .dashboard-module-body p{font-size:13.5px!important;line-height:1.55!important}

  .site-learning .learning-guides{margin-top:16px!important;border-radius:18px!important}
  .site-learning .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .site-learning .guide-card{grid-template-columns:48px minmax(0,1fr)!important;gap:8px!important;padding:9px!important;border-radius:14px!important}
  .site-learning .guide-card img{width:48px!important;height:48px!important}
  .site-learning .guide-card strong{font-size:12px!important}
  .site-learning .guide-card span,.site-learning .guide-card small{font-size:9.5px!important;line-height:1.35!important}

  .site-learning .dashboard-milestones{margin-top:20px!important}
  .site-learning .milestone-grid{grid-template-columns:1fr!important;border-radius:18px!important;overflow:hidden}
  .site-learning .milestone-card{grid-template-columns:96px minmax(0,1fr)!important;gap:12px!important;padding:12px!important}
  .site-learning .milestone-card img{width:96px!important;height:82px!important;border-radius:12px!important}
  .site-learning .milestone-card h3{font-size:14px!important;line-height:1.3!important}
  .site-learning .milestone-card p{font-size:11.5px!important;line-height:1.5!important}
  .site-learning .dashboard-knowledge{gap:9px!important;margin-top:18px!important}
  .site-learning .knowledge-prompt,.site-learning .knowledge-cta{border-radius:16px!important}

  .site-learning .module-detail{padding:44px 0!important}
  .site-learning .module-detail .container{width:calc(100% - 20px)!important;padding:18px!important;border-radius:18px!important}
  .site-learning .module-detail .section-head h2{font-size:clamp(1.7rem,8vw,2.25rem)!important;line-height:1.15!important}
  .site-learning .lesson-visual{border-radius:16px!important;overflow:hidden}
  .site-learning .compare-grid,.site-learning .history-grid,.site-learning .factcheck,.site-learning .country-mini-grid,.site-learning .civic-area-grid,.site-learning .now-grid{grid-template-columns:1fr!important;gap:10px!important}
  .site-learning .compare-card,.site-learning .heritage-card,.site-learning .fact,.site-learning .mini-info-card,.site-learning .now-card{border-radius:15px!important}
  .site-learning .pathway-lesson-controls{gap:8px!important}
  .site-learning .pathway-lesson-controls button{min-height:44px!important}
  .site-learning .practice-grid{grid-template-columns:1fr!important;gap:10px!important}
  .site-learning .quiz-shell{grid-template-columns:1fr!important}
  .site-learning .glossary-grid,.site-learning .sources-grid{grid-template-columns:1fr!important;gap:10px!important}
  .site-learning .next{display:grid!important;grid-template-columns:1fr!important;padding:20px!important;border-radius:18px!important}
  .site-learning .footer .container{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;text-align:center}
  .site-learning .footer-brand-lockup{justify-content:center!important}
}
@media(max-width:370px){
  .site-learning .guide-grid{grid-template-columns:1fr!important}
  .site-learning .milestone-card{grid-template-columns:82px minmax(0,1fr)!important}
  .site-learning .milestone-card img{width:82px!important;height:74px!important}
}

/* ---------- BOTH INTERACTIVE GUIDES ---------- */
@media(max-width:760px){
  .site-abraham-guide .container{width:calc(100% - 22px)!important}
  .site-abraham-guide .header .nav{min-height:66px!important}
  .site-abraham-guide .hero{padding:36px 0 32px!important}
  .site-abraham-guide .hero-grid{gap:22px!important}
  .site-abraham-guide .guide-brand-stamp{border-radius:15px!important;padding:10px!important}
  .site-abraham-guide .hero h1{font-size:clamp(2rem,10vw,2.65rem)!important;line-height:1.06!important;margin:11px 0 15px!important}
  .site-abraham-guide .hero-copy>p{font-size:15px!important;line-height:1.62!important}
  .site-abraham-guide .hero-art{padding:9px!important;border-radius:20px!important}
  .site-abraham-guide .hero-art img{border-radius:14px!important}
  .site-abraham-guide .guide-logo-row{padding:10px!important;border-radius:13px!important}
  .site-abraham-guide .section{padding:48px 0!important}
  .site-abraham-guide .section-head{margin-bottom:22px!important}
  .site-abraham-guide .section-head h2{font-size:clamp(1.75rem,8.5vw,2.45rem)!important;line-height:1.12!important}
  .site-abraham-guide .section-head p{font-size:14.5px!important;line-height:1.62!important}
  .site-abraham-guide .answer-main,.site-abraham-guide .status,.site-abraham-guide .country-panel,.site-abraham-guide .activity-panel,.site-abraham-guide .statement-panel,.site-abraham-guide .legal-card{padding:18px!important;border-radius:17px!important}
  .site-abraham-guide .mini-grid,.site-abraham-guide .four-grid,.site-abraham-guide .terms-grid,.site-abraham-guide .people-grid,.site-abraham-guide .compare-strip,.site-abraham-guide .evidence-grid,.site-abraham-guide .debate-grid{grid-template-columns:1fr!important;gap:9px!important}
  .site-abraham-guide .mini-card,.site-abraham-guide .fact-lens,.site-abraham-guide .term,.site-abraham-guide .compare-item{padding:16px!important;border-radius:15px!important}
  .site-abraham-guide .event{grid-template-columns:62px 13px minmax(0,1fr)!important;gap:7px!important;padding:12px 0!important}
  .site-abraham-guide .event time{font-size:9px!important;line-height:1.3!important}
  .site-abraham-guide .event h3{font-size:15px!important}
  .site-abraham-guide .event p{font-size:12.5px!important;line-height:1.55!important}
  .site-abraham-guide .event-spotlight{padding:9px!important;border-radius:14px!important;gap:9px!important}
  .site-abraham-guide .event-spotlight img{border-radius:10px!important;aspect-ratio:16/9!important}
  .site-abraham-guide .event-spotlight p{font-size:11.5px!important}

  /* compact, swipeable tab rails instead of long vertical stacks */
  .site-abrahamic-iraq-guide .activity-explorer,.site-abrahamic-iraq-guide .statement-explorer{display:block!important}
  .site-abrahamic-iraq-guide .activity-tabs,.site-abrahamic-iraq-guide .statement-tabs{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    padding:2px 1px 10px!important;
    margin-bottom:10px!important;
  }
  .site-abrahamic-iraq-guide .activity-tabs::-webkit-scrollbar,.site-abrahamic-iraq-guide .statement-tabs::-webkit-scrollbar{display:none}
  .site-abrahamic-iraq-guide .activity-tab,.site-abrahamic-iraq-guide .statement-tab{flex:0 0 min(78vw,250px)!important;scroll-snap-align:start;min-height:66px;padding:11px 12px!important;border-radius:14px!important;font-size:12px!important}
  .site-abrahamic-iraq-guide .activity-tab small,.site-abrahamic-iraq-guide .statement-tab small{font-size:10px!important}
  .site-abrahamic-iraq-guide .statement-layout{display:flex!important;flex-direction:column!important;gap:13px!important}
  .site-abrahamic-iraq-guide .statement-art{order:-1;padding:8px!important;border-radius:16px!important}
  .site-abrahamic-iraq-guide .statement-art img{aspect-ratio:16/9!important;border-radius:11px!important}
  .site-abrahamic-iraq-guide .statement-art figcaption{font-size:10px!important;padding-top:7px!important}
  .site-abrahamic-iraq-guide .statement-panel h3{font-size:1.45rem!important}
  .site-abrahamic-iraq-guide .statement-panel p{font-size:13.5px!important;line-height:1.58!important}
  .site-abrahamic-iraq-guide .statement-points{grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important}
  .site-abrahamic-iraq-guide .statement-mini{padding:12px!important;border-radius:13px!important}
  .site-abrahamic-iraq-guide .statement-bullets{padding-inline-start:18px!important;font-size:13px!important}
  .site-abrahamic-iraq-guide .theme-tags{gap:5px!important;margin-top:12px!important}
  .site-abrahamic-iraq-guide .theme-tag{padding:5px 7px!important;font-size:9px!important}

  .site-abrahamic-iraq-guide .voice-grid{grid-template-columns:1fr!important;gap:10px!important}
  .site-abrahamic-iraq-guide .voice-card{aspect-ratio:auto!important;min-height:0!important;padding:18px!important;border-radius:18px!important}
  .site-abrahamic-iraq-guide .voice-card b{width:34px!important;height:34px!important;flex-basis:34px!important;margin-bottom:12px!important}
  .site-abrahamic-iraq-guide .voice-card h3{font-size:1.15rem!important;margin-bottom:8px!important}
  .site-abrahamic-iraq-guide .voice-card p{font-size:13.5px!important;line-height:1.58!important}
  .site-abrahamic-iraq-guide .voice-motto{border-radius:16px!important;gap:7px!important}
  .site-abrahamic-iraq-guide .partner-framework{gap:12px!important}
  .site-abrahamic-iraq-guide .partner-lockup{padding:19px!important;border-radius:18px!important}
  .site-abrahamic-iraq-guide .partner-role-grid,.site-abrahamic-iraq-guide .agenda-grid{grid-template-columns:1fr!important;gap:8px!important}
  .site-abrahamic-iraq-guide .partner-role,.site-abrahamic-iraq-guide .agenda-item{padding:15px!important;border-radius:14px!important}
  .site-abrahamic-iraq-guide .international-room-agenda{padding:16px!important;border-radius:17px!important}
  .site-abrahamic-iraq-guide .international-room-line{font-size:12.5px!important;line-height:1.55!important}
  .site-abrahamic-iraq-guide .vision-head{text-align:start!important;margin-bottom:20px!important}
  .site-abrahamic-iraq-guide .vision-card-grid{grid-template-columns:1fr!important;gap:9px!important}
  .site-abrahamic-iraq-guide .vision-card{min-height:0!important;padding:18px!important;border-radius:17px!important}
  .site-abrahamic-iraq-guide .vision-card-number{margin-bottom:12px!important}
  .site-abrahamic-iraq-guide .legal-box{grid-template-columns:1fr!important;gap:13px!important}
  .site-abraham-guide .next{display:grid!important;grid-template-columns:1fr!important;padding:20px!important;border-radius:18px!important}
  .site-abraham-guide .footer .container{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;text-align:center}
  .site-abraham-guide .footer-brand-lockup{justify-content:center!important}
}
@media(max-width:360px){
  .site-abraham-guide .event{grid-template-columns:54px 11px minmax(0,1fr)!important}
  .site-abrahamic-iraq-guide .activity-tab,.site-abrahamic-iraq-guide .statement-tab{flex-basis:82vw!important}
}

/* ---------- GENERIC POLICY / MISSION / ANALYSIS PAGES ---------- */
@media(max-width:720px){
  .site-seo-page .head-inner,.site-seo-page .wrap,.site-seo-page .foot-inner{width:calc(100% - 24px)!important}
  .site-seo-page header.head{box-shadow:0 5px 18px rgba(3,27,51,.06)}
  .site-seo-page .hero{padding:34px 0!important}
  .site-seo-page .hero h1{font-size:clamp(1.95rem,9.5vw,2.65rem)!important;line-height:1.08!important}
  .site-seo-page .hero p{font-size:15px!important;line-height:1.65!important}
  .site-seo-page .article-body{font-size:16px!important;line-height:1.72!important}
  .site-seo-page .article-body h2{font-size:clamp(1.55rem,7.5vw,2.1rem)!important;line-height:1.18!important}
  .site-seo-page .card,.site-seo-page .pillar,.site-seo-page .contact-box{padding:17px!important;border-radius:15px!important}
  .site-seo-page blockquote{margin-inline:0!important;padding:16px!important;border-radius:12px}
}

/* ---------- HERITAGE LIBRARY ---------- */
@media(max-width:720px){
  .site-heritage{overflow-x:hidden}
  .site-heritage :where(.brochure-shell,.brochure-main,.brochure-container,.passport-shell,.archive-shell){max-width:100%;min-width:0}
  .site-heritage .brochure-header{box-shadow:0 5px 18px rgba(3,27,51,.06)}
  .site-heritage .brochure-drawer{max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain}
  .site-heritage .brochure-hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%}
  .site-heritage .brochure-gold-btn,.site-heritage .brochure-ghost-btn{width:100%;justify-content:center;text-align:center}
  .site-heritage :where(.brochure-card,.passport-card,.archive-card,.memory-card){border-radius:16px}
  .site-heritage :where(.brochure-grid,.passport-grid,.archive-grid){gap:12px}
  .site-heritage .brochure-heading h1,.site-heritage .brochure-heading h2{overflow-wrap:anywhere}
}

/* ---------- RTL refinements ---------- */
@media(max-width:760px){
  html[dir="rtl"] .site-homepage .hero-action-cluster.movement-only .movement-hero-expanded>b{grid-column:2!important}
  html[dir="rtl"] .site-homepage .hero-action-cluster.movement-only .movement-hero-expanded span{text-align:right!important}
  html[dir="rtl"] .site-learning .dashboard-copy,html[dir="rtl"] .site-learning .dashboard-shortcut-card{text-align:right!important}
  html[dir="rtl"] .site-learning .dashboard-shortcut-link{justify-content:flex-start!important}
  html[dir="rtl"] .site-abraham-guide .vision-head{text-align:right!important}
}

/* Reduced motion remains elegant and stable. */
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .site-homepage .movement-hero-expanded,.site-learning .movement-deepdive-cta,.site-abraham-guide .vision-card{transition:none!important;transform:none!important}
}