.prb-page { overflow: hidden; }
.prb-page .section { border-top: var(--border-line); }
.prb-page .prb-hero { border-top: 0; }
.prb-hero__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(390px, 5fr); gap: 20px; align-items: end; }
.prb-hero__copy, .prb-hero__media, .prb-game__copy, .prb-game__media, .prb-principle, .prb-context__cards > article, .prb-blackjack-moments > article, .prb-fit__panel { min-width: 0; width: 100%; }
.prb-hero__copy { max-width: 620px; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.prb-hero__copy > * { margin: 0; }
.prb-hero__copy h1 { max-width: 560px; }
.prb-hero__copy .lead { max-width: 520px; }
.prb-hero__media { margin: 0; align-self: end; }
.prb-hero__media img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; object-position: 45% 52%; transition: object-position var(--transition-standard); }
.prb-hero__media:hover img { object-position: 49% 52%; }
.prb-hero__media figcaption { padding: var(--space-2) var(--space-3); margin: 0; }
.prb-hero__action { display: flex; min-width: 0; width: 100%; }
.prb-boundary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; border-top: var(--border-line); border-bottom: var(--border-line); }
.prb-boundary > div { min-width: 0; padding: var(--space-3); border-right: var(--border-line); }
.prb-boundary > div:last-child { border-right: 0; }
.prb-boundary span { display: block; margin-bottom: var(--space-2); color: var(--color-acid); font-size: var(--text-label); font-weight: 700; letter-spacing: .14em; line-height: 1.1; }
.prb-boundary p { margin: 0; color: var(--color-muted); font-size: .75rem; line-height: 1.35; }
.prb-section-intro { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.prb-section-intro > * { margin: 0; }
.prb-section-intro--compact { max-width: 620px; margin-bottom: var(--space-7); }
.prb-principles { background: var(--color-ink-raised); }
.prb-principles__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.prb-principle { padding: var(--space-5); border-top: var(--border-acid); border-right: var(--border-line); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.prb-principle:last-child { border-right: 0; }
.prb-principle > * { margin: 0; }
.prb-number { color: var(--color-acid); font-family: var(--font-heading); font-size: 1.5rem; font-weight: 700; line-height: 1; letter-spacing: -.04em; }
.prb-game__grid { display: grid; gap: 20px; align-items: start; }
.prb-game__grid--poker { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.prb-game__grid--roulette { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; }
.prb-game__grid--blackjack { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.prb-game__copy { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); max-width: 500px; }
.prb-game__copy > * { margin: 0; }
.prb-game__grid--poker .prb-game__copy { max-width: 460px; }
.prb-game__grid--blackjack .prb-game__copy { max-width: 470px; }
.prb-game__media { margin: 0; }
.prb-game__media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 50%; }
.prb-game__grid--poker .prb-game__media img { aspect-ratio: 3 / 2; object-position: 45% 52%; }
.prb-game__media figcaption { padding: var(--space-2) var(--space-3); margin: 0; }
.prb-poker-actions { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-3); width: 100%; max-width: 420px; }
.prb-poker-actions > div { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: var(--space-3); padding-top: var(--space-3); border-top: var(--border-line); min-width: 0; }
.prb-poker-actions span { color: var(--color-acid); font-size: var(--text-label); font-weight: 700; letter-spacing: .14em; line-height: 1.2; }
.prb-poker-actions p { margin: 0; }
.prb-callout { width: 100%; max-width: 460px; padding: var(--space-4); border: var(--border-line); border-top-color: var(--color-acid); background: var(--color-ink-raised); }
.prb-phases { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); width: 100%; max-width: 500px; }
.prb-phases > div { min-width: 0; padding-top: var(--space-3); border-top: var(--border-line); }
.prb-phases p { margin: 0; }
.prb-phases .technical-label { margin-bottom: var(--space-2); }
.prb-rule { width: 100%; max-width: 500px; padding: var(--space-3) 0; border-bottom: var(--border-acid); color: var(--color-muted); font-size: .9375rem; }
.prb-blackjack-moments { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: var(--space-5); }
.prb-blackjack-moments > article { padding: var(--space-5); border-top: var(--border-line); background: var(--color-ink-raised); transition: border-color var(--transition-fast); }
.prb-blackjack-moments > article:hover { border-top-color: var(--color-acid); }
.prb-blackjack-moments > article > *:last-child { margin-bottom: 0; }
.prb-game__grid--blackjack blockquote { grid-column: 1 / -1; max-width: 720px; margin: var(--space-3) 0 0; }
.prb-context { background: var(--color-ink-raised); }
.prb-context__intro { max-width: 600px; margin-bottom: var(--space-7); }
.prb-underlined { border-bottom: 3px solid var(--color-yellow); }
.prb-context__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.prb-context__cards > article { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); min-height: 100%; padding: var(--space-5); border: var(--border-line); background: var(--color-ink); }
.prb-context__cards > article > * { margin: 0; }
.prb-context__cards .text-link { margin-top: auto; }
.prb-flow__intro, .prb-faq__intro { max-width: 520px; margin-bottom: var(--space-6); }
.prb-accordion { display: flex; flex-direction: column; align-items: stretch; gap: 0; width: min(100%, 820px); }
.prb-accordion__item { width: 100%; min-width: 0; border-top: var(--border-line); }
.prb-accordion__item:last-child { border-bottom: var(--border-line); }
.prb-accordion__item h3 { margin: 0; }
.prb-accordion__item button { display: grid; grid-template-columns: 54px minmax(0, 1fr) 28px; gap: var(--space-3); align-items: center; width: 100%; min-height: 56px; padding: var(--space-4) 0; border: 0; background: transparent; color: var(--color-ivory); font-family: var(--font-heading); font-size: clamp(1.125rem, 2vw, 1.5rem); font-weight: 700; line-height: 1.1; letter-spacing: -.025em; text-align: left; }
.prb-accordion__item button:hover { color: var(--color-acid); }
.prb-accordion__number { color: var(--color-acid); font-size: var(--text-meta); font-family: var(--font-body); font-weight: 700; letter-spacing: .08em; }
.prb-accordion__icon { justify-self: end; color: var(--color-yellow); font-family: var(--font-body); font-weight: 400; }
.prb-accordion__panel { max-width: 680px; padding: 0 0 var(--space-5) 54px; }
.prb-accordion__panel p { margin: 0; }
.prb-fit__intro { max-width: 600px; margin-bottom: var(--space-6); }
.prb-fit__panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.prb-fit__panel { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); padding: var(--space-5); border: var(--border-line); background: var(--color-ink-raised); }
.prb-fit__panel > * { margin: 0; }
.prb-fit__panel--yes { border-top-color: var(--color-yellow); }
.prb-fit__panel--know { border-top-color: var(--color-acid); }
.prb-fit__panel ul { display: flex; flex-direction: column; align-items: stretch; gap: var(--space-3); width: 100%; }
.prb-fit__panel li { padding-bottom: var(--space-3); border-bottom: var(--border-line); }
.prb-fit__panel li:last-child { padding-bottom: 0; border-bottom: 0; }
.prb-faq { padding-bottom: var(--space-9); }
.prb-accordion--faq { width: min(100%, 820px); }
@media (max-width: 999px) { .prb-hero__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .prb-hero__copy { max-width: 620px; } .prb-hero__media { max-width: none; } .prb-hero__media img { aspect-ratio: 3 / 2; } .prb-game__grid--poker, .prb-game__grid--blackjack { grid-template-columns: minmax(0, 1fr); } .prb-game__grid--poker .prb-game__media { order: 1; } .prb-game__grid--poker .prb-game__copy { order: 2; max-width: 620px; } .prb-game__grid--blackjack .prb-game__media { order: 1; } .prb-game__grid--blackjack .prb-game__copy { order: 2; max-width: 620px; } .prb-blackjack-moments { grid-template-columns: repeat(2, minmax(0, 1fr)); } .prb-blackjack-moments > article:last-child { grid-column: 1 / -1; } }
@media (max-width: 849px) { .prb-principles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .prb-principle:nth-child(2) { border-right: 0; } .prb-principle:nth-child(3) { grid-column: 1 / -1; border-right: 0; } .prb-context__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .prb-context__cards > article:last-child { grid-column: 1 / -1; } }
@media (max-width: 759px) { .prb-game__grid--roulette { grid-template-columns: minmax(0, 1fr); gap: var(--space-5); } .prb-game__grid--roulette .prb-game__media { order: 1; } .prb-game__grid--roulette .prb-game__copy { order: 2; max-width: 620px; } .prb-fit__panels { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 699px) { .prb-hero__grid { gap: var(--space-5); } .prb-hero__copy { gap: var(--space-4); } .prb-hero__copy h1 { font-size: clamp(2.5rem, 12vw, 3.5rem); } .prb-hero__action { order: 5; } .prb-boundary { order: 4; grid-template-columns: minmax(0, 1fr); } .prb-boundary > div { padding: var(--space-3) 0; border-right: 0; border-bottom: var(--border-line); } .prb-boundary > div:last-child { border-bottom: 0; } .prb-hero__media img, .prb-game__grid--poker .prb-game__media img { aspect-ratio: 4 / 3; min-height: 250px; } .prb-principles__grid, .prb-context__cards, .prb-blackjack-moments { grid-template-columns: minmax(0, 1fr); } .prb-principle, .prb-principle:nth-child(2), .prb-principle:nth-child(3), .prb-context__cards > article:last-child, .prb-blackjack-moments > article:last-child { grid-column: auto; border-right: 0; } .prb-principle { padding: var(--space-5) 0; } .prb-game__copy { max-width: none; } .prb-poker-actions { max-width: none; } .prb-phases { grid-template-columns: minmax(0, 1fr); max-width: none; } .prb-blackjack-moments > article { padding: var(--space-5); } .prb-game__grid--blackjack blockquote { margin-top: 0; } .prb-accordion { width: 100%; } .prb-accordion__panel { padding-left: var(--space-4); } }
@media (max-width: 479px) { .prb-page .section { padding-block: var(--space-7); } .prb-hero__media figcaption, .prb-game__media figcaption { padding-inline: var(--space-2); } .prb-poker-actions > div { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); } .prb-context__cards > article, .prb-fit__panel, .prb-blackjack-moments > article { padding: var(--space-4); } .prb-accordion__item button { grid-template-columns: 36px minmax(0, 1fr) 20px; gap: var(--space-2); font-size: 1.125rem; } .prb-accordion__panel { padding-left: 0; } }
@media (prefers-reduced-motion: reduce) { .prb-hero__media img { transition: none; } .prb-hero__media:hover img { object-position: 45% 52%; } }