@media (max-width:1220px){
    .app-shell{grid-template-columns:var(--sidebar-w) 1fr;}
    .rightcol{display:none;}
    .grid-directions{grid-template-columns:repeat(2,1fr);}
    .grid-actions{grid-template-columns:repeat(2,1fr);}
    .cabinet-grid{grid-template-columns:1fr;}
    .route-grid{grid-template-columns:1fr;}
    .heatmap-grid{grid-template-columns:repeat(2,1fr);}
    .career-events-summary{grid-template-columns:repeat(2,1fr);}
    .public-topnav-links{display:none;}
    .public-mobile-menu{display:block;}
    .public-mobile-menu summary{cursor:pointer;padding:9px 12px;border:1px solid var(--border-subtle);border-radius:9px;color:var(--text-hi);font-size:13px;font-weight:700;list-style:none;}
    .public-mobile-menu nav{position:absolute;right:0;top:calc(100% + 10px);display:flex;width:230px;flex-direction:column;padding:10px;border:1px solid var(--border-subtle);border-radius:12px;background:#fff;box-shadow:var(--shadow-card);}
    .public-mobile-menu nav button,.public-mobile-menu nav a{padding:10px;border:0;background:none;color:var(--text-hi);text-align:left;text-decoration:none;font:inherit;font-size:13px;}
    .portal-section-grid{grid-template-columns:repeat(2,1fr);}
    .public-stats-grid{grid-template-columns:repeat(2,1fr);}
    .public-topnav-actions{margin-left:auto;}.public-topnav-actions .btn-primary{display:none;}
    .portal-hero{grid-template-columns:1fr}.portal-hero-main,.portal-compass-card{min-height:390px}.portal-hero-main{padding:38px 28px}.portal-hero-main h1{font-size:38px}.portal-compass-card{min-height:410px}.portal-mascot{width:55%;}
    .portal-map-card{grid-template-columns:1fr}.portal-map-copy{padding:30px}.portal-map-preview{min-height:230px}.portal-section-grid{grid-template-columns:repeat(2,1fr)}
    .public-hero-title{font-size:32px;}
    .opportunity-map-canvas{min-height:540px;}
    .opportunity-leaflet-map{height:540px;min-height:540px;}
    .employer-stats-grid{grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:520px){
    .public-topnav .brand-text{display:none}.public-topnav-actions .btn{padding:8px 10px}.public-topnav-inner{gap:8px}.public-mobile-menu summary{font-size:0}.public-mobile-menu summary:after{content:'☰';font-size:18px}
    .public-shell-inner{padding:14px 12px 70px}.portal-hero{gap:12px}.portal-hero-main{min-height:440px;padding:30px 22px;border-radius:18px}.portal-hero-main h1{font-size:32px}.portal-hero-lead{font-size:16px}.portal-city-art{height:105px}.portal-compass-card{min-height:430px;padding:27px 22px;border-radius:18px}.portal-compass-copy p{max-width:250px}.portal-mascot{right:-10px;width:66%;max-height:205px}.portal-map-card{margin-bottom:42px;border-radius:18px}.portal-map-copy{padding:25px 22px}.portal-section-grid{grid-template-columns:1fr}.portal-section-card{min-height:215px}.portal-section-heading h2{font-size:24px}
  }
  @media (max-width:860px){
    .app-shell{grid-template-columns:1fr;}
    .sidebar{display:none;}
    .main{padding:18px 14px 90px 14px;}
    .grid-directions{grid-template-columns:1fr;}
    .grid-actions{grid-template-columns:repeat(2,1fr);}
    .grid-badges{grid-template-columns:repeat(2,1fr);}
    .hero-main{min-height:230px;padding:22px;}
    .hero-greeting{font-size:22px;}
    .program-card{grid-template-columns:1fr;}
    .program-side{align-items:flex-start;flex-direction:row;flex-wrap:wrap;}
    .program-side .btn{width:auto;}
    .career-event-card{grid-template-columns:1fr;}
    .career-events-summary{grid-template-columns:repeat(2,1fr);}
    .dir-actions-desktop{display:none;}
    .dir-actions-mobile{display:flex;}
    .compare-fab{right:14px;bottom:78px;}
    .toast-stack{left:14px;right:14px;top:14px;max-width:none;}
    .mobile-nav{
      display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;
      background:var(--bg-sidebar);border-top:1px solid var(--border-subtle);
      z-index:50;justify-content:space-around;align-items:center;padding:0 4px;
    }
    .mobile-nav button, .mobile-nav a{background:none;border:none;color:var(--text-low);display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;flex:1;min-width:0;padding:7px 1px;border-radius:10px;text-decoration:none;}
    .mobile-nav button svg, .mobile-nav a svg{width:18px;height:18px;flex:none;}
    .mobile-nav button span, .mobile-nav a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .mobile-nav button.active{color:var(--accent);}
    .public-topnav-inner{padding:12px 16px;gap:12px;}
    .public-shell-inner{padding:18px 16px 90px 16px;}
    .public-hero{padding:26px 20px;}
    .public-hero-title{font-size:25px;}
    .public-search{flex-direction:column;}
    .public-search-loc{border-left:none;border-top:1px solid var(--border-subtle);}
    .public-search .btn{width:100%;justify-content:center;border-radius:0;}
    .public-stats-grid{grid-template-columns:repeat(2,1fr);}
    .route-teaser-stepper{flex-wrap:wrap;row-gap:16px;}
    .rt-stage{flex:1 1 40%;}
    .rt-line{display:none;}
    .opportunity-map-layout{grid-template-columns:1fr;}
    .opportunity-map-canvas{min-height:440px;}
    .opportunity-leaflet-map{height:440px;min-height:440px;}
    .employer-benefits-grid{grid-template-columns:1fr;}
  }