.waiters-page { background: var(--color-ink-950); }
.waiters-page .container { width: min(100%, var(--container-max)); }
.waiters-page h2 { margin-block-end: var(--space-4); }
.waiters-page .section { padding-block: var(--space-10); }
.waiters-hero { position: relative; overflow: hidden; background: radial-gradient(circle at 76% 40%, rgba(36, 50, 47, .35), transparent 36%); }
.waiters-hero__grid { display: grid; grid-template-columns: minmax(0, 55fr) minmax(0, 45fr); gap: var(--space-8); align-items: center; }
.waiters-hero__content { min-width: 0; max-width: 35rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.waiters-hero__content > * { min-width: 0; margin: 0; }
.waiters-breadcrumbs { display: flex; min-width: 0; flex-wrap: wrap; gap: var(--space-2); color: var(--color-text-secondary); font-size: var(--font-size-14); }
.waiters-hero__lead { max-width: 35rem; color: var(--color-text-secondary); font-size: var(--font-size-18); line-height: var(--line-height-18); }
.waiters-hero__actions, .waiters-closing__actions { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: var(--space-4); }
.waiters-download-button { min-height: 3rem; }
.waiters-inline-link { display: inline-flex; min-height: 2.75rem; align-items: center; font-weight: 700; }
.waiters-hero__media, .waiters-layout__media, .waiters-vip__media { width: 100%; min-width: 0; margin: 0; }
.waiters-hero__media img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border: 1px solid var(--color-line-subtle); }
.waiters-summary__panel { display: flex; min-width: 0; flex-direction: column; gap: var(--space-6); padding: var(--space-6); border: 1px solid var(--color-line-subtle); border-inline-start: 3px solid var(--color-accent-saffron); border-radius: var(--radius-card); background: var(--color-surface-800); }
.waiters-summary__intro { max-width: 38.75rem; }
.waiters-summary__intro > * { margin: 0; }
.waiters-summary__intro > :not(:last-child) { margin-block-end: var(--space-3); }
.waiters-summary__points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.waiters-summary__point { min-width: 0; }
.waiters-summary__point span, .waiters-flow__step > span, .waiters-layout__rules span, .waiters-vip__content article > span, .waiters-reading__cards article > span, .waiters-priorities th span { display: block; margin-block-end: var(--space-3); color: var(--color-accent-saffron); font-family: var(--font-heading); font-size: var(--font-size-28); font-weight: 700; line-height: 1; }
.waiters-summary__point h3, .waiters-summary__point p { margin: 0; }
.waiters-summary__point h3 { margin-block-end: var(--space-3); }
.waiters-summary__point p { color: var(--color-text-secondary); }
.waiters-flow__heading { max-width: 40rem; }
.waiters-flow__heading > * { margin: 0; }
.waiters-flow__heading > :not(:last-child) { margin-block-end: var(--space-4); }
.waiters-flow__heading p { color: var(--color-text-secondary); }
.waiters-flow__steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-block-start: var(--space-7); border-block: 1px solid var(--color-line-subtle); }
.waiters-flow__step { min-width: 0; padding: var(--space-5); border-inline-end: 1px solid var(--color-line-subtle); }
.waiters-flow__step:last-child { border-inline-end: 0; }
.waiters-flow__step h3, .waiters-flow__step p { margin: 0; }
.waiters-flow__step h3 { margin-block-end: var(--space-3); }
.waiters-flow__step p { color: var(--color-text-secondary); }
.waiters-flow__note { max-width: 43rem; margin-block: var(--space-5) 0; color: var(--color-text-secondary); }
.waiters-layout__heading { max-width: 40rem; }
.waiters-layout__heading > * { margin: 0; }
.waiters-layout__heading > :not(:last-child) { margin-block-end: var(--space-4); }
.waiters-layout__heading p, .waiters-priorities__heading p, .waiters-kitchen__heading p, .waiters-horizons__heading p, .waiters-reading__heading p { color: var(--color-text-secondary); }
.waiters-layout__grid { display: grid; grid-template-columns: minmax(0, 52fr) minmax(21.25rem, 48fr); gap: var(--space-8); align-items: start; margin-block-start: var(--space-7); }
.waiters-layout__media img, .waiters-vip__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border: 1px solid var(--color-line-subtle); }
.waiters-layout__rules { min-width: 0; max-width: 26.875rem; display: flex; flex-direction: column; gap: var(--space-5); }
.waiters-layout__rules article { min-width: 0; }
.waiters-layout__rules h3, .waiters-layout__rules p { margin: 0; }
.waiters-layout__rules h3 { margin-block-end: var(--space-3); }
.waiters-layout__rules p { margin-block-end: var(--space-3); color: var(--color-text-secondary); }
.waiters-priorities__heading { max-width: 37.5rem; }
.waiters-priorities__heading > * { margin: 0; }
.waiters-priorities__heading > :not(:last-child) { margin-block-end: var(--space-4); }
.waiters-priorities__desktop { margin-block-start: var(--space-7); border: 1px solid var(--color-line-subtle); border-radius: var(--radius-card); background: var(--color-surface-800); }
.waiters-priorities table { min-width: 52rem; margin: 0; }
.waiters-priorities th:nth-child(1), .waiters-priorities td:nth-child(1) { width: 22%; }
.waiters-priorities th:nth-child(2), .waiters-priorities td:nth-child(2) { width: 28%; }
.waiters-priorities th:nth-child(3), .waiters-priorities td:nth-child(3) { width: 32%; }
.waiters-priorities th:nth-child(4), .waiters-priorities td:nth-child(4) { width: 18%; }
.waiters-priorities tbody th { font-family: var(--font-heading); font-size: var(--font-size-18); }
.waiters-priorities th span { display: inline; margin-inline-end: var(--space-2); font-size: var(--font-size-16); }
.waiters-priorities__mobile { display: none; }
.waiters-priorities__warning { max-width: 47.5rem; margin-block: var(--space-5) 0; padding-inline-start: var(--space-4); border-inline-start: 3px solid var(--color-alert-coral); color: var(--color-text-secondary); }
.waiters-kitchen__heading, .waiters-horizons__heading { max-width: 38.75rem; }
.waiters-kitchen__heading > *, .waiters-horizons__heading > * { margin: 0; }
.waiters-kitchen__heading > :not(:last-child), .waiters-horizons__heading > :not(:last-child) { margin-block-end: var(--space-4); }
.waiters-kitchen__cards { display: grid; grid-template-columns: repeat(2, minmax(21.25rem, 1fr)); gap: var(--space-5); margin-block-start: var(--space-7); }
.waiters-kitchen__cards .card { min-width: 0; }
.waiters-kitchen__cards .card > * { margin: 0; }
.waiters-kitchen__cards .card > :not(:last-child) { margin-block-end: var(--space-4); }
.waiters-kitchen__cards p { color: var(--color-text-secondary); }
.waiters-kitchen__cards ul { margin: 0; }
.waiters-kitchen__test { max-width: 47.5rem; margin-block: var(--space-5) 0; color: var(--color-text-secondary); }
.waiters-vip__heading { max-width: 32.5rem; }
.waiters-vip__heading > * { margin: 0; }
.waiters-vip__grid { display: grid; grid-template-columns: minmax(0, 58fr) minmax(20rem, 42fr); gap: var(--space-8); align-items: start; }
.waiters-vip__content { min-width: 0; max-width: 32.5rem; display: flex; flex-direction: column; gap: var(--space-5); }
.waiters-vip__content > * { margin: 0; }
.waiters-vip__lead { color: var(--color-text-secondary); font-size: var(--font-size-18); line-height: var(--line-height-18); }
.waiters-vip__content article { min-width: 0; max-width: 28.75rem; }
.waiters-vip__content article h3, .waiters-vip__content article p { margin: 0; }
.waiters-vip__content article h3 { margin-block-end: var(--space-3); }
.waiters-vip__content article p { margin-block-end: var(--space-3); color: var(--color-text-secondary); }
.waiters-horizons__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin-block-start: var(--space-7); }
.waiters-horizons__cards .card { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.waiters-horizons__cards .card > * { margin: 0; }
.waiters-horizons__cards .card p { color: var(--color-text-secondary); }
.waiters-horizons__action { border-top: 3px solid var(--color-accent-saffron); }
.waiters-reading__heading { max-width: 36.25rem; }
.waiters-reading__heading > * { margin: 0; }
.waiters-reading__heading > :not(:last-child) { margin-block-end: var(--space-4); }
.waiters-reading__cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-4); margin-block-start: var(--space-7); }
.waiters-reading__cards .card { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.waiters-reading__cards .card > * { margin: 0; }
.waiters-reading__cards .card > span { color: var(--color-accent-saffron); font-family: var(--font-heading); font-size: var(--font-size-22); font-weight: 700; }
.waiters-reading__cards p { color: var(--color-text-secondary); }
.waiters-reading__cards a { min-height: 2.75rem; display: inline-flex; align-items: center; margin-block-start: auto; font-weight: 700; }
.waiters-closing { padding-block: var(--space-10); background: radial-gradient(circle at 22% 42%, rgba(36, 50, 47, .3), transparent 44%), var(--color-ink-900); }
.waiters-closing__content { max-width: 35rem; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding-block-start: var(--space-4); border-top: 2px solid var(--color-accent-saffron); }
.waiters-closing__content > * { margin: 0; }
.waiters-closing__content > p { color: var(--color-text-secondary); }
.waiters-closing__note { font-size: var(--font-size-14); line-height: var(--line-height-14); }
@media (max-width: 1099px) { .waiters-hero__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); } .waiters-reading__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .waiters-flow__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } .waiters-flow__step:nth-child(2) { border-inline-end: 0; } .waiters-flow__step:nth-child(-n+2) { border-bottom: 1px solid var(--color-line-subtle); } }
@media (max-width: 1023px) { .waiters-layout__grid, .waiters-vip__grid { grid-template-columns: 1fr; gap: var(--space-6); } .waiters-layout__rules, .waiters-vip__content { max-width: none; } .waiters-vip__media { order: 2; } .waiters-kitchen__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 899px) { .waiters-summary__points { grid-template-columns: repeat(2, minmax(0, 1fr)); } .waiters-summary__point:nth-child(3) { grid-column: 1 / -1; } .waiters-priorities__desktop { overflow-x: auto; } .waiters-horizons__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .waiters-horizons__cards article:first-child { grid-column: 1 / -1; } }
@media (max-width: 767px) { .waiters-page .section { padding-block: var(--space-8); } .waiters-hero { padding-block: var(--space-8); } .waiters-hero__grid, .waiters-flow__steps, .waiters-summary__points, .waiters-kitchen__cards, .waiters-horizons__cards, .waiters-reading__cards { grid-template-columns: 1fr; } .waiters-hero__content { max-width: none; } .waiters-hero__lead { max-width: none; font-size: var(--font-size-16); line-height: var(--line-height-body); } .waiters-hero__actions { width: 100%; flex-direction: column; align-items: stretch; } .waiters-hero__actions > * { width: 100%; } .waiters-summary__panel { gap: var(--space-5); padding: var(--space-5); } .waiters-summary__point { padding-block-end: var(--space-5); border-bottom: 1px solid var(--color-line-subtle); } .waiters-summary__point:last-child { padding-block-end: 0; border-bottom: 0; } .waiters-summary__point:nth-child(3), .waiters-horizons__cards article:first-child { grid-column: auto; } .waiters-flow__steps { margin-block-start: var(--space-6); border-block: 0; border-inline-start: 1px solid var(--color-line-subtle); } .waiters-flow__step, .waiters-flow__step:nth-child(2) { padding: var(--space-4) 0 var(--space-4) var(--space-5); border: 0; border-bottom: 1px solid var(--color-line-subtle); } .waiters-flow__step:last-child { border-bottom: 0; } .waiters-layout__grid { margin-block-start: var(--space-6); } .waiters-priorities__desktop { display: none; } .waiters-priorities__mobile { display: flex; flex-direction: column; gap: var(--space-3); margin-block-start: var(--space-6); } .waiters-priorities__mobile article { min-width: 0; padding: var(--space-4); border: 1px solid var(--color-line-subtle); border-radius: var(--radius-card); background: var(--color-surface-800); } .waiters-priorities__mobile article > * { margin: 0; } .waiters-priorities__mobile article > :not(:last-child) { margin-block-end: var(--space-3); } .waiters-priorities__mobile span { color: var(--color-accent-saffron); font-family: var(--font-heading); font-weight: 700; } .waiters-priorities__mobile h4 { font-size: var(--font-size-14); } .waiters-priorities__mobile p { color: var(--color-text-secondary); } .waiters-kitchen__cards { margin-block-start: var(--space-6); } .waiters-vip__heading { margin-block-end: var(--space-5); } .waiters-vip__lead { font-size: var(--font-size-16); line-height: var(--line-height-body); } .waiters-horizons__cards, .waiters-reading__cards { margin-block-start: var(--space-6); } .waiters-closing { padding-block: var(--space-8); } .waiters-closing__content { max-width: none; } .waiters-closing__actions { width: 100%; flex-direction: column; align-items: stretch; } .waiters-closing__actions > * { width: 100%; } }
@media (max-width: 459px) { .waiters-hero__media figcaption, .waiters-layout__media figcaption, .waiters-vip__media figcaption { font-size: var(--font-size-12); } }