/* Sala Poker — guides and navigation. Uses the existing site's colors and typography. */
.main-nav{gap:22px}.article-meta{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:24px;font-size:13px;color:#596d51;line-height:1.7}.guide-page .prose section:first-child h2{margin-top:0}.guide-page .prose section+section{margin-top:42px}.guide-page .article-aside nav{margin-top:18px}.guide-page .article-aside{max-height:calc(100vh - 60px);overflow:auto}.guide-page .info-table th,.guide-page .info-table td{white-space:normal;vertical-align:top;min-width:100px}.guide-page .info-table caption{text-align:left;margin-bottom:12px}.table-scroll:focus-visible{outline:3px solid #67985c;outline-offset:4px}.glossary{margin:0}.glossary dt{font-weight:700;color:#243e28;font-size:18px;margin-top:24px}.glossary dd{margin:6px 0 0;color:#4f6349;font-size:17px;line-height:1.85}.exercise{border:1px solid #bdcbb3;border-radius:5px;padding:18px 22px;margin:24px 0;background:#eef2e7}.exercise summary{font-weight:600;color:#274b32}.exercise p{margin:15px 0 0}.back-guides{margin-top:24px}.more-guides{border-top:1px solid #cbd5c3;margin-top:40px;padding-top:8px}.guide-page .related-links{grid-template-columns:1fr;margin-top:22px}.guide-page .related-links a{font-size:17px;line-height:1.5}.guide-page .related-links small{text-transform:uppercase;letter-spacing:1px}.guide-page .article-hero h1{max-width:980px}.guide-page .article-hero>p{max-width:850px}
.guides-hero{background:#e7eddf;border-block:1px solid #d8e0d1;padding:58px 0 65px}.guides-hero-grid{display:grid;grid-template-columns:1.25fr .8fr;gap:70px;align-items:center}.guides-hero .eyebrow{color:#526d47}.guides-hero h1{font-size:clamp(40px,4.6vw,66px);font-weight:500;letter-spacing:-2.8px;line-height:1.1;margin:25px 0}.guides-hero h1 em{font-family:var(--serif);font-weight:400}.guides-hero p{font-size:18px;color:#516747;line-height:1.7;max-width:620px}.topic-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.topic-nav a{display:inline-flex;border:1px solid #aebfa3;border-radius:30px;min-height:42px;align-items:center;padding:8px 17px;font-size:13px;background:#f7f8f28c;color:#35532d}.topic-nav a:hover{background:#d9f279;border-color:#788e57}.learning-path{border-radius:8px;padding:31px;background:#193827;color:#eef5e6;box-shadow:0 8px 20px #112d1810}.learning-path .guide-category{color:#c6daa3}.learning-path h2{font-family:var(--serif);font-size:30px;font-weight:400;margin:20px 0}.learning-path ol{padding:0;list-style:none;counter-reset:learning}.learning-path li{counter-increment:learning;border-top:1px solid #b2c7a52e;display:flex;gap:15px;align-items:center}.learning-path li:before{content:counter(learning,decimal-leading-zero);font-family:var(--serif);font-style:italic;color:#c6daa3;font-size:18px}.learning-path a{display:flex;justify-content:space-between;gap:15px;width:100%;padding:16px 0;font-size:15px}.learning-path a:hover{text-decoration:underline;text-underline-offset:5px}.learning-path p{font-size:13px;color:#bbcdb3;margin:17px 0 0}.foundations{padding-top:62px}.foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.foundation-grid>a{display:grid;grid-template-columns:35px 1fr 18px;gap:20px;border-bottom:1px solid #b7c7aa;padding:22px 0}.foundation-grid h3{font-size:25px;font-weight:500;letter-spacing:-.6px;margin-bottom:9px}.foundation-grid p{font-size:15px;color:#526747;margin-bottom:0}.foundation-number{font:italic 24px var(--serif);color:#697f5e}.foundation-grid>a:hover h3{text-decoration:underline;text-underline-offset:5px}.guide-group{padding-top:65px;scroll-margin-top:25px}.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-card{position:relative;min-width:0;padding:27px 28px 51px;border:1px solid #c7d2bd;border-radius:7px;background:#fffef9;transition:border-color .2s,background .2s}.guide-card:hover,.guide-card:focus-within{background:#edf3e5;border-color:#859d71}.guide-category{display:block;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:#556e46;line-height:1.6}.guide-card h3{font-size:25px;line-height:1.23;font-weight:500;letter-spacing:-.7px;margin:22px 0 15px}.guide-card h3 a:after{content:'';position:absolute;inset:0;border-radius:7px}.guide-card h3 a:focus-visible{outline:none}.guide-card:focus-within{outline:3px solid #67985c;outline-offset:4px}.guide-card p{font-size:15px;line-height:1.7;color:#53694a;margin-bottom:0}.card-arrow{position:absolute;bottom:18px;right:25px;font-size:25px;line-height:1;color:#466039}.guides-all-link{margin-top:30px;text-align:center}.hub-practice{display:flex;gap:50px;align-items:center;justify-content:space-between;padding:42px;margin:65px 0 75px;background:#193827;color:#eff5e7;border-radius:7px}.hub-practice .eyebrow{color:#c5dba3}.hub-practice h2{font-size:32px;letter-spacing:-1px;font-weight:500;margin:20px 0 14px}.hub-practice p{font-size:16px;color:#c3d4b9;max-width:710px;margin-bottom:0}.hub-practice p a{text-decoration:underline;text-underline-offset:3px}.hub-practice>.button{flex-shrink:0}.home-guides+.section{padding-top:0}
@media(max-width:1100px){.header-inner>.button{display:none}.main-nav{gap:20px}.guides-hero-grid{gap:35px;grid-template-columns:1.1fr .9fr}.guide-card{padding:23px 23px 48px}.guide-card h3{font-size:23px}.guide-cards{gap:18px}.guides-hero h1{font-size:51px}.learning-path{padding:25px}.guide-page .article-aside nav{font-size:13px}}
@media(max-width:900px){.main-nav{gap:14px;font-size:13px}.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.guides-hero-grid{grid-template-columns:1fr}.guides-hero h1{font-size:55px}.learning-path{max-width:none}.learning-path ol{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.learning-path li{align-items:flex-start;gap:9px}.learning-path li:before{margin-top:15px}.learning-path a{font-size:14px}.learning-path h2{margin-bottom:18px}.learning-path p{margin-top:8px}.hub-practice{gap:25px;padding:32px}.foundation-grid{gap:28px}.foundation-grid>a{grid-template-columns:25px 1fr 15px;gap:13px}}
@media(max-width:850px){.guide-page .article-aside{max-height:none;overflow:visible}.guide-page .article-aside nav{margin-top:0;font-size:14px}.guide-page .article-layout{display:flex;flex-direction:column}.guide-page .article-aside{order:-1;width:100%}.guide-page .prose{width:100%}}
@media(max-width:650px){.main-nav{gap:0 24px;font-size:14px}.guides-hero{padding:38px 0}.guides-hero h1{font-size:clamp(39px,9.5vw,52px);letter-spacing:-1.7px}.guides-hero p{font-size:17px}.guides-hero-grid{gap:30px}.learning-path ol{display:block}.learning-path a{font-size:15px}.learning-path h2{font-size:29px}.learning-path p{font-size:13px}.topic-nav{gap:9px}.topic-nav a{font-size:13px;padding:8px 14px}.guide-cards,.foundation-grid{grid-template-columns:1fr}.guide-card{padding:25px 25px 48px}.guide-card h3{font-size:26px;margin-top:18px}.guide-card p{font-size:16px}.guide-group{padding-top:48px}.foundations{padding-top:42px}.foundation-grid{gap:6px}.foundation-grid>a{padding:22px 0;gap:15px;grid-template-columns:30px 1fr 15px}.foundation-grid h3{font-size:24px}.hub-practice{display:block;padding:28px;margin:48px 0}.hub-practice h2{font-size:30px}.hub-practice>.button{margin-top:23px}.article-meta{font-size:12px}.guide-page .info-table th,.guide-page .info-table td{padding:12px;min-width:92px}.guide-page .article-hero h1{font-size:37px;overflow-wrap:break-word}.guide-page .prose section+section{margin-top:34px}.guide-page .article-aside nav{display:grid;gap:12px}.guide-page .article-aside nav a{line-height:1.5}.guide-page .related-links a{padding:20px}.guide-page .article-layout{gap:26px}.glossary dd{font-size:17px}.guide-page .prose p{overflow-wrap:anywhere}}

/* Expand the navigation into its existing toggle before tablet widths crowd it. */
@media(max-width:900px){.header-inner{min-height:80px;flex-wrap:wrap;gap:0}.nav-toggle{display:block}.main-nav{width:100%;display:flex;flex-wrap:wrap;gap:0 24px;border-top:1px solid #ffffff21;padding:9px 0 14px;font-size:14px}.main-nav a{padding-block:8px}.js .main-nav{display:none}.js .main-nav.open{display:flex}}