.poker-guide-page { background: var(--color-espresso); }
.poker-guide-page a:focus-visible { outline: 2px solid var(--color-aged-brass); outline-offset: 3px; }
.pg-hero { position: relative; min-height: 76vh; display: grid; overflow: hidden; isolation: isolate; background: var(--color-espresso); }
.pg-hero__image, .pg-hero__shade, .pg-hero__layout { grid-area: 1 / 1; }
.pg-hero__image { width: 100%; height: 76vh; max-width: none; object-fit: cover; object-position: 66% 58%; }
.pg-hero__shade { z-index: 1; background: linear-gradient(90deg, rgba(36,25,20,.92) 0%, rgba(36,25,20,.76) 40%, rgba(36,25,20,.18) 72%), linear-gradient(0deg, rgba(36,25,20,.58), transparent 58%); }
.pg-hero__layout { z-index: 2; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); align-items: end; padding-block: 72px; }
.pg-hero__copy { grid-column: 1 / span 5; min-width: 0; max-width: 46ch; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-5); }
.pg-hero__copy > * { min-width: 0; margin: 0; }
.pg-hero__copy .lead { max-width: 50ch; font-size: 1.125rem; }
.pg-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); min-width: 0; }
.pg-hero__actions > * { min-width: 0; }
.pg-plain-view__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-8); align-items: start; }
.pg-plain-view__content { grid-column: 1; grid-row: 1; min-width: 0; }
.pg-plain-view__media { grid-column: 2; grid-row: 1; min-width: 0; }
.pg-photo-frame { padding: var(--space-2); border: var(--border-brass); background: var(--color-walnut); }
.pg-photo-frame img { width: 100%; object-fit: cover; }
.pg-plain-view__media img { aspect-ratio: 4 / 5; }
.pg-plain-view__intro { max-width: 68ch; }
.pg-plain-view__units { display: flex; flex-direction: column; gap: var(--space-5); max-width: 48ch; }
.pg-plain-view__units > * { min-width: 0; }
.pg-detail-unit { padding-top: var(--space-5); border-top: var(--border-brass); }
.pg-detail-unit h3 span { color: var(--color-aged-brass); }
.pg-rankings { padding-top: var(--space-6); }
.pg-rankings__paper { padding: var(--space-8); border: var(--border-brass); }
.pg-rankings__orientation { max-width: 62ch; }
.pg-rankings__orientation .eyebrow { color: #74511f; }
.pg-ranking-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-7); margin: var(--space-7) 0; padding: 0; list-style: none; border-top: 1px solid rgba(33,23,19,.28); }
.pg-ranking-list > li { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: var(--space-4); min-width: 0; padding: var(--space-5) 0; border-bottom: 1px solid rgba(33,23,19,.22); }
.pg-ranking-list h3 { margin-bottom: var(--space-2); font-size: 1.7rem; }
.pg-ranking-list p { margin: 0; max-width: 30ch; }
.pg-card-art { width: 64px; height: 84px; display: flex; flex-direction: column; justify-content: space-between; padding: 7px; border: 1px solid currentColor; background: #fffaf0; color: var(--color-forest); font-family: var(--font-heading); font-size: 1.35rem; line-height: 1; box-shadow: inset 0 0 0 3px rgba(184,138,74,.14); }
.pg-card-art--red { color: var(--color-burgundy); }
.pg-card-art i { align-self: flex-end; font-style: normal; font-size: 1.55rem; }
.pg-rankings__note { max-width: 52ch; padding-top: var(--space-5); border-top: 1px solid rgba(184,138,74,.75); font-family: var(--font-heading); font-size: 1.35rem; font-style: italic; line-height: 1.25; }
.pg-rankings__note p { margin: 0; }
.pg-round__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(360px, 5fr); gap: var(--space-8); align-items: start; }
.pg-round__content { grid-column: 1; min-width: 0; }
.pg-round__diagram { grid-column: 2; min-width: 0; padding: var(--space-5); border: var(--border-brass); background: rgba(36,25,20,.3); }
.pg-round__diagram p { margin: var(--space-4) 0 0; color: var(--color-linen); font-size: var(--text-meta); }
.pg-flow-table { position: relative; min-height: 310px; border: 1px solid rgba(184,138,74,.85); border-radius: 48%; background: radial-gradient(ellipse at center, #285244 0 48%, #17352e 49% 64%, #34231c 65%); }
.pg-flow-table span { position: absolute; padding: var(--space-2); border: 1px solid rgba(184,138,74,.75); background: var(--color-espresso); color: var(--color-antique-cream); font-size: .72rem; font-weight: 700; letter-spacing: .08em; line-height: 1.2; text-align: center; text-transform: uppercase; }
.pg-flow-dealer { top: 10%; left: 50%; transform: translateX(-50%); }
.pg-flow-private { bottom: 10%; left: 50%; transform: translateX(-50%); }
.pg-flow-shared { top: 43%; left: 50%; transform: translate(-50%, -50%); background: var(--color-forest) !important; }
.pg-round__steps { display: flex; flex-direction: column; gap: var(--space-5); }
.pg-round__steps > * { min-width: 0; }
.pg-round__steps article { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: var(--space-4); padding-bottom: var(--space-5); border-bottom: var(--border-quiet); }
.pg-round__steps h3 { margin-bottom: var(--space-3); }
.pg-round__steps p { max-width: 44ch; margin: 0; }
.pg-step-number { color: var(--color-aged-brass); font-family: var(--font-heading); font-size: 2rem; font-weight: 600; line-height: 1; }
.pg-round__cue { max-width: 44ch; margin-top: var(--space-6); padding: var(--space-4); background: var(--color-burgundy); color: var(--color-antique-cream); }
.pg-round__cue a { color: var(--color-antique-cream); }
.pg-positions__intro { max-width: 64ch; }
.pg-position-diagram { position: relative; width: min(100%, 1020px); height: 410px; margin: var(--space-7) auto var(--space-5); border: var(--border-brass); background: var(--color-walnut); }
.pg-position-diagram__felt { position: absolute; inset: 70px 13%; display: grid; place-items: center; border: 2px solid rgba(184,138,74,.78); border-radius: 50%; background: var(--color-forest); color: var(--color-linen); font-family: var(--font-heading); font-size: 1.45rem; font-style: italic; line-height: 1.1; text-align: center; }
.pg-position-label { position: absolute; z-index: 1; padding: var(--space-2) var(--space-3); border: var(--border-brass); background: var(--color-espresso); color: var(--color-antique-cream); font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.pg-position-label--early { top: 16px; left: 12%; }
.pg-position-label--middle { top: 16px; right: 12%; }
.pg-position-label--late { bottom: 16px; left: 12%; }
.pg-position-label--dealer { right: 12%; bottom: 16px; background: var(--color-burgundy); }
.pg-position-legend { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4) var(--space-7); width: min(100%, 1020px); margin: 0 auto; }
.pg-position-legend > * { min-width: 0; margin: 0; padding-top: var(--space-3); border-top: var(--border-quiet); max-width: 38ch; }
.pg-position-legend strong { color: var(--color-aged-brass); }
.pg-positions__interpretation { max-width: 64ch; margin-top: var(--space-8); }
.pg-positions__interpretation > aside { max-width: 48ch; margin-top: var(--space-6); padding: var(--space-5); border: var(--border-brass); background: var(--color-walnut); }
.pg-positions__interpretation aside h3 { margin-bottom: var(--space-3); }
.pg-positions__interpretation aside p { margin: 0; }
.pg-etiquette { background: linear-gradient(180deg, #2a1d17, var(--color-espresso)); }
.pg-etiquette__heading { max-width: 58ch; }
.pg-etiquette__layout { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-8); align-items: start; margin-top: var(--space-7); }
.pg-etiquette__media { min-width: 0; margin: 0; }
.pg-etiquette__media img { aspect-ratio: 4 / 5; }
.pg-etiquette__principles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); min-width: 0; }
.pg-etiquette__principles > * { min-width: 0; padding-top: var(--space-4); border-top: var(--border-brass); }
.pg-etiquette__principles h3 { margin-bottom: var(--space-3); }
.pg-etiquette__principles p { max-width: 46ch; margin: 0; }
.pg-etiquette__principles article:nth-child(2) { padding: var(--space-5); border: 0; background: var(--color-burgundy); }
.pg-etiquette__callout { max-width: 48ch; margin: var(--space-6) 0 0 auto; padding: var(--space-5); border: var(--border-brass); }
.pg-etiquette__callout h3 { margin-bottom: var(--space-3); }
.pg-etiquette__callout p { margin: 0; }
.pg-glossary__paper { width: min(100%, 1030px); margin-inline: auto; padding: var(--space-8); border: var(--border-brass); }
.pg-glossary__intro { max-width: 60ch; }
.pg-glossary__intro .eyebrow { color: #74511f; }
.pg-glossary__groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-7); margin-top: var(--space-7); }
.pg-glossary__groups > * { min-width: 0; }
.pg-glossary__groups section + section { padding-left: var(--space-7); border-left: 1px solid rgba(33,23,19,.25); }
.pg-glossary__groups h3 { margin-bottom: var(--space-4); }
.pg-glossary__groups dl { margin: 0; }
.pg-glossary__groups dl > div { padding: var(--space-3) 0; border-top: 1px solid rgba(33,23,19,.18); }
.pg-glossary__groups dt { font-family: var(--font-heading); font-size: 1.45rem; font-weight: 600; line-height: 1.1; }
.pg-glossary__groups dd { max-width: 28ch; margin: var(--space-1) 0 0; }
.pg-glossary__note { max-width: 50ch; margin: var(--space-7) 0 0; padding-top: var(--space-5); border-top: 1px solid rgba(184,138,74,.85); font-family: var(--font-heading); font-size: 1.35rem; font-style: italic; line-height: 1.25; }
.pg-social__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-8); align-items: start; }
.pg-social__media { min-width: 0; }
.pg-social__media img { aspect-ratio: 4 / 5; }
.pg-social__content { min-width: 0; max-width: 60ch; }
.pg-social__lead { max-width: 60ch; }
.pg-social__content h3 { margin-top: var(--space-6); }
.pg-social__links { display: flex; flex-wrap: wrap; gap: var(--space-5); min-width: 0; }
.pg-social__links > * { min-width: 0; }
.pg-checklist { background: var(--color-walnut); }
.pg-checklist__heading { max-width: 56ch; }
.pg-checklist__paper { width: min(100%, 830px); margin: var(--space-7) auto 0; padding: var(--space-7); border: var(--border-brass); }
.pg-checklist__paper ol { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; }
.pg-checklist__paper li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: var(--space-4); min-width: 0; padding: var(--space-5) 0; border-top: 1px solid rgba(33,23,19,.22); }
.pg-checklist__paper li > * { min-width: 0; }
.pg-checklist__paper li > span { color: var(--color-burgundy); font-family: var(--font-heading); font-size: 2rem; font-weight: 600; line-height: 1; }
.pg-checklist__paper h3 { margin-bottom: var(--space-2); }
.pg-checklist__paper p { max-width: 50ch; margin: 0; }
.pg-checklist__note { width: min(100%, 830px); margin: var(--space-5) auto 0; padding: var(--space-5); border: var(--border-quiet); background: var(--color-walnut); }
.pg-checklist__note h3 { margin-bottom: var(--space-3); }
.pg-checklist__note p { max-width: 52ch; margin: 0; }
.pg-continue__inner { width: min(100%, 1030px); }
.pg-continue__intro { max-width: 58ch; margin-inline: auto; text-align: center; }
.pg-continue__intro .eyebrow { justify-content: center; }
.pg-continue__intro .lead { margin-bottom: 0; }
.pg-continue__links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: var(--space-7); border-top: var(--border-brass); border-bottom: var(--border-brass); }
.pg-continue__links > * { min-width: 0; }
.pg-continue__links a { display: flex; flex-direction: column; gap: var(--space-3); min-height: 100%; padding: var(--space-5); text-decoration: none; transition: background-color var(--transition-base), transform var(--transition-base), border-color var(--transition-base); }
.pg-continue__links a + a { border-left: var(--border-brass); }
.pg-continue__links a:hover { background: var(--color-burgundy-deep); color: var(--color-antique-cream); transform: translateY(-2px); }
.pg-continue__links h3, .pg-continue__links p { margin: 0; }
.pg-continue__links p { max-width: 32ch; color: var(--color-linen); }
.pg-continue__dining { max-width: 48ch; margin: var(--space-5) 0 0; color: var(--color-linen); }
.pg-closing { padding-block: var(--space-10); }
.pg-closing__content { max-width: 50ch; margin-inline: auto; display: flex; flex-direction: column; align-items: center; gap: var(--space-5); padding-top: var(--space-5); border-top: var(--border-brass); text-align: center; }
.pg-closing__content > * { min-width: 0; margin: 0; }
.pg-closing__content p { max-width: 50ch; }
@media (max-width: 70rem) { .pg-hero__copy { grid-column: 1 / span 6; } }
@media (max-width: 69.9375rem) { .pg-hero__shade { background: linear-gradient(0deg, rgba(36,25,20,.96) 0%, rgba(36,25,20,.85) 35%, rgba(36,25,20,.12) 76%); } .pg-hero__copy { grid-column: 1 / -1; max-width: 50ch; padding: var(--space-6); background: var(--color-smoked-glass); border: var(--border-brass); } }
@media (max-width: 67.5rem) { .pg-etiquette__layout { grid-template-columns: 1fr; gap: var(--space-6); } .pg-etiquette__media { width: 100%; } .pg-etiquette__media img { aspect-ratio: 4 / 3; } .pg-etiquette__principles { grid-template-columns: repeat(2, minmax(0, 1fr)); } .pg-etiquette__callout { margin-left: 0; } }
@media (max-width: 64rem) { .pg-plain-view__grid, .pg-social__grid { grid-template-columns: 1fr; gap: var(--space-6); } .pg-plain-view__media, .pg-social__media { grid-column: 1; grid-row: 1; width: 100%; } .pg-plain-view__content, .pg-social__content { grid-column: 1; grid-row: 2; max-width: none; } .pg-plain-view__media img, .pg-social__media img { aspect-ratio: 4 / 3; } .pg-round__grid { grid-template-columns: 1fr; gap: var(--space-6); } .pg-round__diagram { grid-column: 1; grid-row: 1; } .pg-round__content { grid-column: 1; grid-row: 2; } }
@media (max-width: 61.25rem) { .pg-ranking-list { grid-template-columns: 1fr; gap: 0; } .pg-continue__links { grid-template-columns: 1fr; } .pg-continue__links a + a { border-left: 0; border-top: var(--border-brass); } .pg-continue__links p { max-width: 50ch; } }
@media (max-width: 56.25rem) { .pg-position-diagram { height: 360px; } .pg-position-legend { grid-template-columns: 1fr; gap: var(--space-3); } .pg-position-legend > * { max-width: 100%; } }
@media (max-width: 55rem) { .pg-glossary__groups { grid-template-columns: 1fr; gap: var(--space-6); } .pg-glossary__groups section + section { padding-left: 0; border-left: 0; } .pg-glossary__groups dd { max-width: 50ch; } }
@media (max-width: 47.5rem) { .pg-hero { min-height: 64vh; } .pg-hero__image { height: 68vh; object-position: 68% 62%; } .pg-hero__layout { grid-template-columns: 1fr; align-items: end; padding-block: var(--space-5); } .pg-hero__copy { grid-column: 1; width: 100%; max-width: none; padding: var(--space-5); gap: var(--space-4); } .pg-hero__copy h1 { font-size: 2.25rem; } .pg-hero__copy .lead { font-size: 1.0625rem; } .pg-hero__actions { width: 100%; flex-direction: column; } .pg-hero__actions .button { width: 100%; } .pg-rankings__paper, .pg-glossary__paper { padding: var(--space-5); } .pg-ranking-list > li { grid-template-columns: 72px minmax(0, 1fr); gap: var(--space-3); padding: var(--space-4) 0; } .pg-card-art { width: 64px; height: 80px; } .pg-flow-table { min-height: 270px; } .pg-position-diagram { height: 310px; margin-top: var(--space-6); } .pg-position-diagram__felt { inset: 75px 10%; font-size: 1.15rem; } .pg-position-label { font-size: .65rem; letter-spacing: .06em; } .pg-position-label--early { left: 4%; } .pg-position-label--middle { right: 4%; } .pg-position-label--late { left: 4%; } .pg-position-label--dealer { right: 4%; } .pg-etiquette__principles { grid-template-columns: 1fr; gap: var(--space-5); } .pg-etiquette__principles article:nth-child(2) { padding: var(--space-5); } .pg-checklist__paper { padding: var(--space-5); } .pg-checklist__paper li { grid-template-columns: 36px minmax(0, 1fr); gap: var(--space-3); padding: var(--space-4) 0; } .pg-checklist__paper li > span { font-size: 1.65rem; } .pg-continue__links a { padding: var(--space-5) 0; } .pg-continue__dining { margin-top: var(--space-5); } .pg-closing { padding-block: var(--space-8); } }
@media (prefers-reduced-motion: reduce) { .pg-continue__links a:hover { transform: none; } }