.poker-guide-page { overflow: hidden; }
.poker-guide-page .section { position: relative; }
.poker-guide-page .eyebrow { margin-bottom: var(--space-3); }

.pg-hero { padding-block: var(--hero-space); background: var(--color-charcoal-950); }
.pg-hero__layout { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; gap: var(--space-6); }
.pg-hero__copy { z-index: 1; display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); max-width: 32.5rem; }
.pg-hero__copy > :is(h1, p) { margin-bottom: 0; }
.pg-hero__actions { display: flex; min-width: 0; flex-wrap: wrap; align-items: center; gap: var(--space-4); }
.pg-hero__text-link { color: var(--color-ivory-200); font-size: var(--text-small); }
.pg-hero__media { width: calc(100% + max(0px, (100vw - var(--container-max)) / 2)); min-width: 0; min-height: 35rem; margin: 0; overflow: hidden; box-shadow: var(--shadow-panel); }
.pg-hero__media img { width: 100%; height: 100%; min-height: 35rem; object-fit: cover; object-position: 58% center; }
.pg-hero__route { display: grid; width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin-top: var(--space-2); }
.pg-hero__route-item { display: flex; min-width: 0; flex-direction: column; gap: var(--space-2); padding-top: var(--space-3); border-top: 1px solid var(--color-brass-400); }
.pg-hero__route-item strong { font-family: var(--font-sans); font-size: var(--text-small); }
.pg-hero__route-item span { color: var(--color-ivory-200); font-size: 0.75rem; line-height: 1.45; }

.pg-index__layout { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-7); align-items: start; }
.pg-index__intro { min-width: 0; max-width: 24.375rem; }
.pg-index__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); min-width: 0; }
.pg-index__grid a { display: flex; min-width: 0; min-height: 10.5rem; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-line-dark); color: var(--color-ivory-200); text-decoration: none; transition: border-color var(--transition-fast), transform var(--transition-fast), background-color var(--transition-fast); }
.pg-index__grid a:hover, .pg-index__grid a.is-active { border-color: var(--color-brass-400); background: var(--color-espresso-900); color: var(--color-ivory-50); transform: translateY(-2px); }
.pg-index__grid span { color: var(--color-brass-400); font-family: var(--font-serif); font-size: 2rem; line-height: 1; }
.pg-index__grid strong { color: var(--color-ivory-50); font-size: 0.9rem; line-height: 1.35; }
.pg-index__grid small { color: inherit; }

.pg-flow { background: var(--color-charcoal-950); }
.pg-flow__panel { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-7); padding: var(--space-8); border: 1px solid var(--color-line-dark); background: var(--color-forest-800); }
.pg-flow__intro { min-width: 0; max-width: 30rem; }
.pg-flow__timeline { display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); }
.pg-flow__record { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--space-4); padding-left: var(--space-4); border-left: 1px solid var(--color-brass-400); }
.pg-flow__record > span { color: var(--color-brass-400); font-family: var(--font-serif); font-size: 2rem; line-height: 1; }
.pg-flow__record div { min-width: 0; max-width: 37.5rem; }
.pg-flow__record p { margin-bottom: 0; }

.pg-holdem { background: var(--color-espresso-900); }
.pg-holdem__layout { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-6); align-items: start; }
.pg-holdem__intro { min-width: 0; max-width: 24.375rem; }
.pg-holdem__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); min-width: 0; }
.pg-holdem__cards article { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-line-dark); background: var(--color-charcoal-950); }
.pg-holdem__cards article > :is(h3, p) { margin-bottom: 0; }
.pg-holdem__cards span, .pg-formats__grid > article > span, .pg-dining__stories span { color: var(--color-brass-400); font-size: var(--text-label); font-weight: 700; letter-spacing: var(--tracking-label); line-height: var(--leading-label); text-transform: uppercase; }
.pg-holdem__cards p { max-width: 20.625rem; }
.pg-holdem__action { grid-column: 2; justify-self: start; }

.pg-formats { background: var(--color-charcoal-950); }
.pg-formats__heading { max-width: 40.625rem; }
.pg-formats__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-6); }
.pg-formats__grid > article { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); padding: var(--space-5); border: 1px solid var(--color-line-dark); background: var(--color-espresso-900); }
.pg-formats__grid > article > :is(h3, p) { margin-bottom: 0; }
.pg-formats__grid p { max-width: 22.5rem; }
.pg-formats__grid .pg-formats__featured { background: var(--color-forest-800); }
.pg-formats__note { display: flex; min-width: 0; justify-content: space-between; align-items: end; gap: var(--space-5); margin-top: var(--space-5); padding-top: var(--space-5); border-top: 1px solid var(--color-brass-400); }
.pg-formats__note > div { min-width: 0; max-width: 40.625rem; }
.pg-formats__note p { margin-bottom: 0; }
.pg-formats__note .button { flex: 0 0 auto; }

.pg-etiquette__layout { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-7); align-items: start; }
.pg-etiquette__media { min-width: 0; margin: 0; overflow: hidden; box-shadow: var(--shadow-card); }
.pg-etiquette__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 65% center; }
.pg-etiquette__copy { min-width: 0; max-width: 38.75rem; }
.pg-etiquette__copy > .lead { max-width: 31.25rem; }
.pg-etiquette__list { display: flex; min-width: 0; flex-direction: column; gap: var(--space-5); margin-top: var(--space-6); }
.pg-etiquette__list article { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); gap: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--color-brass-400); }
.pg-etiquette__list article > span { color: var(--color-brass-400); font-family: var(--font-serif); font-size: 1.75rem; line-height: 1; }
.pg-etiquette__list article div { min-width: 0; max-width: 35rem; }
.pg-etiquette__list p { margin-bottom: 0; }

.pg-dining { margin-inline: max(0px, calc((100vw - var(--container-max)) / 2)); padding-block: var(--section-space); }
.pg-dining .eyebrow { color: var(--color-brass-600); }
.pg-dining__top { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-7); align-items: center; }
.pg-dining__intro { min-width: 0; max-width: 30rem; }
.pg-dining__media { min-width: 0; margin: 0; overflow: hidden; box-shadow: var(--shadow-card); }
.pg-dining__media img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; object-position: center; }
.pg-dining__stories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-7); margin-top: var(--space-7); }
.pg-dining__stories article { display: flex; min-width: 0; flex-direction: column; gap: var(--space-3); padding-top: var(--space-4); border-top: 1px solid var(--color-line-light); }
.pg-dining__stories article > :is(h3, p) { margin-bottom: 0; }
.pg-dining__stories p { max-width: 34rem; }
.pg-dining__link { display: inline-block; margin-top: var(--space-6); color: var(--color-forest-800); font-weight: 700; }

.pg-glossary { background: var(--color-charcoal-950); }
.pg-glossary__heading { max-width: 37.5rem; margin-inline: auto; text-align: center; }
.pg-glossary__heading .eyebrow { justify-content: center; }
.pg-glossary__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); margin-top: var(--space-6); }
.pg-glossary__grid details { min-width: 0; padding: var(--space-5); border: 1px solid var(--color-line-dark); background: var(--color-espresso-900); }
.pg-glossary__grid summary { color: var(--color-ivory-50); cursor: pointer; font-family: var(--font-sans); font-size: 0.9rem; font-weight: 700; letter-spacing: 0.02em; list-style: none; }
.pg-glossary__grid summary::-webkit-details-marker { display: none; }
.pg-glossary__grid summary::after { float: right; color: var(--color-brass-400); content: "+"; }
.pg-glossary__grid details[open] summary::after { content: "−"; }
.pg-glossary__grid p { margin: var(--space-3) 0 0; }

.pg-ready { background: var(--color-forest-800); }
.pg-ready__layout { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-7); align-items: start; }
.pg-ready__intro { min-width: 0; max-width: 24.375rem; }
.pg-ready__list { display: flex; min-width: 0; flex-direction: column; }
.pg-ready__list article { display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); gap: var(--space-3); padding: var(--space-5) 0; border-top: 1px solid var(--color-felt-500); }
.pg-ready__list article:last-child { border-bottom: 1px solid var(--color-felt-500); }
.pg-ready__list article > span { color: var(--color-brass-400); font-size: 1.15rem; font-weight: 700; line-height: 1.4; }
.pg-ready__list article div { min-width: 0; max-width: 35rem; }
.pg-ready__list p { margin-bottom: 0; }

.pg-close { text-align: center; }
.pg-close__inner { display: flex; min-width: 0; flex-direction: column; align-items: center; gap: var(--space-4); max-width: 38.75rem; margin-inline: auto; }
.pg-close__inner > :is(h2, p, hr) { margin-bottom: 0; }
.pg-close__inner .rule { margin-bottom: var(--space-3); }
.pg-close__inner .eyebrow { justify-content: center; }
.pg-close__actions { display: flex; min-width: 0; flex-wrap: wrap; justify-content: center; gap: var(--space-3); margin-top: var(--space-2); }

@media (max-width: 67.5rem) {
  .pg-hero__layout { grid-template-columns: 1fr; gap: var(--space-6); }
  .pg-hero__copy { grid-row: 2; max-width: 32.5rem; }
  .pg-hero__media { grid-row: 1; width: 100%; min-height: 26rem; }
  .pg-hero__media img { min-height: 26rem; }
}
@media (max-width: 63.9375rem) {
  .pg-flow__panel, .pg-holdem__layout, .pg-etiquette__layout, .pg-dining__top, .pg-ready__layout { grid-template-columns: 1fr; }
  .pg-flow__panel { gap: var(--space-6); }
  .pg-holdem__intro, .pg-ready__intro { max-width: 100%; }
  .pg-holdem__action { grid-column: 1; }
  .pg-etiquette__media img { aspect-ratio: 16 / 9; }
  .pg-dining__media { grid-row: 1; }
  .pg-dining__intro { grid-row: 2; max-width: 100%; }
}
@media (max-width: 60rem) {
  .pg-index__layout { grid-template-columns: 1fr; gap: var(--space-6); }
  .pg-index__intro { max-width: 100%; }
  .pg-index__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pg-formats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pg-formats__grid > article:last-child { grid-column: 1 / -1; }
}
@media (max-width: 56.25rem) {
  .pg-glossary__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 45rem) {
  .pg-hero { padding-top: 0; }
  .pg-hero__layout { width: 100%; gap: var(--space-6); }
  .pg-hero__media { min-height: 0; }
  .pg-hero__media img { min-height: 0; aspect-ratio: 16 / 10; object-position: 60% center; }
  .pg-hero__copy { width: min(100% - (var(--gutter) * 2), var(--container-max)); margin-inline: auto; }
  .pg-hero__route { grid-template-columns: 1fr; gap: var(--space-3); }
  .pg-hero__route-item { padding-top: var(--space-3); }
  .pg-index__grid, .pg-holdem__cards, .pg-formats__grid, .pg-dining__stories, .pg-glossary__grid { grid-template-columns: 1fr; }
  .pg-index__grid a { min-height: 0; padding: var(--space-4); }
  .pg-formats__grid > article:last-child { grid-column: auto; }
  .pg-flow__panel { padding: var(--space-5); }
  .pg-flow__record { grid-template-columns: 1fr; gap: var(--space-2); padding-top: var(--space-4); padding-left: 0; border-top: 1px solid var(--color-brass-400); border-left: 0; }
  .pg-holdem__cards article { padding: var(--space-5); border-top-color: var(--color-brass-400); }
  .pg-formats__note { flex-direction: column; align-items: flex-start; }
  .pg-formats__note .button { width: min(100%, 22.5rem); }
  .pg-etiquette__media img { aspect-ratio: 4 / 3; }
  .pg-etiquette__list article { grid-template-columns: 1fr; gap: var(--space-2); }
  .pg-dining { margin-inline: 0; }
  .pg-dining__stories { gap: var(--space-5); margin-top: var(--space-6); }
  .pg-glossary__grid details { padding: var(--space-4); border-top-color: var(--color-brass-400); }
  .pg-ready__list article { padding: var(--space-5) 0; }
}
@media (max-width: 38.75rem) {
  .pg-hero__actions, .pg-close__actions { width: min(100%, 22.5rem); flex-direction: column; align-items: stretch; }
  .pg-hero__actions .button, .pg-close__actions .button { width: 100%; }
  .pg-hero__text-link { align-self: center; }
}
@media (prefers-reduced-motion: reduce) {
  .pg-index__grid a:hover, .pg-index__grid a.is-active { transform: none; }
}