/* Mobile refinements, kept separate from the desktop observatory layout. */
.menu-toggle{display:none}
@media(max-width:1000px){
  html{scroll-padding-top:90px}
  .site-rail{position:sticky;top:0;inset-inline:0;grid-template-columns:minmax(0,1fr) auto;gap:0;padding:12px var(--pad);background:#07101cf5}
  .site-rail .brand{min-width:0;gap:13px;min-height:44px}
  .site-rail .brand-name{font-size:22px;letter-spacing:-.5px;white-space:nowrap}
  .site-rail .brand-orbit{width:24px;height:24px}
  .site-rail .brand-orbit:before{top:8px}
  .site-rail .rail-bottom{display:none}
  .nav-ready .menu-toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:#102032;font-size:14px}
  .menu-icon{position:relative;width:16px;height:12px;border-block:1px solid currentColor}
  .menu-icon:after{content:'';position:absolute;top:5px;left:0;width:16px;border-top:1px solid currentColor}
  .menu-toggle[aria-expanded=true] .menu-icon{border:0}
  .menu-toggle[aria-expanded=true] .menu-icon:before,.menu-toggle[aria-expanded=true] .menu-icon:after{content:'';position:absolute;top:5px;left:0;width:16px;border-top:1px solid currentColor;transform:rotate(45deg)}
  .menu-toggle[aria-expanded=true] .menu-icon:after{transform:rotate(-45deg)}
  .site-rail .section-radar{grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;overflow:auto;max-height:calc(100dvh - 90px);padding-top:12px;min-width:0}
  .nav-ready .section-radar{display:none}
  .nav-ready .section-radar.is-open{display:grid}
  .site-rail .section-radar a{white-space:normal;font-size:15px;min-height:48px;padding:12px 0;line-height:1.4}
}
@media(max-width:700px){
  :root{--pad:20px}
  main .hero{padding:32px 0!important}
  .hero .eyebrow{font-size:12px;letter-spacing:1.5px}
  .hero h1,.hero h1 em{font-size:clamp(2.75rem,11.5vw,4.5rem);letter-spacing:-2px;line-height:1.12}
  .hero h1{margin:18px 0 20px}
  .hero .intro-role{font-size:20px;line-height:1.5}
  .hero .intro-role strong{display:inline-block;font-size:15px;margin-top:5px}
  .hero .intro-description{font-size:16px;line-height:1.65;margin-top:20px;max-width:36rem}
  .intro-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
  .hero .intro-link,.hero .intro-secondary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:11px 12px;font-size:14px;line-height:1.4;border:1px solid var(--line);border-radius:6px}
  .hero .intro-link{background:#173247;border-color:#8fb7d066}
  .intro-actions span{font-family:Arial,sans-serif;font-size:19px}
  .intro-context{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px;padding-top:20px;font-size:14px;line-height:1.5}
  .intro-context>span:nth-child(2){grid-column:1/-1;grid-row:2}
  .intro-context small{font-size:12px;letter-spacing:1px;margin-bottom:5px}
  .section-head{margin-bottom:24px}
  .section-head h2,.about h2{font-size:32px;line-height:1.2;letter-spacing:-1px}
  .section-head>p,.feature-copy p,.role-content,.toolkit-grid p,.approach-grid p,.interests-grid p,.education-list p,.video-copy p{font-size:16px}
  .filters{gap:8px}
  .filters button{font-size:14px;min-height:44px;padding:9px 12px;border-radius:5px}
  .count{font-size:12px}
  .explorer-toolbar{flex-wrap:wrap;gap:12px}
  .explorer-toolbar p{font-size:14px}
  .view-switch{width:100%;border-radius:6px}
  .view-switch button{flex:1;font-size:14px;min-height:44px;border-radius:3px}
  .projects.list-mode .project{grid-template-columns:52px minmax(0,1fr);gap:16px;padding:24px 0}
  .projects.list-mode .project-image{width:52px}
  .projects.list-mode h3{font-size:22px;line-height:1.25;overflow-wrap:anywhere}
  .projects.list-mode .summary{font-size:16px;line-height:1.6}
  .card-category{font-size:12px}.card-more{font-size:14px}
  .pagination{gap:12px;font-size:14px}
  .pagination button{font-size:14px;min-height:44px}
  .feature-card{display:flex;flex-direction:column}
  .feature-art{aspect-ratio:16/10;height:auto}
  .case-button,.interests-grid a{font-size:14px;min-height:44px}
  .tags li,.role-dates{font-size:12px}
  .beyond{padding:22px!important}
  .dialog-body{padding:22px 18px}
  .close{width:44px;height:44px}
  .observatory-section .cosmic-picker button{font-size:14px;min-height:44px;padding:10px}
  .observatory-section .tidal-heading p{font-size:16px}
}
@media(max-width:360px){
  .site-rail .brand-name{font-size:20px}
  .intro-actions{grid-template-columns:1fr}
  .site-rail .section-radar{grid-template-columns:1fr}
}
@media print{.menu-toggle{display:none!important}}