@media(max-width:1180px){
  .archive-grid{grid-template-columns:repeat(3,1fr)}
  .hero{grid-template-columns:1fr}.hero-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.class-list{grid-column:1}.telemetry{grid-column:2;align-content:start}
}
@media(max-width:850px){
  .app-shell{width:calc(100% - 16px);margin-top:8px;padding-bottom:70px}
  .topbar{top:6px;min-height:64px;padding:9px 10px 9px 15px}.desktop-nav{display:none}.brand-mark{width:58px;height:58px;flex-basis:58px}.brand span{display:none}.system-state{font-size:9px}
  .hero-main{min-height:670px;padding:46px 24px}.hero-copy{width:100%}.hero-copy p{font-size:15px;line-height:1.7}.astrometric-orb{width:85vw;right:-22%;bottom:-3%}
  .hero-side{grid-template-columns:1fr}.class-list,.telemetry{grid-column:auto}.ops-grid,.record-grid{grid-template-columns:1fr}
  .archive-grid{grid-template-columns:repeat(2,1fr)}.mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(6,1fr);left:8px;right:8px;bottom:8px;z-index:90;padding:5px;border:1px solid var(--line);border-radius:15px;background:rgba(4,15,12,.95);backdrop-filter:blur(15px)}.mobile-dock a{display:grid;place-items:center;min-height:46px;color:#9bb9ac;font:800 9px/1.2 var(--mono)}
  .record-id{position:static;margin-bottom:12px;font-size:22px}.record-hero{padding:28px 22px}
}
@media(max-width:560px){
  .archive-grid{grid-template-columns:1fr}.hero-main h1{font-size:clamp(49px,17vw,80px)}.astrometric-orb{width:115vw;right:-48%;bottom:-2%}.section-heading{align-items:start;flex-direction:column;gap:4px}.telemetry{grid-template-columns:repeat(3,1fr)}.footer{flex-direction:column}.bullet-grid{grid-template-columns:1fr}.data-row{grid-template-columns:1fr;gap:5px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}


/* ===========================
   TYPOGRAPHY RESPONSIVE V9
   =========================== */

@media (max-width: 850px) {
  .eyebrow {
    font-size: 11px;
  }

  .brand-copy strong,
  .brand strong {
    font-size: 14px;
  }

  .brand-copy span,
  .brand span {
    font-size: 9px;
  }

  .section-heading .meta {
    font-size: 9px;
  }

  .archive-card p,
  .feed-copy,
  .result-main p,
  .map-preview p,
  .galaxy-preview p,
  .dossier-tab-panel {
    font-size: 13px;
  }

  .desktop-nav a,
  .button,
  .map-control {
    font-size: 10px;
  }

  .node-label,
  .legend-item,
  .map-coordinates,
  .galaxy-coordinate {
    font-size: 9px;
  }

  .mobile-dock a {
    font-size: 9px;
    line-height: 1.2;
  }
}

@media (max-width: 560px) {
  body {
    font-size: 15px;
  }

  .eyebrow {
    font-size: 10px;
  }

  .section-heading h2 {
    font-size: clamp(25px, 9vw, 36px);
  }

  .archive-card h3 {
    font-size: 22px;
  }

  .archive-card p {
    font-size: 14px;
  }

  .hero-copy p,
  .record-hero p,
  .dossier-copy p {
    font-size: 14px;
  }

  .telemetry span,
  .dossier-telemetry span {
    font-size: 9px;
  }

  .node-label {
    font-size: 9px;
  }
}