/* QUECWA restrained pathway enhancements */
.q-progress-nav{display:none;position:relative}.q-progress-nav.q-visible{display:block}.q-progress-nav summary{color:#e5f4f7;cursor:pointer;font-size:14px;font-weight:650;list-style:none}.q-progress-nav summary::after{content:' ▾'}.q-progress-nav[open] .q-progress-links{position:absolute;right:0;top:100%;z-index:20;background:#fff;border:1px solid #cbdce4;box-shadow:0 10px 22px #0b19302b;border-radius:12px;padding:8px;min-width:190px}.q-progress-links a{display:block!important;color:#183b5a!important;padding:9px 12px;text-decoration:none;font-size:14px;white-space:nowrap}.q-progress-links a:hover{background:#eaf8f6;border-radius:8px}.q-primary{display:inline-block;padding:12px 20px;border-radius:10px;background:#087e8b;color:white!important;font-weight:750;text-decoration:none}.q-primary:hover{background:#056873}.q-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.q-stat{background:white;border:1px solid #cbdce4;border-radius:12px;padding:16px;text-align:center}.q-stat strong{display:block;font-size:clamp(18px,2.6vw,27px);color:#087e8b;line-height:1.2}.q-stat span{display:block;color:#425466;font-size:13px}.q-level-strip{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.q-level-strip span{background:#e5f3f4;border:1px solid #cbdce4;border-radius:9px;padding:8px 11px;font-size:13px;font-weight:700}.q-next{background:#e8f6f5;border-left:4px solid #087e8b;padding:15px;border-radius:9px;margin:14px 0}.q-small{font-size:13px;color:#425466}.q-article-check{display:block;margin:12px 0;font-size:15px}.q-article-check input{accent-color:#087e8b;width:18px;height:18px;vertical-align:middle;margin-right:7px}
@media(max-width:720px){.q-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.q-progress-nav[open] .q-progress-links{right:auto;left:0}}

/* APPROVED / LOCKED QUECWA SUBJECT OPENING SCREENS — v1, 27 Oct 2026.
   Keep AI and Quantum hero identical in geometry to the homepage.
   Do not modify these rules during routine content updates. */
body:has(main > .q-subject-hero){min-height:100svh}
body:has(main > .q-subject-hero) main{padding-top:0}
main > .hero.q-subject-hero{
  display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,3vw,44px);
  align-items:center;align-content:center;margin:0;
  min-height:calc(100svh - var(--quecwa-header-height,72px));
  min-height:calc(100dvh - var(--quecwa-header-height,72px));
  padding:clamp(24px,4vw,58px) 0;
}
main > .hero.q-subject-hero > div{max-width:650px}
main > .hero.q-subject-hero h1{font-size:clamp(34px,4.3vw,56px);line-height:1.12;letter-spacing:-.03em;margin:10px 0 17px}
main > .hero.q-subject-hero .photo{
  width:100%;height:clamp(280px,52dvh,580px);max-height:62dvh;
  object-fit:cover;border-radius:18px;box-shadow:0 12px 30px #15364c1c;
}
@media(max-width:720px){
  main > .hero.q-subject-hero{grid-template-columns:1fr;gap:14px;padding:20px 0;align-content:center;
    min-height:calc(100svh - var(--quecwa-header-height,72px));
    min-height:calc(100dvh - var(--quecwa-header-height,72px));}
  main > .hero.q-subject-hero h1{font-size:clamp(30px,7vw,42px)}
  main > .hero.q-subject-hero .photo{height:clamp(170px,27dvh,300px);max-height:29dvh}
  main > .hero.q-subject-hero p{margin-bottom:8px}
}
@media(max-height:600px){main > .hero.q-subject-hero{min-height:0;padding:26px 0}}

/* QUECWA APPROVED NAVIGATION STANDARD: all page-to-page navigation via dropdown menus. */
.q-menu-nav{position:relative;display:block}
.q-menu-nav summary{color:#e5f4f7;cursor:pointer;font-size:14px;font-weight:650;list-style:none;white-space:nowrap}
.q-menu-nav summary::after{content:' ▾'}
.q-menu-nav summary::-webkit-details-marker,.q-progress-nav summary::-webkit-details-marker{display:none}
.q-menu-nav[open] .q-menu-links{position:absolute;left:0;top:100%;z-index:100;background:#fff;border:1px solid #cbdce4;box-shadow:0 10px 22px #0b19302b;border-radius:12px;padding:8px;min-width:220px}
.q-menu-links a{display:block!important;color:#183b5a!important;padding:10px 12px;text-decoration:none;font-size:14px;white-space:nowrap}
.q-menu-links a:hover,.q-menu-links a:focus-visible{background:#eaf8f6;border-radius:8px}
.q-menu-nav summary:focus-visible,.q-progress-nav summary:focus-visible{outline:2px solid #21c5ba;outline-offset:3px}
header .links{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(8px,1.5vw,20px)}
@media(max-width:720px){.q-menu-nav[open] .q-menu-links{left:auto;right:0;min-width:190px}header .links{gap:10px}}

/* APPROVED DIRECT NAVIGATION — no second tap, no dropdown popover. */
header .links .q-direct-nav,header .links .q-progress-nav.q-direct-nav{display:inline-flex;align-items:center;color:#e5f4f7;text-decoration:none;font-size:14px;font-weight:650;white-space:nowrap;min-height:40px}
header .links .q-progress-nav.q-direct-nav{display:none}
header .links .q-progress-nav.q-direct-nav.q-visible{display:inline-flex}
header .links .q-direct-nav:hover,header .links .q-direct-nav:focus-visible{color:#72ded6;text-decoration:underline}
header .links .q-direct-nav[aria-current="page"]{color:#72ded6}
header .links .q-direct-nav::after{content:none!important}

/* QUECWA V04: compact, accessible two-menu navigation */
header .links .q-nav-dropdown{position:relative;display:block;color:#e5f4f7;font-size:14px;font-weight:650}
header .links .q-nav-dropdown>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:5px;min-height:40px;white-space:nowrap;color:#e5f4f7}
header .links .q-nav-dropdown>summary::-webkit-details-marker{display:none}
header .links .q-nav-dropdown>summary::after{content:'⌄';font-size:15px;line-height:1;margin-left:2px}
header .links .q-nav-dropdown[open]>summary::after{content:'⌃'}
header .links .q-nav-dropdown-items{position:absolute;top:calc(100% + 4px);right:0;z-index:1000;min-width:184px;padding:7px;background:#fff;border:1px solid #cbdce4;border-radius:10px;box-shadow:0 12px 24px #0b193033}
header .links .q-nav-dropdown-items a{display:block;padding:10px 12px;border-radius:6px;color:#183b5a;text-decoration:none;white-space:nowrap;font-size:14px}
header .links .q-nav-dropdown-items a:hover,header .links .q-nav-dropdown-items a:focus-visible{background:#e2f2f1;color:#07545e}
header .links .q-nav-dropdown>summary:focus-visible{outline:3px solid #21c5ba;outline-offset:3px;border-radius:4px}
@media(max-width:570px){header .links .q-nav-dropdown-items{right:auto;left:0}header .links .q-nav-dropdown:last-child .q-nav-dropdown-items{right:0;left:auto}}