/* Project Outpost — Options Design Lab parity pass. */

body.outpost-real-page-preview #options .options-layout {
  margin-top: var(--op-workspace-layout-gap);
  border-top: 1px solid var(--op-line);
  border-bottom: 1px solid var(--op-line);
  background: color-mix(in srgb, var(--op-bg-raised) 38%, transparent);
}

body.outpost-real-page-preview #options .options-primary {
  padding: var(--op-workspace-region-padding);
}

body.outpost-real-page-preview #options .options-session-rail {
  padding: var(--op-workspace-region-padding);
}

body.outpost-real-page-preview #options .options-section-heading {
  min-height: 46px;
  align-items: start;
  padding-bottom: 14px;
}

body.outpost-real-page-preview #options .options-section-heading > div {
  gap: 12px;
}

body.outpost-real-page-preview #options .options-section-heading b {
  font-size: 14px;
  letter-spacing: 0;
}

body.outpost-real-page-preview #options .toggle-row > span {
  display: grid;
  gap: 4px;
}

body.outpost-real-page-preview #options .toggle-row :is(b, small) {
  display: block;
}

body.outpost-real-page-preview #options .options-static-contract {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  min-height: 78px;
  padding: 12px 0;
  border-bottom: 1px solid var(--op-line-faint);
}

body.outpost-real-page-preview #options .options-static-contract span,
body.outpost-real-page-preview #options .options-static-contract :is(b, small) {
  display: block;
}

body.outpost-real-page-preview #options .options-static-contract b {
  color: var(--op-text);
  font-size: 12px;
}

body.outpost-real-page-preview #options .options-static-contract small {
  max-width: 64ch;
  margin-top: 5px;
  color: var(--op-text-muted);
  font-size: 10px;
  line-height: 1.5;
}

body.outpost-real-page-preview #options .options-static-contract strong {
  padding-left: 10px;
  border-left: 2px solid var(--op-line-strong);
  color: var(--op-text);
  font-family: var(--op-font-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
}

body.outpost-real-page-preview #options .options-inline-note {
  margin-top: 22px;
  padding: 14px 0 14px 14px;
  border-left: 2px solid var(--op-line-strong);
  color: var(--op-text-muted);
  font-size: 10px;
  line-height: 1.55;
}

body.outpost-real-page-preview #options :is(.toggle-row, .option-slider, .option-profile-line, button, input) {
  border-radius: 0;
  box-shadow: none;
}

@media (prefers-reduced-motion: reduce) {
  body.outpost-real-page-preview #options *,
  body.outpost-real-page-preview #options *::before,
  body.outpost-real-page-preview #options *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }
}