.ops-page {
  overflow: hidden;
  background: var(--color-void-black);
}

.ops-page .eyebrow,
.ops-page .label {
  overflow-wrap: anywhere;
}

.ops-hero {
  padding-block: var(--space-10);
  background:
    linear-gradient(100deg, rgb(23 17 43 / 96%), rgb(8 7 13 / 82%)),
    repeating-linear-gradient(90deg, transparent 0 71px, rgb(109 79 163 / 5%) 72px 73px);
}

.ops-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(33.75rem, 7fr);
  align-items: center;
  gap: var(--space-7);
}

.ops-hero__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  max-width: 31.875rem;
}

.ops-hero__copy > * { margin: 0; }
.ops-hero__copy .lead { max-width: 34ch; }
.ops-hero__copy h1 { font-size: clamp(2.5rem, 4.8vw, 4rem); }

.ops-hero__actions {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

.ops-hero__figure {
  width: 100%;
  min-width: 0;
  border-color: var(--color-violet-edge);
}

.ops-hero__figure img { aspect-ratio: 16 / 10; }
.ops-hero__figure figcaption { display: flex; gap: var(--space-2); align-items: flex-start; }
.ops-confirm-notch { width: .5rem; height: .5rem; flex: 0 0 auto; margin-top: .22rem; background: var(--color-green-status); }

.ops-room__grid {
  display: grid;
  grid-template-columns: minmax(0, 8fr) minmax(18rem, 4fr);
  align-items: start;
  gap: var(--space-6);
}

.ops-room__editorial { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-5); padding: var(--space-7); }
.ops-room__editorial > * { margin: 0; }
.ops-room__editorial > h2,
.ops-room__editorial > p { max-width: 68ch; }
.ops-room__note { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: var(--space-5); width: 100%; min-width: 0; padding-top: var(--space-5); border-top: 1px solid var(--color-violet-edge); }
.ops-room__note > * { min-width: 0; }
.ops-room__note .rank { font-size: clamp(4.5rem, 7vw, 6.5rem); }
.ops-room__note h3 { margin-block: 0 var(--space-3); }
.ops-room__note p { max-width: 60ch; }

.ops-fact-rail { display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); padding-top: var(--space-4); }
.ops-fact-rail__item { min-width: 0; padding-bottom: var(--space-5); border-bottom: 1px solid var(--color-violet-edge); }
.ops-fact-rail__item p { margin: var(--space-3) 0 0; font-size: .8125rem; line-height: 1.55; }
.ops-fact-rail__item--confirmed { border-bottom-color: var(--color-green-status); }

.ops-styles__intro { width: 100%; max-width: 42.5rem; }
.ops-styles__intro p { max-width: 64ch; }
.ops-style-selector { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-6) 0 var(--space-5); }
.ops-style-selector__button { min-height: 2.75rem; min-width: 0; padding: .7rem .85rem; border: 1px solid var(--color-violet-edge); background: transparent; color: var(--color-mist-text); font-size: var(--text-label); letter-spacing: .06em; text-transform: uppercase; }
.ops-style-selector__button[aria-pressed="true"] { border-color: var(--color-cyan-signal); background: rgb(57 231 245 / 10%); color: var(--color-paper-text); box-shadow: var(--shadow-cyan); }
.ops-style-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); }
.ops-style { display: flex; min-width: 0; min-height: 24rem; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-5); border-top: 1px solid var(--color-cyan-signal); border-right: 1px solid var(--color-violet-edge); border-bottom: 1px solid var(--color-violet-edge); border-left: 1px solid var(--color-violet-edge); }
.ops-style > * { margin: 0; }
.ops-style .rank { font-size: clamp(4rem, 5.6vw, 6.5rem); color: transparent; -webkit-text-stroke: 1px var(--color-cyan-signal); }
.ops-style h3 { max-width: 16ch; }
.ops-style p { max-width: 34ch; font-size: .875rem; line-height: 1.6; }
.ops-style--panel { background: var(--color-violet-panel); }
.ops-style--pink { border-top-color: var(--color-pink-action); }
.ops-style--pink .rank { -webkit-text-stroke-color: var(--color-pink-action); }
.ops-style--active { border-color: var(--color-cyan-signal); box-shadow: var(--shadow-cyan); }
.ops-best-when { color: var(--color-paper-text) !important; font-size: .75rem !important; }

.ops-selection__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(20rem, 5fr); align-items: start; gap: var(--space-7); }
.ops-selection__list { min-width: 0; max-width: 47.5rem; }
.ops-selection__intro { max-width: 64ch; }
.ops-checklist { display: flex; min-width: 0; flex-direction: column; gap: var(--space-6); margin: var(--space-6) 0 0; padding: 0; list-style: none; }
.ops-checklist li { display: grid; grid-template-columns: 3.25rem minmax(0, 1fr); gap: var(--space-4); min-width: 0; padding-top: var(--space-5); border-top: 1px solid var(--color-violet-edge); }
.ops-checklist li > * { min-width: 0; }
.ops-checklist__number { color: var(--color-cyan-signal); font-family: var(--font-heading); font-size: 1.5rem; font-weight: 700; }
.ops-checklist h3 { margin-block: 0 var(--space-3); }
.ops-checklist p { max-width: 68ch; }
.ops-checklist .label { margin-bottom: var(--space-2); }
.ops-label--pink { color: var(--color-pink-action) !important; }
.ops-room-check { position: sticky; top: var(--space-6); display: flex; min-width: 0; flex-direction: column; align-items: stretch; gap: var(--space-3); }
.ops-room-check > * { min-width: 0; margin: 0; }
.ops-room-check a { display: flex; min-width: 0; flex-direction: column; gap: var(--space-1); padding: var(--space-3) 0; border-top: 1px solid var(--color-violet-edge); color: var(--color-paper-text); font-size: .8125rem; text-decoration: none; }
.ops-room-check a span { color: var(--color-mist-text); font-size: .75rem; }

.ops-etiquette__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(16rem, 4fr) minmax(11.25rem, 2fr); align-items: start; gap: var(--space-6); }
.ops-etiquette__opening { min-width: 0; max-width: 42.5rem; }
.ops-etiquette__opening p:not(.eyebrow) { max-width: 65ch; }
.ops-eyebrow--pink { color: var(--color-pink-action) !important; }
.ops-etiquette__figure { width: 100%; min-width: 0; margin-top: var(--space-7); }
.ops-etiquette__figure img { aspect-ratio: 4 / 5; }
.ops-etiquette__service { grid-column: 1; min-width: 0; max-width: 42.5rem; }
.ops-etiquette__service p { max-width: 64ch; }
.ops-etiquette__note { grid-column: 3; min-width: 0; margin-top: var(--space-9); }
.ops-etiquette__note blockquote { padding: var(--space-4); font-size: .875rem; }
.ops-etiquette__note p { font-size: .75rem; line-height: 1.55; }

.ops-food__grid { display: grid; grid-template-columns: minmax(30rem, 1fr) minmax(32.5rem, 1fr); align-items: start; gap: var(--space-6); }
.ops-food__figure { width: 100%; min-width: 0; }
.ops-food__figure img { aspect-ratio: 3 / 2; }
.ops-food__content { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.ops-food__content > * { margin: 0; }
.ops-food__content > p { max-width: 66ch; }
.ops-timing { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); width: 100%; min-width: 0; }
.ops-timing > div { min-width: 0; border-top: 1px solid var(--color-cyan-signal); padding-top: var(--space-3); }
.ops-timing span { color: var(--color-cyan-signal); font-size: var(--text-label); }
.ops-timing h4 { margin: var(--space-2) 0; }
.ops-timing p { margin: 0; font-size: .75rem; line-height: 1.55; }
.ops-seasonal-note { width: 100%; min-width: 0; padding-top: var(--space-5); border-top: 1px solid var(--color-violet-edge); }
.ops-seasonal-note > * { max-width: 64ch; }
.ops-seasonal-note h3 { margin-block: var(--space-3); }

.ops-scenarios__intro { width: 100%; max-width: 42.5rem; }
.ops-scenarios__intro p { max-width: 62ch; }
.ops-dossiers { display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); margin-top: var(--space-6); }
.ops-dossier { display: grid; grid-template-columns: minmax(8.75rem, 2fr) minmax(0, 6fr) minmax(15.625rem, 4fr); align-items: start; gap: var(--space-5); min-width: 0; min-height: 10rem; padding: var(--space-6) 0; border-top: 1px solid var(--color-violet-edge); }
.ops-dossier > * { min-width: 0; }
.ops-dossier:nth-child(even) { background: rgb(33 24 58 / 35%); padding-inline: var(--space-5); }
.ops-dossier__rank { color: transparent; font-family: var(--font-heading); font-size: clamp(4rem, 7vw, 6rem); font-weight: 700; letter-spacing: -.07em; line-height: .85; -webkit-text-stroke: 1px var(--color-cyan-signal); }
.ops-dossier--pink .ops-dossier__rank { -webkit-text-stroke-color: var(--color-pink-action); }
.ops-dossier__body h3 { margin-block: 0 var(--space-3); }
.ops-dossier__body p { max-width: 60ch; }
.ops-dossier__body a { font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; }
.ops-dossier__facts { display: flex; min-width: 0; flex-direction: column; gap: var(--space-4); }
.ops-dossier__facts div { min-width: 0; padding-left: var(--space-3); border-left: 1px solid var(--color-violet-edge); }
.ops-dossier__facts dt { font-size: var(--text-label); letter-spacing: .08em; text-transform: uppercase; }
.ops-dossier__facts dd { margin: var(--space-2) 0 0; font-size: .75rem; line-height: 1.55; }

.ops-planning__grid { display: grid; grid-template-columns: minmax(27.5rem, 7fr) minmax(22.5rem, 5fr); align-items: stretch; gap: var(--space-6); }
.ops-planning__checklist,
.ops-planning__action { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.ops-planning__checklist > *,
.ops-planning__action > * { margin: 0; }
.ops-plan-rows { display: flex; min-width: 0; flex-direction: column; gap: var(--space-2); width: 100%; }
.ops-plan-rows > div { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: var(--space-3); min-width: 0; padding: var(--space-3); border: 1px solid transparent; }
.ops-plan-rows > div:hover,
.ops-plan-rows > div:focus { border-color: var(--color-cyan-signal); background: rgb(57 231 245 / 6%); outline: none; }
.ops-plan-rows span { color: var(--color-cyan-signal); font-weight: 600; }
.ops-plan-rows p { margin: 0; font-size: .8125rem; line-height: 1.55; }
.ops-planning__action { justify-content: center; background: var(--color-violet-base); }
.ops-planning__action p { max-width: 34ch; }
.ops-planning__action::after { width: 100%; height: 1px; margin-top: auto; background: linear-gradient(90deg, var(--color-cyan-signal) 0 18%, var(--color-violet-edge) 18% 100%); content: ""; }

.ops-faq__grid { display: grid; grid-template-columns: 13.75rem minmax(0, 1fr); align-items: start; gap: var(--space-6); }
.ops-faq__rail { min-width: 0; padding-top: var(--space-1); }
.ops-faq__content { min-width: 0; max-width: 57.5rem; }
.ops-faq__intro { width: 100%; max-width: 42.5rem; }
.ops-faq__intro p { max-width: 64ch; }
.ops-accordion { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); margin-top: var(--space-6); }
.ops-accordion__item { min-width: 0; border: 1px solid var(--color-violet-edge); background: var(--color-violet-panel); }
.ops-accordion__item h3 { margin: 0; }
.ops-accordion__item button { display: flex; width: 100%; min-width: 0; min-height: 3.25rem; align-items: center; justify-content: space-between; gap: var(--space-4); padding: var(--space-4); border: 0; background: transparent; color: var(--color-paper-text); font-family: var(--font-body); font-size: .875rem; font-weight: 500; line-height: 1.45; text-align: left; }
.ops-accordion__item button > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.ops-accordion__state { flex: 0 0 auto; color: var(--color-cyan-signal); font-size: var(--text-label); letter-spacing: .08em; text-transform: uppercase; }
.ops-accordion__panel { padding: 0 var(--space-4) var(--space-4); border-top: 1px solid var(--color-violet-edge); }
.ops-accordion__panel p { max-width: 68ch; margin: var(--space-4) 0 0; font-size: .875rem; }
.ops-accordion__item--open { border-color: var(--color-cyan-signal); }

.ops-closing { padding-block: var(--space-8); background: var(--color-violet-base); }
.ops-closing__grid { display: grid; grid-template-columns: minmax(0, 42.5rem) minmax(0, 1fr); align-items: center; gap: var(--space-7); }
.ops-closing__copy { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.ops-closing__copy > * { margin: 0; }
.ops-closing__copy p { max-width: 36ch; }
.ops-closing__field { min-width: 0; height: 1px; background: linear-gradient(90deg, var(--color-cyan-signal) 0 15%, var(--color-violet-edge) 15% 100%); }

@media (max-width: 65.625rem) {
  .ops-style-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ops-etiquette__grid { grid-template-columns: minmax(0, 6fr) minmax(16rem, 4fr); }
  .ops-etiquette__note { grid-column: 1 / -1; width: min(100%, 42.5rem); margin-top: 0; }
  .ops-etiquette__note blockquote { margin-bottom: var(--space-4); }
}

@media (max-width: 65rem) {
  .ops-hero__grid { grid-template-columns: 1fr; gap: var(--space-6); }
  .ops-hero__copy { max-width: 42.5rem; }
  .ops-hero__copy .lead { max-width: 38ch; }
  .ops-room__grid,
  .ops-selection__grid { grid-template-columns: 1fr; }
  .ops-fact-rail { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); padding-top: 0; }
  .ops-fact-rail__item { padding: 0 var(--space-3) 0 0; border-right: 1px solid var(--color-violet-edge); border-bottom: 0; }
  .ops-fact-rail__item:last-child { border-right: 0; }
  .ops-room-check { position: static; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: none; }
  .ops-food__grid { grid-template-columns: 1fr; }
  .ops-food__content { max-width: 42.5rem; }
  .ops-dossier { grid-template-columns: 8rem minmax(0, 1fr); }
  .ops-dossier__facts { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ops-planning__grid { grid-template-columns: 1fr; }
  .ops-planning__action { min-height: 18rem; }
  .ops-faq__grid { grid-template-columns: 1fr; gap: var(--space-4); }
}

@media (max-width: 58.75rem) {
  .ops-etiquette__grid { grid-template-columns: 1fr; }
  .ops-etiquette__figure { order: 2; max-width: 32rem; margin-top: 0; }
  .ops-etiquette__service { order: 3; }
  .ops-etiquette__note { grid-column: auto; order: 4; }
}

@media (max-width: 45rem) {
  .ops-hero { padding-block: var(--space-8); }
  .ops-hero__copy h1 { font-size: 2.25rem; }
  .ops-hero__actions .button { width: 100%; }
  .ops-room__editorial { padding: var(--space-5); }
  .ops-room__note { grid-template-columns: 1fr; gap: var(--space-3); }
  .ops-fact-rail { grid-template-columns: 1fr; gap: var(--space-3); }
  .ops-fact-rail__item { padding: 0 0 var(--space-3); border-right: 0; border-bottom: 1px solid var(--color-violet-edge); }
  .ops-style-selector { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ops-style-selector__button { width: 100%; }
  .ops-style-grid { grid-template-columns: 1fr; }
  .ops-style { min-height: auto; padding: var(--space-5); }
  .ops-selection__list { max-width: none; }
  .ops-checklist li { grid-template-columns: 2.25rem minmax(0, 1fr); gap: var(--space-3); }
  .ops-room-check { grid-template-columns: 1fr; }
  .ops-room-check a { padding: var(--space-3) 0; }
  .ops-etiquette__figure { max-width: none; }
  .ops-food__content { max-width: none; }
  .ops-timing { grid-template-columns: 1fr; gap: var(--space-4); }
  .ops-timing > div { display: grid; grid-template-columns: 2rem minmax(0, 1fr); column-gap: var(--space-3); }
  .ops-timing span { grid-row: 1 / span 2; }
  .ops-timing h4 { margin: 0; }
  .ops-timing p { grid-column: 2; margin-top: var(--space-2); }
  .ops-dossier { grid-template-columns: 1fr; gap: var(--space-4); padding-block: var(--space-5); }
  .ops-dossier:nth-child(even) { padding-inline: var(--space-4); }
  .ops-dossier__rank { font-size: 3.5rem; }
  .ops-dossier__facts { grid-column: auto; grid-template-columns: 1fr; }
  .ops-planning__checklist,
  .ops-planning__action { padding: var(--space-5); }
  .ops-planning__action .button { width: 100%; }
  .ops-faq__rail { display: none; }
  .ops-accordion__item button { min-height: 3.5rem; padding: var(--space-3) var(--space-4); }
  .ops-accordion__panel { padding-inline: var(--space-4); }
  .ops-closing { padding-block: var(--space-6); }
  .ops-closing__grid { grid-template-columns: 1fr; }
  .ops-closing__copy { padding: var(--space-5); background: var(--color-violet-panel); }
  .ops-closing__copy .button { width: 100%; }
  .ops-closing__field { display: none; }
}

@media (prefers-reduced-motion: no-preference) {
  .ops-style,
  .ops-accordion__item,
  .ops-plan-rows > div { transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast), transform var(--transition-fast); }
  .ops-style--active { transform: translateY(-2px); }
}