/* VISNE LAB P9-02 — production remediation, no redesign */

/* Keep the full desktop header only while it has enough breathing room. */
@media (min-width: 901px) and (max-width: 1080px) {
  .topline .prod-nav,
  .topline .core-status,
  .topline .nav-signal { display: none !important; }
  .topline .release-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
  }
  .topline .locale-switch { margin-left: 14px; }
  .release-menu[hidden] { display: none !important; }
  .release-menu:not([hidden]) { display: grid !important; }
}

/* Preserve the core composition while keeping every orbit label in view. */
@media (max-width: 520px) {
  .entry .core-orbit {
    right: -2vw;
    bottom: 4.5vh;
    width: min(70vw, 278px);
    opacity: .7;
  }
  .core-orbit .l1 { top: 4%; right: 13%; }
  .core-orbit .l2 { bottom: 8%; left: 3%; }
  .core-orbit .l3 { right: 1%; top: 56%; }
  .core-orbit .orbit-label {
    max-width: 42%;
    font-size: 8px;
    line-height: 1.35;
    white-space: normal;
  }
}

/* Cleaner V3.1 transition corridors: same surfaces, less luminous mass. */
.entry::after,
.field-note::after {
  background: linear-gradient(180deg, transparent 0%, rgba(42,34,40,.18) 58%, var(--v31-paper) 100%);
}
.field-note::after {
  background: linear-gradient(180deg, transparent 0%, rgba(42,34,40,.16) 58%, var(--v31-paper-2) 100%);
}
.chamber::after,
.method::after {
  background: linear-gradient(180deg, transparent 0%, rgba(112,87,95,.05) 58%, var(--v31-dark-2) 100%);
}
.method::after {
  background: linear-gradient(180deg, transparent 0%, rgba(112,87,95,.05) 58%, var(--v31-dark) 100%);
}

@media (max-width: 520px) {
  .entry,
  .field-note { padding-bottom: 140px; }
  .entry::after,
  .field-note::after { height: 140px; }
  .chamber,
  .method { padding-bottom: 84px; }
  .chamber::after,
  .method::after { height: 84px; }
}

/* Explicit AA treatment for the primary Project Signal action. */
.project .signal-button,
.project .signal-button:hover,
.project .signal-button:focus-visible {
  color: #fff;
  background-color: #6f1731;
  border-color: #c06c84;
}

/* Do not suppress keyboard focus on the three live-system controls. */
.system-item:focus-visible {
  outline: 3px solid #f0a1b7;
  outline-offset: 4px;
  box-shadow: 0 0 0 6px rgba(27,23,28,.9);
}

/* Shared, high-visibility focus treatment for interactive production UI. */
.lab-home :is(a, button, input, textarea, select):focus-visible {
  outline: 3px solid #f0a1b7;
  outline-offset: 4px;
}