/* --seasonal11: Michelin and Bars sit under Dining. Top nav keeps Dining lit on its child pages; a sub-tab bar links the three. */
.pagenav a[aria-current="true"] { color: var(--gold-2); }
.pagenav a[aria-current="true"]::after { transform: scaleX(1); }

.dtabs { background: var(--surface); border-bottom: 1px solid var(--line); }
.dtabs-inner { max-width: var(--wrap); margin: 0 auto; padding: 10px 24px; display: flex; align-items: center; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.dtabs-inner::-webkit-scrollbar { display: none; }
.dtabs-l { flex: none; margin-right: 6px; font-size: .7rem; letter-spacing: .18em; text-transform: uppercase; font-weight: 600; color: var(--gold-ink); }
.dtab { flex: none; display: inline-flex; align-items: center; min-height: 36px; padding: 6px 16px; border-radius: 999px; border: 1px solid var(--line); background: var(--bg); color: inherit; font-size: .88rem; font-weight: 600; text-decoration: none; white-space: nowrap; transition: border-color .15s, background .15s, color .15s; }
.dtab:hover { border-color: var(--gold); }
.dtab:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.dtab[aria-current="page"] { background: var(--navy); border-color: var(--navy); color: var(--gold-2); }
.eyebrow .crumb { color: inherit; text-decoration: none; border-bottom: 1px solid currentColor; }
.eyebrow .crumb:hover { color: var(--gold); }
.eyebrow .crumb-sep { margin: 0 2px; opacity: .7; }
@media (max-width: 640px) { .dtabs-inner { padding: 8px 14px; } .dtab { padding: 6px 13px; font-size: .84rem; } }
@media print { .dtabs { display: none; } }
[data-theme="dark"] .dtab[aria-current="page"] { background: rgba(201,164,92,.16); border-color: var(--gold); color: var(--gold-2); }