@media (min-width: 1800px) {
  #main { padding-top: 48px; }
  .hero-grid { grid-template-columns: 2.2fr 1fr; }
  .mission-copy { grid-template-columns: 1fr 180px; }
  .phase-instrument { width: 180px; height: 180px; }
}

@media (max-width: 1250px) {
  .sidebar { width: 212px; padding-left: 13px; padding-right: 13px; }
  .workspace { margin-left: 212px; }
  .topbar { padding: 0 25px; }
  #main { padding: 32px 25px; }
  .topbar-actions { gap: 11px; }
  .live-indicator { display: none; }
  .mission-copy { grid-template-columns: 1fr 130px; }
  .phase-instrument { width: 130px; height: 130px; }
  .mission-footer > span { display: none; }
  .phase-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .quality-rules, .gate-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-card { padding: 17px; }
  .coverage-head, .coverage-row { grid-template-columns: minmax(0, 1fr) 140px 90px; gap: 15px; }
  .proof-grid { grid-template-columns: repeat(2, 1fr); }
  footer { margin: 0 25px; }
  footer > span:last-child { display: none; }
}

@media (max-width: 1000px) {
  .sidebar { transform: translateX(-100%); width: 236px; transition: transform .2s; }
  .workspace { margin-left: 0; }
  .menu-open .sidebar { transform: translateX(0); }
  .mobile-menu { display: inline-flex !important; }
  .breadcrumb-root { display: none; }
  .topbar { height: 60px; }
  .live-indicator { display: flex; }
  .hero-grid { grid-template-columns: minmax(0, 1.7fr) minmax(230px, 1fr); }
  .mission-copy { grid-template-columns: 1fr 145px; }
  .phase-instrument { width: 145px; height: 145px; }
  .skip-link { left: 15px; }
  #toast { left: 50%; }
}

@media (max-width: 760px) {
  #main { padding: 28px 20px; }
  .topbar { padding: 0 16px; }
  .topbar-actions { gap: 9px; }
  .live-indicator, .top-search > span, .top-search > kbd { display: none; }
  .top-search { padding: 7px; }
  .page-heading { align-items: flex-start; margin-bottom: 24px; }
  h1 { font-size: 43px; }
  .lede { font-size: 11px; }
  .release-stamp { display: none; }
  .hero-grid { grid-template-columns: 1fr; }
  .mission-copy { grid-template-columns: minmax(0, 1fr) 145px; }
  .now-card { padding: 23px; }
  .now-card h2 br { display: none; }
  .now-card h2 { font-size: 24px; }
  .next-gate { margin-top: 12px; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .phase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .phase-card { min-height: 215px; }
  .section-heading h2 { font-size: 20px; }
  .section-heading .text-link { font-size: 10px; flex-shrink: 0; }
  .bottom-grid, .flow-grid, .decision-grid, .reference-grid, .release-grid { grid-template-columns: 1fr; }
  .panel { padding: 22px; }
  .phase-brief { grid-template-columns: 1fr; gap: 10px; }
  .filter-toolbar { flex-wrap: wrap; }
  .filter-toolbar > .input-search { flex: 1 1 100%; }
  .select-label { flex: 1; }
  .select-label select { width: 100%; max-width: none; }
  .results-meta > span:nth-child(2) { display: none; }
  .task-main { grid-template-columns: 24px minmax(0, 1fr) 15px; gap: 10px; padding: 15px; }
  .task-row-status { display: none; }
  .task-row { padding-right: 5px; }
  .task-group-heading { padding: 16px; }
  .task-text > strong { font-size: 11px; }
  .task-description { font-size: 9px; }
  .coverage-head, .coverage-row { grid-template-columns: minmax(0, 1fr) 35px 80px; gap: 15px; padding: 16px; }
  .coverage-row .phase-tag > span { display: none; }
  .scope-summary { gap: 10px; }
  .scope-summary .panel { padding: 16px; }
  .scope-summary strong { font-size: 30px; }
  .scope-summary strong > span { font-size: 14px; }
  .scope-summary p { font-size: 9px; }
  .architecture-map { padding: 22px 17px; }
  .arch-clients { gap: 8px; }
  .arch-clients > div { padding: 14px 8px; }
  .arch-clients strong { font-size: 10px; }
  .arch-clients span { font-size: 8px; }
  .arch-core h2 { font-size: 21px; }
  .component-grid { grid-template-columns: 1fr; }
  .budget-head, .budget-row { grid-template-columns: 100px 130px 1fr; gap: 10px; padding: 16px; }
  .source-seal { width: 120px; height: 120px; padding: 15px; }
  .source-seal strong { font-size: 17px; }
  .source-seal small { font-size: 5px; }
  .chapter-grid { grid-template-columns: 1fr; }
  footer { flex-direction: column; gap: 10px; margin: 0 20px; }
  .page-heading > .button { align-self: flex-end; padding: 9px; font-size: 9px; }
}

@media (max-width: 480px) {
  #main { padding: 24px 15px; }
  h1 { font-size: 40px; }
  .breadcrumb { font-size: 10px; gap: 6px; }
  .topbar-actions { gap: 4px; }
  .top-export span { display: none; }
  .topbar .top-export { padding: 6px; border: 0; background: none; }
  .mission-card { padding: 19px; }
  .mission-top > .mono { font-size: 6px; }
  .mission-top .capsule { font-size: 7px; padding: 6px; }
  .mission-copy { grid-template-columns: 1fr; margin: 23px 0 18px; }
  .mission-copy h2 { font-size: 28px; }
  .mission-copy p { font-size: 11px; }
  .phase-instrument { display: none; }
  .stats-grid { gap: 10px; }
  .stat-card { padding: 15px; }
  .stat-card > strong { font-size: 27px; }
  .stat-card h2 { font-size: 10px; }
  .stat-card > p { font-size: 9px; }
  .phase-grid { gap: 10px; }
  .phase-card { padding: 14px; }
  .phase-top .mono { font-size: 6px; }
  .phase-top .badge { font-size: 7px; padding: 4px; }
  .phase-card h3 { font-size: 12px; }
  .phase-card p { font-size: 10px; }
  .section-heading { gap: 12px; }
  .section-heading h2 { font-size: 19px; }
  .section-heading > .text-link { font-size: 9px; }
  .page-heading:has(> .button) { flex-direction: column; gap: 12px; }
  .page-heading > .button { align-self: flex-start; }
  .task-main { grid-template-columns: 20px minmax(0, 1fr) 12px; gap: 8px; padding: 14px 8px 14px 12px; }
  .task-state { width: 19px; height: 19px; }
  .task-group-heading h2 { font-size: 14px; }
  .task-group-heading .count-label { font-size: 8px; }
  .coverage-head, .coverage-row { grid-template-columns: minmax(0, 1fr) 25px 65px; gap: 8px; padding: 13px; }
  .coverage-row > span:last-child { font-size: 8px; gap: 5px; }
  .scope-summary .panel { padding: 12px; }
  .scope-summary .eyebrow { font-size: 7px; }
  .scope-summary strong { font-size: 26px; }
  .arch-clients { grid-template-columns: 1fr; }
  .arch-clients > div { padding: 14px; gap: 7px; }
  .arch-clients strong { font-size: 12px; }
  .arch-clients span { font-size: 10px; }
  .arch-core { padding: 20px 13px; }
  .budget-head { display: none; }
  .budget-row { grid-template-columns: 1fr 1fr; }
  .budget-row > p { grid-column: 1 / -1; }
  .quality-rules, .gate-grid { gap: 10px; }
  .quality-rules .panel, .gate-grid .panel { padding: 17px; }
  .quality-rules h2 { font-size: 12px; }
  .rule-number { font-size: 29px; }
  .source-summary { flex-direction: column; align-items: flex-start; gap: 22px; }
  .source-summary h2 { font-size: 23px; }
  .source-seal { display: none; }
  .mirror-flow { gap: 5px; grid-template-columns: 1fr 20px 1fr; }
  .mirror-flow > div { padding: 12px 9px; }
  .mirror-flow strong { font-size: 10px; }
  .mirror-flow code { font-size: 10px; }
  .mirror-line .icon { width: 16px; }
  .proof-grid { grid-template-columns: 1fr; }
  .key-values > div { grid-template-columns: 100px 1fr; }
  dialog { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); }
  .dialog-body { padding: 22px; }
  .dialog-body > h2 { font-size: 24px; }
  .dialog-toolbar { padding: 14px 19px; }
  .dialog-footer { padding: 14px 18px; gap: 9px; }
  .dialog-footer .button { font-size: 9px; padding: 10px; }
  .task-context { grid-template-columns: 1fr; gap: 7px; }
  .dialog-body .key-values > div { grid-template-columns: 90px 1fr; }
  .search-result { grid-template-columns: 1fr 16px; }
  .search-result > .mono { grid-column: 1 / -1; }
  .search-result strong { font-size: 11px; }
}

@media print {
  .sidebar, .topbar, footer, .filter-toolbar, .phase-strip, dialog, .bookmark-button { display: none; }
  .workspace { margin: 0; }
  #main { padding: 0; }
  .panel, .phase-card, .task-row { break-inside: avoid; }
}