/* =========================================
   FIELD BOARD — responsive
   ========================================= */
@media (max-width: 1080px) {
  .field-workspace { grid-template-columns: 1fr; }
  .field-detail { position: relative; top: 0; }
}

@media (max-width: 980px) {
  .field-hero { padding-top: 114px; }
  .field-hero__grid { grid-template-columns: 1fr; min-height: 0; gap: 44px; }
  .field-telemetry { max-width: 650px; }
  .field-section-head { grid-template-columns: 1fr; gap: 10px; }
  .pipeline-track { grid-template-columns: 1fr; }
  .pipeline-track::before { top: 0; bottom: 0; left: 26px; right: auto; width: 1px; height: auto; }
  .pipeline-track li { display: grid; grid-template-columns: 52px 1fr; gap: 24px; min-height: 0; padding: 0 0 34px; border: 0; }
  .pipeline-track li:last-child { border: 0; }
  .pipeline-track li > span { margin: 0; }
  .pipeline-note { margin-left: 76px; }
  .field-tools { align-items: stretch; flex-direction: column; }
  .field-search { width: 100%; }
  .field-act__grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .field-commandbar span:last-child { display: none; }
  .field-hero h1 { font-size: clamp(2.8rem, 14vw, 4.35rem); }
  .field-telemetry > div { min-height: 135px; }
  .field-pipeline, .field-explorer, .field-act { padding: 72px 0; }
  .field-project { grid-template-columns: 5px 44px minmax(0, 1fr) 24px; gap: 11px; min-height: 126px; padding-right: 7px; }
  .field-project__number { font-size: 2.2rem; }
  .field-project__state { display: none; }
  .field-project__main > span { font-size: .75rem; }
  .field-results-meta span:last-child { display: none; }
  .field-detail { padding: 22px 18px; }
  .field-detail__facts { grid-template-columns: 1fr; }
  .field-act__top { grid-template-columns: 1fr; gap: 10px; }
}

@media (max-width: 480px) {
  .field-commandbar { font-size: .56rem; }
  .field-commandbar__live { letter-spacing: .06em; }
  .field-telemetry { grid-template-columns: 1fr 1fr; }
  .field-telemetry > div { padding: 17px; }
  .field-telemetry strong { font-size: 3rem; }
  .field-filter { flex: 1 1 calc(50% - 7px); }
  .field-project { grid-template-columns: 4px 1fr 22px; }
  .field-project__number { display: none; }
  .pipeline-note { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .field-project { transition: none; }
}