.zaklady-pokeru-page {
  --zp-gap: var(--space-6);
  --zp-card-gap: var(--space-4);
}

.zaklady-pokeru-page [id] { scroll-margin-top: 7rem; }
.zp-hero { padding-block: clamp(3.5rem, 7vw, 6rem); }
.zp-hero__grid, .zp-practice__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); align-items: start; }
.zp-hero__content { grid-column: span 6; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.zp-hero__content > * { min-width: 0; margin: 0; }
.zp-hero__content h1 { max-width: 35rem; font-size: clamp(2.625rem, 5vw, 4rem); }
.zp-hero__content .lead { max-width: 35rem; }
.zp-hero__content > p:not(.lead) { max-width: 36rem; }
.zp-hero__actions { width: 100%; }
.zp-hero__media { grid-column: span 6; width: 100%; min-width: 0; margin: 0; position: relative; }
.zp-hero__media::after { content: ""; position: absolute; inset: 0; background: rgb(8 42 37 / 16%); pointer-events: none; }
.zp-hero__media img { object-position: 68% 50%; }
.zp-hero__media figcaption { position: relative; z-index: 1; color: var(--color-white-000); padding: var(--space-2) var(--space-3); background: var(--color-emerald-950); margin: 0; }
.zp-hero__note { width: 100%; border: 1px solid var(--color-line-dark); background: var(--color-emerald-900); padding: var(--space-4); border-radius: var(--radius-md); }
.zp-hero__note h2 { font-size: var(--font-size-18); margin-bottom: var(--space-2); }
.zp-hero__note ol { margin: 0; display: grid; gap: var(--space-2); }

.zp-section-head { min-width: 0; }
.zp-section-head--seven { max-width: 44rem; }
.zp-section-head--six { max-width: 38rem; }
.zp-section-head .lead { max-width: 37rem; }
.zp-card-layout { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-8); }
.zp-card-layout__diagram { grid-column: span 6; min-width: 0; }
.zp-card-layout__stack { grid-column: span 6; min-width: 0; display: flex; flex-direction: column; gap: var(--space-6); }
.zp-card-layout__stack > * { min-width: 0; width: 100%; }
.zp-card-groups { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: var(--space-3); align-items: center; margin-top: var(--space-6); }
.zp-card-group { min-width: 0; padding: var(--space-4); border: 1px solid var(--color-line-light); border-radius: var(--radius-sm); display: flex; flex-direction: column; gap: var(--space-1); }
.zp-card-group strong { color: var(--color-emerald-900); }
.zp-card-group span, .zp-diagram-legend { font-size: var(--font-size-14); color: var(--color-ink-600); }
.zp-card-arrow { color: var(--color-emerald-700); font-size: var(--font-size-24); font-weight: 700; }
.zp-diagram-legend { margin-top: var(--space-4); margin-bottom: 0; }
.zp-decision-card { border-left: 4px solid var(--color-amber-500); }
.zp-amber-word { color: var(--color-amber-700); }

.zp-rankings .zp-section-head { margin-bottom: var(--space-8); }
.zp-ranking-legend { max-width: 42rem; font-size: var(--font-size-14); color: var(--color-ink-600); }
.zp-ranking-list { width: min(100%, 66rem); margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--color-line-light); }
.zp-ranking-list li { display: grid; grid-template-columns: minmax(3rem, 1fr) minmax(11rem, 3fr) minmax(11rem, 5fr) minmax(11rem, 3fr); gap: var(--space-4); align-items: center; padding: var(--space-4) 0; border-bottom: 1px solid var(--color-line-light); min-width: 0; }
.zp-ranking-list li > * { min-width: 0; }
.zp-ranking-number { color: var(--color-emerald-700); font-family: var(--font-heading); font-size: var(--font-size-24); font-weight: 700; }
.zp-ranking-list h3 { font-size: var(--font-size-18); margin: 0; }
.zp-ranking-list p { margin: 0; }
.zp-ranking-example { color: var(--color-ink-600); font-size: var(--font-size-14); line-height: var(--line-height-small); }
.zp-ranking-list__royal { border-left: 4px solid var(--color-amber-500); padding-left: var(--space-3) !important; }
.zp-ranking-list__royal .zp-ranking-number { color: var(--color-amber-700); }
.zp-text-alternative { width: min(100%, 50rem); margin-top: var(--space-6); border: 1px solid var(--color-line-light); border-radius: var(--radius-md); background: var(--color-white-000); padding: var(--space-4); }
.zp-text-alternative summary { cursor: pointer; font-weight: 700; color: var(--color-emerald-900); }
.zp-text-alternative > div { margin-top: var(--space-4); }
.zp-text-alternative > div > :last-child { margin-bottom: 0; }

.zp-holdem__top { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); align-items: start; }
.zp-holdem__top .zp-section-head { grid-column: span 5; }
.zp-timeline { grid-column: span 7; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.zp-timeline li { min-width: 0; border: 1px solid var(--color-line-dark); background: var(--color-white-000); color: var(--color-ink-950); padding: var(--space-4); display: flex; flex-direction: column; gap: var(--space-2); }
.zp-timeline li > * { margin: 0; }
.zp-timeline span { display: inline-grid; width: 2.25rem; height: 2.25rem; place-items: center; background: var(--color-amber-500); color: var(--color-ink-950); font-weight: 700; border-radius: var(--radius-sm); }
.zp-timeline h3 { font-size: var(--font-size-18); }
.zp-holdem__bottom { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-8); }
.zp-memory-box { grid-column: 2 / span 5; min-width: 0; border: 1px solid var(--color-line-dark); background: var(--color-emerald-900); padding: var(--space-6); border-radius: var(--radius-lg); }
.zp-memory-box > :last-child, .zp-observation-note > :last-child { margin-bottom: 0; }
.zp-observation-note { grid-column: span 5; min-width: 0; border-left: 4px solid var(--color-amber-500); padding: var(--space-4) 0 var(--space-4) var(--space-4); }
.zp-observation-note h3 { font-size: var(--font-size-24); }

.zp-omaha__intro { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); align-items: start; }
.zp-omaha__intro .zp-section-head { grid-column: span 6; }
.zp-omaha-rule { grid-column: span 6; min-width: 0; border-color: var(--color-line-dark); background: var(--color-emerald-900); color: var(--color-white-000); display: flex; flex-direction: column; gap: var(--space-4); }
.zp-omaha-rule > * { margin: 0; min-width: 0; }
.zp-omaha-rule h3 { font-size: var(--font-size-32); }
.zp-omaha-count { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.zp-omaha-count > div { min-width: 0; border: 1px solid var(--color-line-dark); padding: var(--space-3); display: flex; flex-direction: column; gap: var(--space-1); }
.zp-omaha-count strong { color: var(--color-amber-500); font-size: var(--font-size-18); }
.zp-comparison { width: min(100%, 66rem); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: var(--space-8); border: 1px solid var(--color-line-light); background: var(--color-line-light); }
.zp-comparison > div { min-width: 0; background: var(--color-white-000); padding: var(--space-6); }
.zp-comparison h3 { font-size: var(--font-size-24); }
.zp-comparison p { margin-bottom: 0; }
.zp-omaha-tip { width: min(100%, 66rem); display: grid; grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1.6fr); align-items: start; gap: var(--space-3); margin-top: var(--space-6); }
.zp-omaha-tip span { display: grid; place-items: center; width: 2rem; height: 2rem; background: var(--color-amber-500); color: var(--color-ink-950); font-weight: 700; border-radius: var(--radius-sm); }
.zp-omaha-tip p { margin: 0; }

.zp-positions__top { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); align-items: start; }
.zp-positions__top .zp-section-head { grid-column: span 5; }
.zp-table-diagram { grid-column: span 7; min-width: 0; min-height: 23rem; position: relative; margin: 0; border: 1px solid var(--color-line-light); background: var(--color-white-000); overflow: hidden; }
.zp-table-diagram__oval { position: absolute; inset: 22% 12% 24%; display: grid; place-items: center; border: 2px solid var(--color-emerald-700); border-radius: 50%; color: var(--color-emerald-900); font-family: var(--font-heading); font-weight: 700; }
.zp-seat { position: absolute; padding: var(--space-2) var(--space-3); border: 1px solid var(--color-line-light); background: var(--color-white-050); color: var(--color-ink-950); font-size: var(--font-size-14); font-weight: 700; border-radius: var(--radius-sm); }
.zp-seat--one { top: 8%; left: 43%; }.zp-seat--two { top: 27%; right: 4%; }.zp-seat--three { bottom: 26%; right: 4%; }.zp-seat--four { bottom: 7%; left: 43%; }.zp-seat--five { bottom: 26%; left: 4%; }.zp-seat--six { top: 27%; left: 4%; }
.zp-table-diagram figcaption { position: absolute; left: var(--space-4); right: var(--space-4); bottom: var(--space-3); margin: 0; }
.zp-position-cards { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-8); }
.zp-position-cards > article { grid-column: span 5; min-width: 0; }
.zp-position-cards > article:nth-child(2) { grid-column: 7 / span 5; }

.zp-fairplay-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-8); }
.zp-fairplay-grid > article { min-width: 0; }
.zp-fairplay-grid h3 { font-size: var(--font-size-24); }
.zp-question-highlight { color: var(--color-amber-700); font-family: var(--font-heading); font-weight: 700; }
.zp-fairplay-summary { margin-top: var(--space-8); margin-bottom: 0; padding: var(--space-6); border-left: 0; background: var(--color-emerald-950); color: var(--color-white-000); }

.zp-practice__content { grid-column: span 6; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-6); }
.zp-practice__content > * { min-width: 0; margin: 0; }
.zp-practice__content > article { width: 100%; padding-bottom: var(--space-6); border-bottom: 1px solid var(--color-line-light); }
.zp-practice__content > article:last-child { padding-bottom: 0; border-bottom: 0; }
.zp-practice__content article h3 { font-size: var(--font-size-24); }
.zp-practice__content article p { max-width: 32rem; }
.zp-practice__media { grid-column: span 6; width: 100%; min-width: 0; margin: 0; align-self: stretch; }
.zp-practice__media img { object-position: 52% 42%; }

.zp-cheatsheet-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-8); }
.zp-cheatsheet-grid article { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-3); padding-top: var(--space-4); border-top: 1px solid var(--color-line-light); }
.zp-cheatsheet-grid article:nth-child(1) { grid-column: span 5; }.zp-cheatsheet-grid article:nth-child(2) { grid-column: 6 / span 4; }.zp-cheatsheet-grid article:nth-child(3) { grid-column: 3 / span 4; }.zp-cheatsheet-grid article:nth-child(4) { grid-column: 7 / span 5; }
.zp-cheatsheet-grid article > span { color: var(--color-amber-700); font-family: var(--font-heading); font-size: var(--font-size-32); font-weight: 700; line-height: 1; }
.zp-cheatsheet-grid h3 { font-size: var(--font-size-24); }
.zp-cheatsheet-grid p { margin-bottom: var(--space-3); }

.zp-next { padding-top: 0; }
.zp-next__panel { width: 100%; padding: clamp(var(--space-6), 6vw, var(--space-12)); border: 1px solid var(--color-line-dark); background: var(--color-emerald-900); display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.zp-next__panel > * { margin: 0; min-width: 0; }
.zp-next__panel h2 { max-width: 29rem; }
.zp-next__panel > p:not(.zp-next__age) { max-width: 35rem; }
.zp-next__age { color: var(--color-white-000); font-size: var(--font-size-14); line-height: var(--line-height-small); }

@media (max-width: 1100px) {
  .zp-hero__content { grid-column: span 7; }.zp-hero__media { grid-column: span 5; align-self: center; }
  .zp-timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .zp-hero__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); }.zp-hero__content { grid-column: span 7; }.zp-hero__media { grid-column: span 5; }
  .zp-card-layout__diagram { grid-column: span 12; }.zp-card-layout__stack { grid-column: span 12; flex-direction: row; }.zp-card-layout__stack > article { flex: 1 1 0; }
  .zp-holdem__top .zp-section-head, .zp-timeline, .zp-omaha__intro .zp-section-head, .zp-omaha-rule, .zp-positions__top .zp-section-head, .zp-table-diagram { grid-column: span 12; }
  .zp-timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zp-memory-box { grid-column: span 6; }.zp-observation-note { grid-column: span 6; }
  .zp-position-cards > article, .zp-position-cards > article:nth-child(2) { grid-column: span 6; }
  .zp-fairplay-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .zp-practice__content { grid-column: span 7; }.zp-practice__media { grid-column: span 5; }
  .zp-cheatsheet-grid article:nth-child(1), .zp-cheatsheet-grid article:nth-child(2), .zp-cheatsheet-grid article:nth-child(3), .zp-cheatsheet-grid article:nth-child(4) { grid-column: span 6; }
}

@media (max-width: 767px) {
  .zaklady-pokeru-page { --zp-gap: var(--space-4); }
  .zp-hero { padding-block: var(--space-16); }
  .zp-hero__grid, .zp-practice__grid, .zp-card-layout, .zp-holdem__top, .zp-holdem__bottom, .zp-omaha__intro, .zp-positions__top { grid-template-columns: 1fr; gap: var(--space-6); }
  .zp-hero__content, .zp-hero__media, .zp-card-layout__diagram, .zp-card-layout__stack, .zp-holdem__top .zp-section-head, .zp-timeline, .zp-memory-box, .zp-observation-note, .zp-omaha__intro .zp-section-head, .zp-omaha-rule, .zp-positions__top .zp-section-head, .zp-table-diagram, .zp-practice__content, .zp-practice__media { grid-column: 1; }
  .zp-hero__content h1 { max-width: none; }.zp-hero__content .lead, .zp-hero__content > p:not(.lead) { max-width: none; }
  .zp-hero__media { order: 2; }.zp-hero__content { order: 1; }
  .zp-card-layout__stack { gap: var(--space-4); }
  .zp-card-groups { grid-template-columns: 1fr; }.zp-card-arrow { transform: rotate(90deg); justify-self: center; }
  .zp-ranking-list li { grid-template-columns: auto minmax(0, 1fr); gap: var(--space-2) var(--space-3); align-items: start; }.zp-ranking-list li > div { grid-column: 2; }.zp-ranking-example { grid-column: 2; }
  .zp-timeline { grid-template-columns: 1fr; }.zp-timeline li { grid-template-columns: 2.25rem minmax(0, 1fr); display: grid; }.zp-timeline li span { grid-row: span 2; }.zp-timeline li h3, .zp-timeline li p { grid-column: 2; }
  .zp-memory-box, .zp-observation-note { padding: var(--space-4); }.zp-observation-note { border-top: 4px solid var(--color-amber-500); border-left: 0; padding-left: 0; }
  .zp-omaha-count, .zp-comparison { grid-template-columns: 1fr; }.zp-comparison { margin-top: var(--space-6); }
  .zp-omaha-tip { grid-template-columns: auto minmax(0, 1fr); width: 100%; }.zp-omaha-tip span { grid-column: 1; }.zp-omaha-tip p { grid-column: 2; }
  .zp-table-diagram { min-height: 21rem; }.zp-table-diagram__oval { inset: 28% 15% 28%; font-size: var(--font-size-12); }.zp-seat { font-size: var(--font-size-12); padding: var(--space-1) var(--space-2); }.zp-seat--one { top: 7%; left: 39%; }.zp-seat--two { top: 21%; right: 2%; }.zp-seat--three { bottom: 27%; right: 2%; }.zp-seat--four { bottom: 11%; left: 39%; }.zp-seat--five { bottom: 27%; left: 2%; }.zp-seat--six { top: 21%; left: 2%; }.zp-table-diagram figcaption { position: absolute; font-size: var(--font-size-12); left: var(--space-3); right: var(--space-3); }
  .zp-position-cards { grid-template-columns: 1fr; gap: var(--space-4); margin-top: var(--space-6); }.zp-position-cards > article, .zp-position-cards > article:nth-child(2) { grid-column: 1; }
  .zp-fairplay-grid { grid-template-columns: 1fr; gap: var(--space-4); margin-top: var(--space-6); }.zp-fairplay-summary { margin-top: var(--space-6); padding: var(--space-4); }
  .zp-practice__content { gap: var(--space-4); }.zp-practice__media { order: -1; }.zp-practice__content article p { max-width: none; }
  .zp-cheatsheet-grid { grid-template-columns: 1fr; gap: var(--space-4); margin-top: var(--space-6); }.zp-cheatsheet-grid article:nth-child(1), .zp-cheatsheet-grid article:nth-child(2), .zp-cheatsheet-grid article:nth-child(3), .zp-cheatsheet-grid article:nth-child(4) { grid-column: 1; }
  .zp-next__panel { padding: var(--space-6); }.zp-next__panel .button-group { width: 100%; }.zp-next__panel .button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) { .zp-card-arrow { transform: none; } }