/* styles.css */
:root{color-scheme:light;--ink:#142a41;--muted:#53657a;--paper:#fff;--ground:#f3f6fb;--line:#dbe3ee;--accent:#185dc5;--soft:#eaf2ff;--red:#bd2940;--green:#116248;--gold:#946115;--radius:16px;font-size:100%}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ground);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;font-size:1rem;line-height:1.9;overflow-wrap:anywhere}button,input,select{font:inherit;color:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:var(--accent);text-underline-offset:3px}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #e3a62b;outline-offset:4px}button{line-height:1.5}h1,h2,h3,p{margin-top:0}h1{font-size:1.75rem;line-height:1.5;letter-spacing:.015em;margin-bottom:14px}h2{font-size:1.2rem;line-height:1.6;margin:32px 0 14px}h3{font-size:1.0625rem;line-height:1.6}p{margin-bottom:17px}small{font-size:.875rem}button svg,.nav-icon svg{width:22px;height:22px}svg{display:block;flex-shrink:0}.skip-link{position:fixed;top:-80px;left:12px;background:#fff;padding:8px 16px;z-index:100}.skip-link:focus{top:12px}
.site-header{background:var(--ink);color:#fff}.header-inner{max-width:1000px;margin:auto;padding:19px 28px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;font-weight:750;line-height:1.55;font-size:1.08rem}.brand small{display:block;color:#c8d5e6;font-weight:400;font-size:.75rem;letter-spacing:.03em;margin-top:2px}.brand-mark{font-size:2.125rem;line-height:1;color:#b7d1ff}.edition{font-size:.75rem;letter-spacing:.14em;color:#bdcde0;white-space:nowrap}
main{max-width:800px;margin:0 auto;padding:28px 28px 122px;min-height:80vh}main:focus{outline:none}.eyebrow{display:block;color:var(--accent);font-size:.8125rem;font-weight:800;letter-spacing:.13em;margin-bottom:10px}.topic-head>.eyebrow{color:#84672e}.lead{color:var(--muted);line-height:1.9}.topic-head{margin-bottom:22px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.toolbar label{font-size:.875rem;color:var(--muted);flex-shrink:0}.lesson-select{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 32px 10px 12px;width:100%;min-width:0;max-width:570px;min-height:46px;font-size:.9375rem}.lesson-count{font-size:.8125rem;white-space:nowrap;color:var(--muted)}
.reading{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.reading>:first-child{margin-top:0}.reading>:last-child{margin-bottom:0}.note{font-size:.875rem;line-height:1.8;color:var(--muted);border-left:3px solid #c4d4e9;padding:4px 0 4px 13px;margin:17px 0}.strong-text{font-weight:700}.callout{border-left:4px solid var(--accent);background:var(--soft);border-radius:0 12px 12px 0;padding:17px 19px;margin:20px 0}.callout b{display:block;margin-bottom:5px}.callout p:last-child{margin-bottom:0}.small-note{font-size:.875rem;color:var(--muted);margin-top:12px}.bullets{padding-left:1.25em;margin:14px 0 20px}.bullets li{padding-left:2px;margin-bottom:10px}.inline-card{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:750;white-space:nowrap}.red{color:var(--red)}.ref-link{font-size:.8125rem;text-decoration:none;white-space:nowrap}.subheading{padding-top:7px}.row-cards{display:grid;gap:12px;margin:14px 0 24px}.row-card{background:#f7f9fc;border:1px solid var(--line);border-radius:12px;padding:16px}.row-card h3{margin:0 0 10px}.row-card dl{margin:0}.row-card dl>div+div{margin-top:9px}.row-card dt{font-size:.875rem;color:var(--muted);line-height:1.6;margin-bottom:3px}.row-card dd{margin:0;white-space:pre-line;line-height:1.8}.equation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;font-weight:750;background:var(--soft);padding:20px 12px;border-radius:12px;margin:18px 0}.fraction{display:inline-flex;flex-direction:column;align-items:center;line-height:1.6;min-width:55px}.fraction span:first-child{border-bottom:1px solid var(--ink);padding:0 6px 5px;width:100%;text-align:center}.fraction span:last-child{padding:5px 6px 0}.pager{display:flex;gap:12px;justify-content:space-between;margin-top:24px}.button{border:1px solid var(--line);border-radius:12px;background:#fff;min-height:48px;padding:12px 17px;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;font-size:.9375rem}.button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.button.subtle{background:transparent}.pager .button{flex:1}.lesson-exercise{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:24px 0 0;padding:16px 18px;background:var(--ink);color:#fff;border-radius:14px;text-decoration:none;font-weight:650}.lesson-exercise span{font-size:.875rem;color:#c1d4ed;display:block;font-weight:400}
.overview-list{list-style:none;padding:0;margin:16px 0 24px;display:grid;gap:10px}.overview-list a{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:13px;padding:17px 18px;background:#fff;color:var(--ink);text-decoration:none;font-weight:700;line-height:1.7}.overview-list small{display:block;font-weight:400;color:var(--muted);margin-top:2px}.step-no{font-family:ui-monospace,monospace;color:var(--accent);font-size:1.1875rem;min-width:30px}.overview-list .arrow{margin-left:auto;color:var(--accent)}.checklist{counter-reset:step;list-style:none;padding:0;margin:0}.checklist li{counter-increment:step;display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.checklist li:last-child{border-bottom:0}.checklist li:before{content:counter(step);width:26px;height:26px;line-height:26px;background:var(--soft);color:var(--accent);border-radius:7px;flex-shrink:0;text-align:center;font-size:.875rem;font-weight:750;margin-top:3px}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;border-top:1px solid var(--line);background:rgba(255,255,255,.97);padding:8px max(8px,calc((100vw - 780px)/2)) calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));box-shadow:0 -4px 16px #13273e05}.bottom-nav a{color:var(--muted);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:51px;padding:7px 0 5px;border-radius:11px;line-height:1.35;font-size:.875rem;font-weight:650}.bottom-nav a[aria-current=page]{background:var(--soft);color:var(--accent)}
.segmented{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#e6ecf5;padding:5px;border-radius:13px;margin:20px 0}.segmented button{background:transparent;border:0;border-radius:9px;padding:12px 7px;min-height:48px;font-weight:750}.segmented button[aria-pressed=true]{background:#fff;color:var(--accent);box-shadow:0 2px 6px #18375e12}.range-stat{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.range-stat strong{font-size:1.5rem;letter-spacing:-.02em}.range-stat small{display:block;color:var(--muted)}.percent{font-size:2.0625rem;font-weight:800;color:var(--accent);line-height:1.3;white-space:nowrap}.percent span{font-size:1rem;font-weight:600}.rank-label{font-size:.875rem;color:var(--muted);margin-bottom:8px}.rank-buttons{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:20px}.rank-buttons button{min-height:44px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:1.05rem;font-weight:750}.rank-buttons button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.hand-groups{display:grid;gap:15px}.hand-group h3{font-size:.875rem;margin-bottom:8px;color:var(--muted)}.hand-chips{display:flex;flex-wrap:wrap;gap:7px}.hand-chip{min-width:54px;min-height:45px;border:1px solid #d4ddea;border-radius:8px;background:#f3f5f8;color:#637084;font-family:ui-monospace,Consolas,monospace;font-size:.9375rem;font-weight:700;padding:9px}.hand-chip.in-range{background:#193f73;color:#fff;border-color:#193f73}.hand-chip[aria-pressed=true]{box-shadow:0 0 0 3px #e5ac3b;position:relative;z-index:1}.hand-detail{margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.hand-detail h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.hand-detail p{font-size:.9375rem;margin-bottom:8px}.decision-tag{font-size:.8125rem;border-radius:6px;padding:4px 8px;background:var(--soft);color:var(--accent)}.decision-tag.fold{background:#e9edf2;color:#24527e}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:.8125rem;color:var(--muted);margin-bottom:16px}.legend span{display:flex;align-items:center;gap:7px}.legend i{display:block;height:14px;width:14px;border-radius:3px;background:#193f73}.legend i.no{background:#f3f5f8;border:1px solid #d4ddea}
details{border:1px solid var(--line);border-radius:13px;background:#fff;margin:16px 0;overflow:hidden}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 18px;font-weight:700;line-height:1.7;min-height:52px}summary::-webkit-details-marker{display:none}summary:after{content:'＋';font-size:1.1rem;color:var(--accent);flex-shrink:0;font-weight:400}details[open]>summary:after{content:'−'}details[open]>summary{border-bottom:1px solid var(--line)}.details-body{padding:20px}.details-body>:first-child{margin-top:0}.details-body>:last-child{margin-bottom:0}.details-body .reading{padding:0;border:0}.source-item{padding:14px 0;border-bottom:1px solid var(--line)}.source-item:last-child{border-bottom:0}.source-item p{font-size:.875rem;color:var(--muted);margin:6px 0 0}
.question-strip{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin-bottom:26px}.question-strip a{display:flex;align-items:center;justify-content:center;text-decoration:none;font-family:ui-monospace,monospace;font-weight:750;background:#fff;border:1px solid var(--line);color:var(--muted);border-radius:9px;min-height:44px}.question-strip a[aria-current=step]{background:var(--ink);border-color:var(--ink);color:#fff}.question-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.question-label .eyebrow{margin:0}.street-label{color:var(--gold);background:#fff4dc;font-size:.8125rem;padding:3px 9px;border-radius:5px;font-weight:700}.question-setup{color:var(--muted);font-size:.9375rem}.poker-surface{background:#eaf0f8;border-radius:14px;padding:20px;margin:20px 0}.cards-label{display:block;font-size:.8125rem;color:var(--muted);margin-bottom:8px;font-weight:650}.cards-label.board-label{margin-top:17px}.playing-cards{display:flex;flex-wrap:wrap;gap:7px}.playing-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:3rem;min-height:4.125rem;background:#fff;border:1px solid #c8d5e4;border-bottom-width:3px;border-radius:7px;font-family:ui-monospace,monospace;font-weight:750;line-height:1.05;color:var(--ink)}.playing-card .rank{font-size:1.5rem}.playing-card .suit{font-size:1.25rem;margin-top:4px}.playing-card.red{color:var(--red)}.hand-inline-display{background:#f2f5fa;border-radius:10px;padding:14px;font-size:1.05rem}.question-ask{border-left:3px solid var(--accent);padding:2px 0 2px 15px;margin:22px 0;line-height:1.9;font-weight:650}.answer-panel{border:1px solid #b9cde9;margin-top:25px}.answer-panel>summary{color:var(--accent);background:#f1f6ff}.answer-panel .details-body{background:#fff}.answer-panel .strong-text{background:var(--soft);padding:15px;border-radius:10px;font-weight:700}.next-condition{background:#f5f8fc;border-radius:10px;padding:15px}.term-groups{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 25px}.term-groups a{padding:8px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);text-decoration:none;font-size:.875rem}.term-item{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.term-item summary{padding:17px 0}.term-item[open] summary{border-bottom:0;padding-bottom:8px}.term-item .details-body{padding:0 0 17px;color:var(--muted)}.term-item .details-body p{margin:0}.agenda{display:grid;gap:0;margin:20px 0}.agenda-row{display:grid;grid-template-columns:72px 1fr;gap:17px;position:relative;padding:0 0 22px}.agenda-row:before{content:'';position:absolute;left:71px;top:8px;bottom:0;border-left:1px solid var(--line)}.agenda-row:last-child:before{display:none}.agenda-time{font-size:.8125rem;font-weight:750;color:var(--accent);line-height:1.7;padding-top:2px}.agenda-row p{margin-bottom:5px}.agenda-link{font-size:.875rem}.quote{padding:18px 20px;background:var(--soft);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;margin:18px 0}.page-footer{margin:32px 0 0;padding-top:18px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:.8125rem}.page-footer a{margin:0 7px}.page-footer p{margin-bottom:7px}
@media(min-width:760px){main{padding-top:35px}.row-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-buttons{grid-template-columns:repeat(13,minmax(0,1fr))}.question-strip{max-width:530px}.reading{padding:30px}.range-reading{padding:27px}.details-body .row-cards{grid-template-columns:1fr}}
@media(max-width:500px){.header-inner{padding:16px 20px}.edition{display:none}main{padding:22px 18px 116px}h1{font-size:1.5rem;line-height:1.55}.reading{padding:19px 17px}.toolbar{gap:9px;margin-bottom:20px}.lesson-count{display:none}.question-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-width:320px}.question-strip a{min-height:44px}.question-strip a:nth-child(n+6){min-height:44px}.poker-surface{padding:17px 14px}.playing-card{width:2.75rem;min-height:3.875rem}.playing-cards{gap:6px}.bottom-nav a{font-size:.875rem}.details-body{padding:18px 16px}.range-stat strong{font-size:1.25rem}.percent{font-size:1.8125rem}.legend{gap:12px}.rank-buttons{gap:5px}.hand-chip{min-width:49px}.agenda-row{grid-template-columns:64px 1fr;gap:15px}.agenda-row:before{left:63px}.pager .button{padding:11px 9px}.lesson-exercise{padding:15px}.overview-list a{padding:15px}.equation{gap:8px;font-size:.9375rem}.page-footer{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.site-header,.bottom-nav,.toolbar,.pager,.question-strip,.term-groups,.page-footer{display:none}body{background:#fff}main{max-width:none;padding:0}.reading{border:0;padding:0}details:not([open])>.details-body{display:block}details>summary{border:0}.row-cards{grid-template-columns:1fr}a{color:#000}.playing-card,.row-card,.callout{break-inside:avoid}}

@media(max-width:360px){.playing-card{width:2.375rem;min-height:3.5rem}.playing-cards{gap:5px}.poker-surface{padding:16px 12px}}
/* Preflop edition */
.brand-title{display:block;font-size:1.05rem;line-height:1.4;letter-spacing:0}.brand-words{min-width:0}.brand small{font-size:.875rem}.brand small span{font-size:.8125rem;color:#b6c9e0}.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.seat-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 16px}.scene-label{display:block;font-size:.875rem;color:var(--muted);margin-bottom:6px}.scene-context{padding:20px 0 22px}.scene-context h2{margin:12px 0 9px;font-size:1.2rem}.scene-context p{margin-bottom:10px}.scene-context .size-note{font-size:.9375rem;font-weight:650;color:var(--accent);margin-bottom:0}.context-tags{display:flex;flex-wrap:wrap;gap:6px}.context-tags span{font-size:.8125rem;line-height:1.5;background:#e7edf6;border-radius:5px;padding:4px 8px}.range-guide{font-size:.9375rem;line-height:1.85}.compact-h2{margin:23px 0 10px}.action-legend{display:flex;flex-wrap:wrap;gap:9px 16px;margin:15px 0 22px;font-size:.875rem;line-height:1.6}.action-legend>span{display:flex;gap:0;align-items:center;white-space:nowrap}.action-legend>span>i{margin-right:7px}.action-legend i{display:block;width:17px;height:17px;border-radius:4px;border:1px solid #17304c18;flex-shrink:0}.hand-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:61px;min-height:64px;padding:8px 7px}.hand-chip>span{font-size:1rem;line-height:1.4}.hand-chip>small{font-size:.75rem;font-weight:550;line-height:1.3;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.hand-detail-title{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.hand-detail-title h3{font-size:1.6rem;font-family:ui-monospace,monospace;margin:0}.action-badge{font-size:.875rem;line-height:1.5;padding:6px 10px;border-radius:7px;font-weight:650}.hand-detail .playing-cards{margin-top:15px}.hand-detail>p{font-size:1rem}.reraise-note{padding:15px;background:#f2f5fa;border-radius:10px;margin-top:18px}.reraise-note b{font-size:.9375rem;display:block;margin-bottom:8px}.reraise-note p{font-size:.9375rem}.reraise-note a{font-size:.9375rem}.bet-levels{list-style:none;padding:0;margin:0 0 20px}.bet-levels li{display:flex;align-items:center;gap:15px;padding:11px 0;border-bottom:1px solid var(--line)}.bet-levels b{color:var(--accent);min-width:49px;font-family:ui-monospace,monospace}.walk-result{font-size:1.3rem;font-weight:750;color:var(--green);margin-bottom:14px}.question-strip{grid-template-columns:repeat(12,minmax(0,1fr));max-width:none}.question-title{font-size:1.35rem;line-height:1.6;margin:14px 0}.action-line{list-style:none;padding:0;margin:20px 0}.action-line li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);line-height:1.7;font-size:.9375rem}.action-line b{font-weight:650}.action-line span{color:var(--muted);text-align:right}.answer-main{background:var(--soft);padding:16px;border-radius:10px;font-size:1.0625rem;font-weight:750}.next-condition p{margin:8px 0 0}.rank-order-note{border-left:4px solid var(--accent);padding:15px 17px;background:var(--soft);border-radius:0 12px 12px 0;margin-bottom:24px}.rank-order-note b{display:block;font-size:1rem;line-height:1.8}.rank-order-note span{color:var(--muted);font-size:.875rem}.ranking-list{display:grid;gap:15px}.ranking-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.ranking-title{display:flex;gap:12px;align-items:center;margin-bottom:16px}.ranking-title h2{font-size:1.0625rem;line-height:1.5;margin:0}.ranking-title small{display:block;font-size:.75rem;line-height:1.4;margin-top:4px;color:var(--muted);letter-spacing:.02em}.ranking-number{font-size:1.25rem;line-height:1.4;font-family:ui-monospace,monospace;font-weight:700;color:#60738a;width:30px;flex-shrink:0}.ranking-card:first-child{border-color:#9eb8d8;border-top:4px solid var(--ink)}.ranking-card:first-child .ranking-number{color:var(--accent)}.top-rank{background:var(--ink);color:#fff;font-size:.8125rem;border-radius:5px;padding:3px 8px;margin-left:auto;white-space:nowrap}.ranking-card>p{font-size:.9375rem;margin:14px 0 0}.ranking-tie{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;margin:13px 0 0}.ranking-tie summary{padding:12px 0 2px;font-size:.875rem;min-height:44px;font-weight:550}.ranking-tie[open] summary{border:0}.ranking-tie .details-body{padding:10px 0 0;font-size:.9375rem;color:var(--muted)}.ranking-tie .details-body p{margin:0}.sizing-examples{display:grid;gap:14px}.sizing-examples section{padding:17px;border:1px solid var(--line);border-radius:12px;background:#f7f9fc}.sizing-examples h3{margin-bottom:7px}.sizing-examples p:last-child{margin:0}.footer-credit{font-size:.75rem;letter-spacing:.02em;margin-top:12px;color:#6b7a8c}.term-groups a{font-size:.9375rem}.rank-buttons button{font-size:1rem;min-height:46px}
@media(min-width:760px){.ranking-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-card .playing-card{width:2.8rem;min-height:3.7rem}.ranking-card{padding:20px}.ranking-title h2{font-size:1rem}.ranking-title{gap:10px}}
@media(max-width:500px){.header-inner{padding:15px 18px}.brand{gap:9px}.brand-title{font-size:1rem}.brand-mark{font-size:1.8rem}.brand small{font-size:.8125rem}.brand small span{font-size:.75rem}.range-stat strong{font-size:1.1rem}.scene-context{padding:18px 0 20px}.hand-chip{min-width:55px;min-height:61px}.action-legend{gap:8px 12px}.action-legend>span{font-size:.8125rem}.question-strip{grid-template-columns:repeat(6,minmax(0,1fr));max-width:none}.question-strip a{min-height:44px}.question-title{font-size:1.2rem}.ranking-card{padding:19px 17px}.ranking-card .playing-card{width:2.7rem;min-height:3.7rem}.ranking-card .playing-cards{gap:6px}.ranking-title h2{font-size:1rem}.rank-order-note b{font-size:.9375rem}.reraise-note{padding:14px}.bottom-nav a{font-size:.875rem}}
@media(max-width:360px){.question-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-title{font-size:.875rem}.ranking-card .playing-card{width:2.4rem;min-height:3.4rem}.ranking-card .playing-cards{gap:5px}.hand-chip{min-width:53px}.ranking-title h2{font-size:.9375rem}.top-rank{padding:3px 6px}.ranking-number{width:25px}}
@media screen{main{padding-bottom:calc(8rem + env(safe-area-inset-bottom))}}

/* Compact preflop table */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.range-overview{min-width:0;margin:0 0 26px}
.range-overview>h2{margin:0 0 14px;font-size:1.125rem}
.range-stat{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin:0 0 14px}
.range-stat>div:first-child{flex:1 1 11rem;min-width:0}
.range-stat strong{font-size:1.0625rem;line-height:1.6}
.range-stat small{font-size:.875rem;color:var(--muted)}
.range-stat .percent{font-size:1.75rem}
.range-guide{margin:0 0 14px;font-size:.9375rem}
.action-legend{display:flex;flex-wrap:wrap;gap:9px 16px;margin:0 0 16px}
.action-legend>span{font-size:.875rem;line-height:1.6;color:var(--ink);min-width:0}
.action-legend i{width:18px;height:18px;border-radius:4px}
.tone-open,.tone-raise{--tone-bg:#dcecff;--tone-fg:#153e70;--tone-border:#9fbde0}
.tone-call,.tone-win{--tone-bg:#dcefe3;--tone-fg:#175537;--tone-border:#b0d5be}
.tone-three{--tone-bg:#75c4ce;--tone-fg:#102a43;--tone-border:#4295a0}
.tone-four{--tone-bg:#243f82;--tone-fg:#ffffff;--tone-border:#243f82}
.tone-bluff{--tone-bg:#ffe2a0;--tone-fg:#603b08;--tone-border:#c79a40}
.tone-fold{--tone-bg:#f0f3f7;--tone-fg:#566477;--tone-border:#d4dde8}
.tone-check{--tone-bg:#e4f0f9;--tone-fg:#214e77;--tone-border:#b6cee3}
.hand-chip,.action-badge,.action-legend i{background:var(--tone-bg);color:var(--tone-fg);border-color:var(--tone-border)}
.hand-chip>span,.hand-chip>small{color:inherit}
.matrix-frame{width:100%;max-width:100%;min-width:0;margin:0}
.matrix{table-layout:fixed;border-collapse:separate;border-spacing:1px;width:100%;min-width:0;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center;line-height:1.2}
.matrix td{padding:0;vertical-align:middle;background:transparent}
.matrix button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;aspect-ratio:1;min-height:1.8em;margin:0;padding:2px 0;border:0;border-radius:2px;background:var(--tone-bg);color:var(--tone-fg);font:700 clamp(.75rem,2.6vw,.9375rem)/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.04em;-webkit-appearance:none;appearance:none}
.matrix button>span{display:block;max-width:100%;color:inherit;font:inherit;letter-spacing:inherit;overflow-wrap:anywhere}
.matrix button:focus-visible{position:relative;z-index:1;outline:2px solid #142a41;outline-offset:1px;box-shadow:inset 0 0 0 2px #fff}
.conditional-hand{text-decoration:underline dotted;text-underline-offset:3px}
.matrix-help{font-size:.875rem;color:var(--muted);line-height:1.8;margin:12px 0 0}
.range-reading{min-width:0}
.range-reading .compact-h2{margin:0 0 14px}
.hand-groups,.hand-group,.hand-detail{min-width:0}
.hand-detail p,.reraise-note p{overflow-wrap:anywhere}
.lesson-select{max-width:100%}
@media(max-width:500px){.action-legend{gap:8px 12px}.action-legend>span{font-size:.875rem}.range-stat strong{font-size:1rem}.range-stat .percent{font-size:1.625rem}.range-overview{margin-bottom:22px}}

.trips-naming section+section{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.trips-naming h3{font-size:1rem;color:var(--ink);line-height:1.7;margin:0 0 12px}.trips-naming .cards-label{display:block;margin:14px 0 7px}.ranking-tie .trips-naming p{margin:12px 0;line-height:1.85}.trips-naming .playing-cards{flex-wrap:wrap}

.tone-unavailable{background:#e9edf2;color:#6b7582}.matrix .tone-unavailable{opacity:.6}.hand-chip>small{font-size:.75rem}.hand-detail .cards-label{display:block;margin-top:16px}.hand-detail .action-badge{white-space:normal}.matrix button{position:relative}.range-overview>.small-note{line-height:1.7;margin:12px 0 16px}

/* Inline definitions keep the original text flow and chart controls. */
.term-link{appearance:none;display:inline;border:0;border-radius:2px;margin:0;padding:0;background:none;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;vertical-align:baseline;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:#50799d;text-decoration-thickness:1px;text-underline-offset:.22em;cursor:pointer}
.term-link:hover{color:#174f85;background:#e9f2fc}.term-link:focus-visible{outline:2px solid #b07916;outline-offset:2px}
.term-popup{width:min(480px,calc(100vw - 28px));max-height:min(72dvh,640px);padding:0;border:1px solid #cfdae6;border-radius:16px;color:#163149;background:#fff;box-shadow:0 18px 70px #10273f38;overflow:hidden}
.term-popup::backdrop{background:#11283f66}.term-popup[open]{display:flex;flex-direction:column}
.term-popup-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #dbe3ed;background:#f4f7fb;flex-shrink:0}
.term-popup-header h2{font-size:1.125rem;line-height:1.5;margin:0;min-width:0}
.term-popup-close{flex-shrink:0;min-width:96px;min-height:48px;padding:10px 12px;border:1px solid #bdcddd;border-radius:10px;background:#fff;color:#163149;font-size:1rem;font-weight:700}
.term-popup-body{padding:20px;overflow-y:auto;overscroll-behavior:contain}.term-popup-body p{white-space:pre-line;font-size:1rem;line-height:1.85;margin:0}
html.term-popup-open{overflow:hidden}
.tone-limp{--tone-bg:#fff0ad;--tone-fg:#654d00;--tone-border:#d8bc54}
@media(min-width:620px){.seat-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}}
.question-lesson,.question-supplement{margin-top:16px}.question-lesson>summary,.question-supplement>summary{line-height:1.7}.question-lesson .details-body,.question-supplement .details-body{padding:0 16px 16px}
@media(max-width:360px){.term-popup-header{padding:12px;gap:8px}.term-popup-close{min-width:88px}.term-popup-body{padding:16px}}

.practice-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:13px;background:#e6ecf5;margin:0 0 14px}.practice-tabs a{min-width:0;min-height:58px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;padding:10px 8px;text-align:center;border-radius:9px;text-decoration:none;font-size:1rem;font-weight:750;color:var(--muted)}.practice-tabs a[aria-current=page]{background:var(--ink);color:#fff}.practice-tabs span{font-size:.875rem;font-weight:500}.practice-outline{margin:0 0 18px}.practice-outline ol{padding-left:1.5em;margin:0}.practice-outline li+li{margin-top:8px}.practice-outline a{display:block;padding:7px 0;line-height:1.6}.practice-outline a[aria-current=step]{font-weight:750}.question-board{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.question-board section{min-width:0}.question-board .cards-label{font-size:.875rem}.question-boards{display:grid;gap:18px}.question-pot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.875rem}.question-pot strong{font-size:1rem;color:var(--accent)}.practice-assumptions{margin-top:24px}
@media(max-width:500px){.practice-tabs a{font-size:.9375rem;line-height:1.5}.question-board{gap:12px 9px}.question-board .playing-cards{gap:5px}.question-board .playing-card{width:2.5rem;min-height:3.6rem}.question-label{flex-wrap:wrap}}

.action-line li>b{flex:0 0 auto;max-width:38%}.action-line li>span{flex:1;min-width:0}

.term-search{margin:0 0 20px}.term-search label{display:block;font-size:.9375rem;font-weight:650;margin-bottom:7px}.term-search-controls{display:flex;gap:8px;align-items:center}.term-search input{flex:1;min-width:0;width:100%;min-height:50px;padding:12px;border:1px solid #b4c5da;border-radius:10px;background:#fff;font-size:1rem;line-height:1.5}.term-search input:focus-visible{outline:3px solid #e3a62b;outline-offset:3px}.term-search input::placeholder{color:#68788c}.term-search button{flex-shrink:0;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:.9375rem}.term-search .small-note{margin:8px 0 0}.term-groups a[hidden],#terms-results [hidden],.term-search button[hidden]{display:none!important}#term-search-empty{margin:0;color:var(--muted)}

.seat-tabs{grid-template-columns:repeat(var(--seat-columns,3),minmax(0,1fr))}.seat-tabs button{min-width:0;font-size:.9375rem;overflow-wrap:anywhere}.range-basis{font-size:.875rem;line-height:1.6;color:var(--muted);margin:10px 0 12px}.range-basis b{color:var(--ink)}
@media(min-width:620px){.seat-tabs{grid-template-columns:repeat(var(--seat-count,6),minmax(0,1fr))}}

.position-map{margin:0 0 24px}.position-map-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 14px;margin-bottom:12px}.position-map-heading h2{font-size:1.0625rem;margin:0}.position-map-heading>span{font-size:.8125rem;color:var(--muted)}
.position-map-scroll{overflow-x:auto;overflow-y:hidden;padding:4px 0}.position-table{min-width:18.5rem;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(8px,.75fr) minmax(0,1fr);grid-template-rows:repeat(var(--table-rows),minmax(4.6rem,auto)) auto;align-items:center;column-gap:8px;row-gap:12px;max-width:640px;margin:0 auto;padding:0 0 10px}
.table-felt{position:absolute;z-index:-1;inset:1.2rem 12% 1.9rem;border:9px solid #243f59;border-radius:45%;background:#dce7f1;box-shadow:inset 0 0 0 2px #b4c7d8}
.table-direction{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:86px;text-align:center;font-size:.75rem;color:#3d566e;pointer-events:none}.table-direction svg{width:70px;height:35px;margin:0 auto 2px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.position-seat{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;min-height:64px;padding:9px 4px;border:1px solid #b6c7d9;border-radius:12px;background:white;text-decoration:none;text-align:center;color:var(--ink);line-height:1.5;box-shadow:0 3px 8px #142a410b;min-width:0;z-index:1}.position-right{grid-column:3}.position-left{grid-column:1}.position-bottom{grid-column:1/-1;justify-self:center;min-width:160px}.position-seat[aria-current=true]{background:#183c67;color:white;border-color:#183c67;box-shadow:0 0 0 3px #dfa832}.position-seat:hover{border-color:var(--accent)}.position-abbr{display:flex;align-items:center;justify-content:center;gap:6px;font-size:1rem;font-weight:750;white-space:nowrap}.position-name{display:block;font-size:.75rem;font-weight:400;line-height:1.6;white-space:nowrap;overflow-wrap:normal;word-break:keep-all}.dealer-button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #9f7a2f;border-radius:50%;background:#fff1c9;color:#61460e;font-size:.75rem;font-weight:800}.position-map figcaption{font-size:.8125rem;line-height:1.7;color:var(--muted);margin-top:10px}
@media(max-width:500px){.position-table{grid-template-columns:minmax(0,1fr) minmax(0,.24fr) minmax(0,1fr);column-gap:4px;row-gap:10px}.position-seat{padding:8px 2px}.position-abbr{font-size:.9375rem}.table-direction{display:none}.table-direction svg{width:40px;height:24px}.table-felt{inset:1.2rem 13% 1.9rem;border-width:7px}}
@media(max-width:380px){.position-table{grid-template-columns:minmax(0,1fr) 4px minmax(0,1fr);margin-left:0;margin-right:0}.position-map-scroll{margin-left:-6px;margin-right:-6px}.table-direction{display:none}.position-abbr{gap:4px}}
@media(prefers-contrast:more){.position-seat{border-width:2px}.position-seat[aria-current=true]{outline:2px solid var(--ink);outline-offset:3px}}

.bluff-candidate-swatch{--tone-bg:#d9c5f0;--tone-fg:#25103f;--tone-border:#b79bd7}
.hu-strategy-note{padding:18px;margin:16px 0 22px;border:1px solid #d5dee8;border-radius:14px;background:#f8fafc}.hu-strategy-note h2{font-size:1.05rem;margin-top:0}.hu-strategy-note p{line-height:1.8}.hu-frequency-bar{display:flex;height:24px;overflow:hidden;border-radius:6px;border:1px solid #c6d3df}

.hand-frequencies{margin:14px 0}.hand-frequency-bar{display:flex;height:20px;border:1px solid #aabccd;border-radius:5px;overflow:hidden}.hand-frequencies ul{display:flex;flex-wrap:wrap;gap:10px 18px;list-style:none;padding:0;margin:8px 0;font-size:.875rem}.hand-frequencies li{display:flex;align-items:center;gap:6px}.hand-frequencies i{width:12px;height:12px;flex:none;border:1px solid #aabccd;border-radius:2px}
.strategy-scope{font-size:.875rem;color:var(--muted);line-height:1.7;margin:-4px 0 18px}.strategy-streets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:24px}.strategy-streets button{min-height:46px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);font-family:inherit;font-size:1rem;font-weight:650;line-height:1.5;padding:10px 4px}.strategy-streets button[aria-pressed=true]{background:var(--ink);color:white}.strategy-step{min-width:0;border:1px solid var(--line);border-radius:12px;background:white;padding:18px;margin:0 0 24px}.strategy-step legend{font-size:1.05rem;font-weight:700;padding:0 8px;max-width:100%}.strategy-step legend b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;margin-right:8px;font-size:.875rem}.strategy-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.strategy-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:.875rem;font-weight:600}.strategy-field select,.strategy-field input{box-sizing:border-box;min-width:0;width:100%;min-height:46px;border:1px solid #b8c7d8;border-radius:7px;background:#f8fafc;color:var(--ink);padding:10px;font:400 1rem/1.5 sans-serif}.strategy-field input:disabled{opacity:.45}.strategy-result{border-top:4px solid var(--ink);border-radius:12px;padding:23px;background:#eff5fc;margin:8px 0 30px}.strategy-result h2{font-size:1.35rem;line-height:1.6;margin:10px 0 15px}.strategy-result h3{font-size:1rem;margin-top:24px}.strategy-result p,.strategy-reference p{line-height:1.9}.strategy-size{font-weight:750;color:#143d6b;font-size:1.1rem}.strategy-size span{display:block;font-size:1rem;margin-top:6px}.strategy-reference h2{font-size:1.2rem}.strategy-detail summary{font-size:1rem;line-height:1.7}.strategy-table-wrap{overflow:auto}.strategy-size-table{width:100%;border-collapse:collapse;font-size:.9375rem;line-height:1.7}.strategy-size-table th,.strategy-size-table td{padding:12px 9px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.strategy-size-table th:first-child{width:36%}.strategy-step>.small-note{margin-bottom:0}.strategy-step>.small-note+.strategy-fields{margin-top:16px}
@media(max-width:560px){.strategy-fields{grid-template-columns:minmax(0,1fr)}.strategy-step{padding:16px 13px}.strategy-result{padding:20px 17px}.strategy-streets button{font-size:1rem}.strategy-size-table th,.strategy-size-table td{padding:10px 5px}.strategy-size-table th:first-child{width:39%}.strategy-field select{font-size:1rem}}

.strategy-stack{margin-top:16px}

.bottom-nav a{min-width:0;white-space:nowrap}.bottom-nav a>span:last-child{white-space:nowrap}.strategy-carried{margin:14px 0 0}.strategy-carried summary{font-size:.875rem}.strategy-fields>[hidden]{display:none}
/* Short-stack quick reference: compact controls and one complete matrix. */
.range-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;background:#edf2f7;padding:5px;border-radius:12px;margin:0 0 20px}
.range-modes a{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:10px 5px;border-radius:8px;color:#3c536c;text-decoration:none;font-weight:700}
.range-modes a[aria-current]{background:#193b60;color:white}
.range-modes span{font-size:12px;white-space:nowrap;font-weight:500}
.short-controls{margin-bottom:18px}
.short-depth,.short-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:14px}.short-depth{margin-top:16px}
.short-depth button,.short-actions button{min-height:44px;padding:8px 3px;background:white;color:#223f5d;border:1px solid #ccd7e3;border-radius:8px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.short-depth button[aria-pressed="true"],.short-actions button[aria-pressed="true"]{background:#193b60;border-color:#193b60;color:white}
.short-actions{display:flex;margin-top:10px;margin-bottom:0}
.short-actions button{flex:1}
.short-controls .lesson-select{width:100%;min-width:0;font-size:.9375rem;margin-bottom:10px}
.short-controls .scene-label{margin-top:0}
.short-overview h2{font-size:18px;margin-bottom:5px}
.short-scope{font-size:12px;color:#53667a;margin:0 0 10px;line-height:1.65}
.short-overview .action-legend{gap:8px 12px;margin-bottom:10px;font-size:13px}
.short-unavailable{padding:20px 18px;background:#f1f5f9;border-left:3px solid #44678d;border-radius:8px;margin:16px 0 24px}
.short-unavailable h2{font-size:18px;margin:0 0 10px}
.short-unavailable p:last-child{margin-bottom:0}
.short-hand-detail{margin-top:18px}
.short-hand-detail p{font-size:15px;line-height:1.8}
/* Keep the short-stack reference aligned with the normal range's full content width. */
@media(min-width:650px){.short-controls,.short-overview{width:100%;max-width:none;margin-inline:auto}}

/* Normal stack selector: preserve the compact range workflow. */
.normal-depths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 14px}.normal-depths button{min-height:44px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#163149;font-weight:700;font-size:15px}.normal-depths button[aria-pressed="true"]{background:#173a55;color:white;border-color:#173a55}.tone-jam{background:#e6a6b3;color:#402333}
.normal-depths+.scene-label{margin-top:0}.normal-depths+.scene-label+.lesson-select{margin-bottom:10px}.normal-depths+.scene-label+.lesson-select+.position-map{margin-top:0}

/* Match the application footer and keep its links compact in the embedded guide. */
.page-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px}.page-footer a{margin:0;color:inherit;text-decoration:none}.page-footer a:hover{text-decoration:underline}.page-footer p{margin:16px 0 7px}

/* Keep a selected premium hand unmistakable, including 4bet+ chips. */
.hand-chip[aria-pressed=true]{outline:3px solid #e5ac3b;outline-offset:2px}
#hand-result{scroll-margin-top:20px}
/* Keep range controls and each following section easy to distinguish. */
.scene-label{color:#244b76;font-weight:750}
.normal-depths+.scene-label+.lesson-select+.position-map,.position-map{margin-top:24px}

/* Shared stack controls, aligned on the same outer edges. */
.range-modes,.normal-depths,.short-depth{box-sizing:border-box;width:100%;padding:5px;gap:5px;background:#edf2f7;border-radius:12px}
.range-modes a,.normal-depths button,.short-depth button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:transparent;color:#3c536c;border:1px solid transparent;border-radius:8px;height:52px;min-height:52px;padding:8px 5px;font-size:15px;line-height:1.4;font-weight:700}
.range-modes a[aria-current],.normal-depths button[aria-pressed=true],.short-depth button[aria-pressed=true]{background:#193b60;color:#fff;border-color:#193b60;box-shadow:0 2px 5px #0b244515}
.range-modes a:focus-visible,.normal-depths button:focus-visible,.short-depth button:focus-visible{outline:2px solid #e5bf68;outline-offset:1px}
.short-actions button[aria-pressed=true]{background:#193b60;border-color:#193b60}
@media(min-width:761px){
 .lesson-select{appearance:none;-webkit-appearance:none;padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23183c67' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}
}
.scene-context h2{margin-top:24px}
.short-controls .position-map{margin-top:24px}

@media(max-width:759px){.ranking-title .ranking-trips-subtitle{display:block}}

/* embedded.css */
html,body{background:transparent;min-height:0;height:auto;overflow:clip;scroll-behavior:auto}
.site-header,.bottom-nav,.skip-link{display:none!important}
main{max-width:960px!important;margin:0 auto!important;padding:0 2px 12px!important;min-height:0}
.page-footer{margin-top:24px}
html[data-compact="1"] main{max-width:900px!important}
html[data-compact="1"] .ranking-list{grid-template-columns:1fr;gap:12px}
html[data-compact="1"] .ranking-card{padding:16px 18px}
html[data-compact="1"] .ranking-title{margin-bottom:12px}
html[data-compact="1"] .ranking-title h2{font-size:1rem}
html[data-compact="1"] h1{font-size:1.6rem}
@media(max-width:500px){main{padding-inline:0!important}.ranking-card{border-radius:12px}}

.page-footer{margin-top:12px;padding-top:12px}
main{padding-bottom:0!important}
.position-map-scroll{overflow:visible;padding-inline:3px;margin-inline:0}
.position-table{min-width:0;width:100%;max-width:640px;grid-template-columns:minmax(0,1fr) minmax(0,.3fr) minmax(0,1fr);margin-inline:auto}
.position-seat{min-width:0;max-width:100%;padding-inline:4px}
.position-abbr,.position-name{white-space:normal;overflow-wrap:anywhere;word-break:normal}
.position-bottom{min-width:min(160px,100%)}
.toolbar{flex-wrap:wrap;min-width:0}
.seat-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));min-width:0;width:100%}
.seat-tabs button{white-space:normal}
.position-shortcuts{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px 12px;margin:0 0 18px}
.position-shortcuts>span{font-size:14px;font-weight:700;padding-top:9px}
.position-shortcuts>div{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.position-shortcuts a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 11px;border:1px solid #c5d5e9;border-radius:7px;font-size:14px;font-weight:700;text-decoration:none;background:#fff;color:#224975;white-space:nowrap}
.position-shortcuts a[aria-current=true]{background:#185dc5;color:#fff;border-color:#185dc5}
.ranking-summary{margin:0 0 28px;border:1px solid #c4d5eb;border-radius:14px;overflow:hidden;background:#fff}
.ranking-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;background:#edf4ff;padding:16px 20px}
.ranking-summary-heading h2{font-size:16px;margin:0}
.ranking-summary-heading>span{font-size:12px;color:#4d6686}
.ranking-summary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none}
.ranking-summary-list li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:58px;padding:7px 16px;border-bottom:1px solid #e7edf5}
.ranking-summary-list li:nth-child(odd){border-right:1px solid #e7edf5}.ranking-summary-list li:nth-last-child(-n+2){border-bottom:0}
.ranking-summary-number{color:#557299;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center}
.ranking-summary-list button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0;padding:4px 0;border:0;background:transparent;color:#193f78;text-align:left;line-height:1.4;cursor:pointer;white-space:nowrap}
.ranking-summary-list button strong{font-size:14px}.ranking-summary-list button small{min-width:0;color:#24527e;font-size:11px;font-weight:400;letter-spacing:-.03em}
.ranking-summary-list button:focus-visible{outline:2px solid #185dc5;outline-offset:2px;border-radius:3px}
.ranking-summary-card-list{display:flex;align-items:center;gap:2px;min-width:0;margin-right:10px}
.ranking-summary .summary-card{width:22px;height:32px;padding:3px 2px;gap:2px;border-radius:4px;box-shadow:0 1px 2px #19304b10}
.ranking-summary .summary-rank{font-size:10px}.ranking-summary .summary-suit{font-size:11px}
.summary-card{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:42px;height:62px;padding:7px 5px;box-sizing:border-box;border:1px solid #b5c7da;border-bottom-width:2px;border-radius:7px;background:#fff;box-shadow:0 2px 3px #19304b0d;color:#19304b;font-family:Arial,"Helvetica Neue",sans-serif;line-height:1}
.summary-rank{font-size:18px;font-weight:700;line-height:1;letter-spacing:0}.summary-suit{font-size:22px;font-weight:400;line-height:1}
.summary-card.red{color:#b72743}
.ranking-card .playing-cards{align-items:center;align-self:center;gap:8px;padding-block:8px}
.ranking-card .playing-card{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:3.5rem;height:5rem;min-height:0;padding:.625rem .5rem;box-sizing:border-box;border-color:#bdccdc;border-bottom-width:2px;border-radius:8px;box-shadow:0 2px 0 #dce5ee,0 5px 12px #173d6612}
.ranking-card .playing-card .rank{display:flex;align-items:center;justify-content:center;min-height:0;font-family:Arial,"Helvetica Neue",sans-serif;font-size:1.5rem;line-height:1;letter-spacing:0}
.ranking-card .playing-card .suit{margin:0;font-family:Arial,"Helvetica Neue",sans-serif;font-size:1.625rem;font-weight:400;line-height:1}
.ranking-card>p{margin-top:16px}
.ranking-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px 12px;margin:0 0 14px;min-width:0}
.ranking-badges{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px}
.ranking-rarity,.ranking-best{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:3px 9px;border:1px solid transparent;border-radius:6px;font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap}
.ranking-best{color:#fff;background:var(--ink);border-color:var(--ink)}
.rarity-extreme{color:#782943;background:#fcecf2;border-color:#edbbcf}
.rarity-ultra{color:#603b87;background:#f1eafa;border-color:#d7c3eb}
.rarity-rare{color:#245294;background:#eaf2ff;border-color:#c7daf4}
.rarity-common{color:#476170;background:#f0f4f7;border-color:#d6e0e7}
.ranking-probability{color:#24527e;font-family:Arial,"Helvetica Neue",sans-serif;font-size:12px;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;white-space:nowrap}
.ranking-frequency-note{margin:0 0 24px;color:#24527e}
.ranking-frequency-note>p{font-size:14px;line-height:1.8;margin:0 0 6px}
.ranking-frequency-note>details{margin-top:12px;background:#fff}
.ranking-frequency-note summary{font-size:14px}
.ranking-frequency-note .details-body{font-size:14px;line-height:1.8}
.ranking-frequency-table-wrap{overflow-x:auto;margin:16px 0}
.ranking-frequency-table{width:100%;border-collapse:collapse;font-size:13px}
.ranking-frequency-table caption{text-align:left;font-weight:700;margin-bottom:8px;color:#193f78}
.ranking-frequency-table th,.ranking-frequency-table td{padding:8px;border-bottom:1px solid #dce5ee;text-align:left}
.ranking-frequency-table td{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ranking-frequency-table tfoot{font-weight:700}
.ranking-frequency-source{font-size:12px}
.ranking-frequency-source a{color:#185dc5;text-underline-offset:3px}
/* Keep the badges beside the role on mobile and beside the cards on desktop. */
html[data-compact="1"] .ranking-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px}
html[data-compact="1"] .ranking-card>.ranking-title{grid-column:1;grid-row:1;min-width:0;margin:0}
html[data-compact="1"] .ranking-title>div{min-width:0}
html[data-compact="1"] .ranking-card>.ranking-meta{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin:0}
html[data-compact="1"] .ranking-card>.ranking-meta .ranking-badges{justify-content:center}
html[data-compact="1"] .ranking-card>.playing-cards{grid-column:1/-1;grid-row:2;margin-top:16px}
html[data-compact="1"] .ranking-card>p{grid-column:1/-1;grid-row:3}
html[data-compact="1"] .ranking-card>.ranking-tie{grid-column:1/-1}
@media(min-width:701px){
 html[data-compact="1"] .ranking-card{column-gap:24px;padding:24px}
 html[data-compact="1"] .ranking-card>.ranking-meta{grid-column:1;grid-row:2;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:6px 12px;margin-top:12px}
 html[data-compact="1"] .ranking-card>.playing-cards{grid-column:2;grid-row:1/4;align-self:center;margin-top:0}
 html[data-compact="1"] .ranking-card>p{grid-column:1;grid-row:3;margin:10px 0 0}
 html[data-compact="1"] .ranking-title h2{font-size:1.125rem}
}
@media(max-width:359px){html[data-compact="1"] .ranking-card{column-gap:8px}html[data-compact="1"] .ranking-title{gap:7px}html[data-compact="1"] .ranking-number{width:23px}}

.ranking-card:focus-visible{outline:3px solid #185dc5;outline-offset:3px}
@media(max-width:700px){
 .ranking-summary-heading{padding:14px 18px}
 .ranking-summary-list{grid-template-columns:1fr}
 .ranking-summary-list li{grid-template-columns:24px minmax(0,1fr) auto;min-height:48px;gap:6px;padding:5px 14px;border-right:0!important;border-bottom:1px solid #e7edf5!important}
 .ranking-summary-list li:last-child{border-bottom:0!important}
 .ranking-summary-list button{flex-direction:column;align-items:flex-start;gap:1px}
 .ranking-summary-list button strong{font-size:13px}.ranking-summary-list button small{display:block;font-size:10.5px;line-height:1.35}
 .ranking-summary-card-list{margin-right:6px}
 .summary-card{width:40px;height:60px}
 .ranking-summary .summary-card{width:21px;height:30px}
 .ranking-card .playing-cards{gap:6px}
 .ranking-card .playing-card{width:3rem;height:4.5rem;padding:.5rem .375rem;gap:5px}
 .ranking-card .playing-card .rank{font-size:1.375rem}
 .ranking-card .playing-card .suit{font-size:1.5rem}
}
@media(max-width:359px){.ranking-summary-list li{grid-template-columns:20px minmax(0,1fr) auto;padding-inline:10px;gap:4px}.ranking-summary-list button strong{font-size:12px}.ranking-summary-list button small{font-size:9.5px}.ranking-summary-card-list{gap:1px}.ranking-summary .summary-card{width:19px;height:28px}.ranking-summary .summary-rank{font-size:9px}.ranking-summary .summary-suit{font-size:10px}html[data-compact="1"] .ranking-card{padding-inline:12px}.ranking-card .playing-card{width:2.75rem}.ranking-card .playing-cards{gap:5px}}
@media(max-width:380px){.position-shortcuts{grid-template-columns:1fr;gap:6px}.position-shortcuts>span{padding-top:0}}

/* card-examples.css */
.glossary-card-examples { display:grid; gap:12px; margin:18px 0; }
.lesson-rank-order{margin:0 0 24px;padding:20px 24px;border:1px solid #cbd9e8;border-radius:14px;background:#f4f8fd}
.lesson-rank-order figcaption{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;color:#255a9f}
.lesson-rank-order figcaption strong{font-size:20px;font-weight:750;line-height:1.5}
.lesson-rank-order figcaption span{font-size:.875rem;white-space:nowrap}
.lesson-rank-strip{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:3px}
.lesson-rank-strip>span:first-child{color:#b42336;background:#fff0f2;border-color:#d8909b}
.lesson-rank-strip>span:last-child{color:#176b8c;background:#d9f3ff;border-color:#7bc4e5}
.lesson-rank-strip>span{display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #becbdb;border-radius:4px;background:white;color:#173550;font-family:Arial,"Helvetica Neue",sans-serif;font-variant-numeric:lining-nums tabular-nums;font-weight:700;font-size:clamp(.875rem,2.4vw,1.375rem);line-height:1}
.rank-strength-axis{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:7px;color:#214c78;font-size:12px;line-height:1}.rank-strength-axis span{height:6px;border-radius:999px;background:linear-gradient(90deg,#b42336 0%,#d69a4d 48%,#176b8c 100%);position:relative}.rank-strength-axis span:after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);border-left:7px solid #176b8c;border-top:5px solid transparent;border-bottom:5px solid transparent}
.lesson-rank-order p{margin:12px 0 0!important;font-size:.875rem!important;line-height:1.8;color:#435d6c}
@media(max-width:600px){.lesson-rank-order{padding:16px}.lesson-rank-order figcaption{flex-wrap:wrap}.lesson-rank-strip{gap:2px}}
.card-notation { display:inline-flex; align-items:center; gap:2px; vertical-align:middle; margin:2px 3px; white-space:nowrap; }
.notation-card { display:inline-flex; justify-content:center; align-items:center; min-width:22px; height:29px; padding:0 3px; background:#fff; border:1px solid #aec6df; border-radius:4px; color:#193b4e; font-weight:700; font-size:12px; line-height:1; }
.notation-card.red {color:#bc3150;}
.card-notation small {font-size:12px;}
.glossary-lesson-link a {color:#185dc5;text-decoration:underline;text-underline-offset:3px;font-size:14px;}
.glossary-card-examples figure { min-width:0; margin:0; padding:14px; border:1px solid #d2dfed; border-radius:12px; background:#f4f8fc; color:#193b4e; }
.glossary-card-examples figcaption { font-size:14px; font-weight:700; line-height:1.6; }
.glossary-example-cards { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0; }
.glossary-example-card { display:inline-flex; align-items:center; justify-content:center; width:38px; height:53px; flex:none; border:1px solid #aec6df; border-radius:6px; background:white; color:#193b4e; font-size:17px; font-weight:700; box-shadow:0 2px 3px #16364a0b; }
.glossary-example-card.red { color:#bc3150; }
.glossary-example-card.gap { border-style:dashed; background:transparent; color:#66788c; box-shadow:none; }
.glossary-card-examples figure p { margin:0; font-size:13px; line-height:1.8; }
@media(max-width:360px) { .glossary-card-examples figure {padding:10px;} .glossary-example-card {width:32px;height:46px;font-size:15px;} .glossary-example-cards {gap:4px;} }

/* v3-dark.css */
/* V3: keep the original white reference surface; slightly deepen the pale blue action swatch. */
.tone-open,.tone-raise{--tone-bg:#c9dff6;--tone-fg:#153e70;--tone-border:#8fafd2}

/* Separate glossary categories without adding space above the first one. */
#terms-results>section+section{padding-top:28px}
#terms-results>section>h2{color:#255a9f}
#terms-results>section>h2 .term-link{color:inherit}

/* Shared card-name primer for the introductory course and hand rankings. */
.card-names-guide{margin:24px 0;padding:22px 26px;border:1px solid #cbd9e8;border-radius:16px;background:#f3f7fc;color:#19364c}
.card-names-guide h2{font-size:20px;font-weight:750;line-height:1.5;margin:0 0 20px;color:#255a9f}
.card-names-guide h3{font-size:17px;font-weight:700;line-height:1.5;margin:24px 0 14px}
.card-names-guide p{font-size:15px;line-height:1.85;margin:16px 0 0}
.card-names-ranks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.card-names-ranks>div{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.card-names-guide .card-name-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:68px;border:1px solid #b7c7d9;border-bottom-width:3px;border-radius:7px;background:#fff;box-shadow:0 3px 6px #17394b0c;line-height:1.1;color:#19364c}
.card-name-card b{font:750 23px/1.1 ui-monospace,monospace}
.card-name-card>span{font-size:22px;margin-top:4px}
.card-names-guide .is-red{color:#b33243}
.card-names-ranks strong{font-size:14px;line-height:1.5;white-space:nowrap}
.card-names-ranks small{font-size:13px;line-height:1.4;color:#51677f}
.card-names-suits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.card-names-suits>div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;background:#fff;border:1px solid #d7e1ec;border-radius:9px}
.card-names-suits span{font-size:30px;line-height:1.2}
.card-names-suits strong{font-size:14px;line-height:1.5;white-space:nowrap}
@media(max-width:400px){.card-names-guide{padding:16px}.card-names-ranks{gap:4px}.card-names-guide .card-name-card{width:42px;height:62px}.card-names-ranks strong{font-size:13px}.card-names-suits{gap:5px}.card-names-suits strong{font-size:13px}}

.pocket-names-list{display:grid;gap:12px}.pocket-names-list>div{display:flex;align-items:center;gap:16px;padding:12px;background:#fff;border:1px solid #d7e1ec;border-radius:10px}.pocket-name-cards{display:flex;gap:5px;flex-shrink:0}.pocket-names-list strong{display:block;font-size:15px;line-height:1.6}.pocket-names-list small{display:block;font-size:13px;color:#51677f;margin-top:4px}@media(max-width:400px){.pocket-names-list>div{gap:10px;padding:10px 8px}.pocket-names-list strong{font-size:14px}.pocket-names-list .card-name-card{width:34px;height:50px}.pocket-names-list .card-name-card b{font-size:19px}.pocket-names-list .card-name-card>span{font-size:18px}}

/* Avoid a duplicate heading inside the public range embed. */
html[data-public-range="1"] .topic-head{display:none}
/* Editorial surface shared with PokerLift; range cell colours retain their meaning. */
:root{--ink:#203b4f;--muted:#5c6f7c;--line:#dce4e9;--accent:#315e79;--soft:#f0f4f6;--radius:7px}
.topic-head{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:26px}
.topic-head h1{font-size:30px;font-weight:750;letter-spacing:.02em;line-height:1.5}
.topic-head>.eyebrow{color:#647783;font-size:11px;letter-spacing:.05em}
.ranking-card,.ranking-summary,.card-names-guide,.row-card,.reading{border-radius:7px;box-shadow:none}
.ranking-summary-heading,.card-names-guide{background:#f2f5f6}
.term-search input,.term-search button,.lesson-select{border-radius:5px;border-color:#cbd7df}
.term-groups a{border-radius:5px;box-shadow:none}
@media(max-width:600px){.topic-head h1,html[data-compact="1"] .topic-head h1{font-size:25px}.topic-head{padding-bottom:18px;margin-bottom:22px}}