﻿@media (max-width: 1180px) {
  .operations-nav { grid-template-columns: minmax(200px, 1fr) auto auto; }
  .operations-command { grid-template-columns: minmax(0, 1fr) minmax(360px, 520px); gap: 2rem; }
  .operations-grid { grid-template-columns: minmax(0, 1fr); }
  .operations-access-band { grid-template-columns: minmax(260px, 1fr) minmax(380px, 1.4fr); }
  .operations-access-band .access-link { grid-column: 1 / -1; justify-content: flex-start; }
  .app-shell { grid-template-columns: 190px minmax(0, 1fr); }
  .action-dock { grid-column: 2; position: relative; height: auto; border-top: 1px solid var(--line); border-left: 0; }
  .case-rail { grid-row: 1 / span 2; }
  .case-header { margin-right: 0; }
  .arena-section, .graph-section, .uncertainty-section, .timeline-section, .feishu-section { margin-inline: 0; }
  .method-track { grid-template-columns: repeat(3, 1fr); }
  .method-track article:nth-child(3) { border-right: 0; }
  .method-track article:nth-child(n+4) { border-top: 1px solid var(--line); }
  .demo-stage { grid-template-columns: .8fr 1.4fr; }
  .demo-bridge { display: none; }
  .demo-action { grid-column: 1 / -1; min-height: 220px; }
}

@media (max-width: 960px) {
  .operations-nav { grid-template-columns: 1fr auto; }
  .operations-nav nav { display: none; }
  .operations-command { grid-template-columns: 1fr; align-items: start; }
  .operations-grid { grid-template-columns: 1fr; }
  .operations-access-band { grid-template-columns: 1fr; }
  .operations-access-band .access-link { grid-column: auto; }
}

@media (max-width: 760px) {
  .operations-nav {
    grid-template-columns: minmax(0, 1fr);
    min-height: auto;
    padding: .65rem 1rem;
    gap: .6rem;
  }
  .session-control > span { display: none; }
  .session-control {
    grid-column: 1 / -1;
    width: 100%;
  }
  .session-control .quiet-button {
    width: 100%;
    min-height: 44px;
  }
  .operations-shell { width: min(100% - 1.25rem, 1640px); padding-top: 1rem; }
  .operations-command { gap: 1.25rem; padding: 1.2rem 1rem 1.3rem 1.35rem; }
  .operations-command h1 { font-size: clamp(2rem, 10vw, 2.75rem); }
  .case-open-form > div { grid-template-columns: 1fr; }
  .status-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .status-tally { min-height: 90px; border-bottom: 1px solid rgba(238, 234, 225, .09); }
  .status-tally--primary { grid-column: 1 / -1; }
  .status-tally:nth-child(3), .status-tally:nth-child(5) { border-right: 0; }
  .status-tally:nth-child(4), .status-tally:nth-child(5) { border-bottom: 0; }
  .panel-header { align-items: stretch; flex-direction: column; gap: 1rem; }
  .queue-tools { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 44px; }
  .queue-tools input, .queue-tools select { width: 100%; }
  .queue-scroll { overflow: visible; }
  .queue-table, .queue-table tbody, .queue-table td { display: block; width: 100%; }
  .queue-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .queue-table tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    padding: .7rem .9rem .9rem;
    border-top: 1px solid rgba(238, 234, 225, .1);
  }
  .queue-table td { display: grid; grid-template-columns: 1fr; gap: .28rem; height: auto; min-height: 68px; padding: .58rem .45rem; border-top: 0; }
  .queue-table td::before { content: attr(data-label); color: var(--faint-ink); font-size: .72rem; }
  .queue-table td:nth-child(1), .queue-table td:nth-child(2), .queue-table td:nth-child(8) { grid-column: 1 / -1; }
  .queue-row > td:first-child::before { position: static; width: auto; height: auto; background: none; }
  .queue-table td:nth-child(8) { min-height: 52px; }
  .queue-table .row-action { min-height: 44px; width: fit-content; }
  .operations-access-band { padding: 1rem; gap: 1rem; }
  .access-ledger div:first-child { border-left: 0; padding-left: 0; }
}

@media (max-width: 420px) {
  .operations-nav {
    grid-template-columns: minmax(0, 1fr);
    min-height: auto;
    padding-block: .65rem;
  }
  .brand small { display: none; }
  .session-control {
    grid-column: 1 / -1;
    width: 100%;
  }
  .session-control .quiet-button {
    width: 100%;
    min-height: 44px;
    padding-inline: .8rem;
  }
  .queue-tools { grid-template-columns: 1fr; }
  .queue-tools .icon-button { width: 100%; }
  .queue-table td { grid-template-columns: 6rem minmax(0, 1fr); }
  .access-ledger { grid-template-columns: 1fr; }
  .access-ledger div { padding: .7rem 0; border-left: 0; border-top: 1px solid rgba(238,234,225,.1); }
}

@media (max-width: 820px) {
  .landing-nav { grid-template-columns: 1fr auto; }
  .landing-nav nav { display: none; }
  .landing-section-heading, .boundary-section, .entry-section, .feishu-section, .validation-section { grid-template-columns: 1fr; gap: 1.5rem; }
  .method-section, .boundary-section, .entry-section, .demo-section, .feishu-section, .validation-section { padding-block: clamp(4rem, 12vw, 5.5rem); }
  .method-track { grid-template-columns: 1fr 1fr; }
  .method-track article:nth-child(2n) { border-right: 0; }
  .method-track article:nth-child(n+3) { border-top: 1px solid var(--line); }
  .hero-index { display: none; }
  .feishu-intro { position: static; }
  .demo-stage { grid-template-columns: 1fr; }
  .demo-hypotheses { grid-template-columns: 1fr 1fr; }
  .app-shell { display: block; }
  .case-rail { position: relative; width: 100%; height: auto; padding: 1rem; border-right: 0; border-bottom: 1px solid var(--line); }
  .case-header { min-height: 300px; margin-inline: 0; padding-inline: 0; }
  .overview-atmosphere { margin-inline: -1.2rem; }
  .rail-case { margin: 1.4rem 0 1rem; }
  .phase-nav { display: flex; overflow-x: auto; }
  .phase-nav a { min-width: 130px; }
  .rail-foot { margin-top: 1rem; }
  .case-command { grid-template-columns: 1fr; }
  .command-metrics { margin-top: 1rem; }
  .axis-list { grid-template-columns: repeat(3, 1fr); }
  .evidence-ledger, .governance-grid { grid-template-columns: 1fr; }
  .projection-grid { grid-template-columns: 1fr 1fr; }
  .action-dock { position: relative; height: auto; }
}

@media (max-width: 560px) {
  .landing-nav { height: 66px; padding-inline: 1rem; }
  .landing-nav .nav-cta { display: none; }
  .hero { min-height: max(760px, 100svh); padding: 6.4rem 1.1rem 4.5rem; }
  .hero-copy { padding-top: 0; }
  .hero-title-cn { font-size: clamp(2.65rem, 12.5vw, 3.7rem); line-height: 1.08; }
  .hero-title-en { font-size: clamp(1.65rem, 8vw, 2.35rem); max-width: 15ch; margin-top: .35em; line-height: .98; }
  .hero-kicker { margin-top: .8rem; }
  .hero-copy > p { font-size: 1rem; line-height: 1.72; }
  .hero-actions { align-items: flex-start; flex-direction: column; }
  .hero-caption { flex-wrap: wrap; gap: .7rem 1.2rem; }
  .method-section, .boundary-section, .entry-section, .demo-section, .feishu-section, .validation-section { padding-inline: 1.1rem; }
  .method-track { grid-template-columns: 1fr; }
  .method-track { margin-top: 2.5rem; }
  .method-track article { min-height: auto; padding: 1.5rem 0; border-right: 0; border-top: 1px solid var(--line); }
  .method-track h3 { margin-top: 1.6rem; }
  .case-entry-form > div { grid-template-columns: 1fr; }
  .demo-hypotheses, .validation-metrics { grid-template-columns: 1fr; }
  .demo-hypothesis { min-height: 230px; }
  .loop-output ul { grid-template-columns: 1fr; }
  .landing-footer { flex-direction: column; }
  .case-rail { padding: .85rem 1rem .7rem; }
  .rail-case { grid-template-columns: 1fr auto; margin: .7rem 0; padding: .65rem 0; }
  .rail-case .eyebrow { grid-column: 1 / -1; }
  .phase-nav a { min-width: 112px; padding-block: .52rem; }
  .rail-foot { margin-top: .55rem; }
  .case-main { padding-inline: 1rem; }
  .case-header { flex-direction: column; min-height: 275px; align-items: flex-start; justify-content: flex-end; padding-bottom: 4rem; }
  .overview-atmosphere { margin-inline: -1rem; }
  .overview-atmosphere::before { background-image: linear-gradient(90deg, rgba(6,16,22,.88), rgba(6,16,22,.32), rgba(6,16,22,.82)), url("../images/evidence-horizon-mobile.webp"); }
  .header-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: .5rem;
  }
  .header-actions .state-pill,
  .header-actions .quiet-button {
    width: 100%;
    min-height: 44px;
    justify-content: center;
    white-space: normal;
    text-align: center;
  }
  .case-command { min-height: 300px; margin-top: 0; border-radius: 20px 20px 3px 20px; }
  .command-metrics { grid-template-columns: 1fr 1fr 1fr; }
  .command-metrics div { padding-inline: .55rem; }
  .command-metrics strong { font-size: 2rem; }
  .command-metrics span { font-size: .72rem; overflow-wrap: anywhere; }
  .loading-copy {
    max-width: 100%;
    width: 100%;
    padding: 1.7rem 1rem;
  }
  .loading-panel p,
  .loading-diagnostic code {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .loading-actions { display: grid; grid-template-columns: 1fr; }
  .loading-actions .quiet-button { width: 100%; min-height: 44px; justify-content: center; }
  .workspace-content { padding-left: 0; }
  .workspace-content::before, .workspace-content::after, .panel::before { display: none; }
  .workspace-content > .panel { padding-block: 1.7rem 2rem; border-radius: 0; }
  .section-heading::after { display: none; }
  .hypothesis-list { grid-template-columns: 1fr; }
  .finding-switcher { grid-template-columns: 1fr; }
  .hypothesis-list::before, .hypothesis-list::after { display: none; }
  .hypothesis-card, .hypothesis-card:nth-child(even) { min-height: 190px; border-radius: 3px 18px 3px 14px; }
  .axis-list { grid-template-columns: 1fr 1fr; }
  .axis-card:nth-child(even), .evidence-row:nth-child(3n+2) { transform: none; }
  .section-heading { flex-direction: column; }
  #evidence-svg { min-height: 260px; }
  .projection-grid { grid-template-columns: 1fr; }
  .dock-authority-seal { min-height: 86px; }

  .overview-atmosphere::before {
    background-image:
      linear-gradient(90deg, rgba(9, 10, 10, .94), rgba(9, 10, 10, .44), rgba(9, 10, 10, .9)),
      url("../images/evidence-horizon-mobile.webp");
    filter: grayscale(.36) sepia(.16) saturate(.36) contrast(1.03);
  }

  .case-command,
  .hypothesis-card,
  .hypothesis-card:nth-child(even) { border-radius: 7px; }

  .action-dock { box-shadow: 0 -28px 72px rgba(0, 0, 0, .26); }
}
