/*
Theme Name: Counting Classic
Theme URI: https://www.iscardcountingillegal.com/
Author: Is Card Counting Illegal
Description: An ivory, green and gold blackjack guide theme with an interactive Hi-Lo practice calculator.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1.3
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: counting-classic
Tags: blog, custom-menu, custom-logo, one-column, translation-ready
*/
:root{--navy:#123f33;--teal:#28604d;--paper:#f6f2e9;--sand:#f1ede4;--gold:#b69b5d;--text:#51585c;--line:#e2e4e2;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--text);font:17px/1.65 var(--serif)}img{max-width:100%;height:auto;vertical-align:middle}a{color:var(--teal);text-underline-offset:4px}a:hover{color:var(--navy)}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}button,input[type=submit],.wp-block-button__link{border:0;background:var(--teal);color:#fff;border-radius:3px;padding:11px 19px;font-family:var(--sans);font-size:14px;font-weight:600}button:hover,input[type=submit]:hover{background:var(--navy)}input:not([type=checkbox]):not([type=radio]):not([type=submit]),textarea,select{max-width:100%;border:1px solid #c9cecf;background:#fff;border-radius:3px;padding:11px 12px;color:var(--navy);font:15px/1.5 var(--sans)}textarea{width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--serif);font-weight:500;color:var(--navy);line-height:1.15;margin:0 0 20px;text-wrap:balance;overflow-wrap:anywhere}h1{font-size:clamp(38px,4.8vw,60px);letter-spacing:-1.6px}h2{font-size:32px;letter-spacing:-.7px}h3{font-size:26px}p{margin:0 0 18px}ul,ol{padding-left:1.4em}blockquote{margin:28px 0;border-left:3px solid var(--gold);padding:8px 24px;background:var(--sand)}table{width:100%;border-collapse:collapse}th,td{border:1px solid var(--line);padding:10px;text-align:left}pre{overflow:auto;padding:20px;background:var(--sand)}iframe{max-width:100%}.container{width:min(1200px,calc(100% - 64px));margin-inline:auto}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{clip:auto;width:auto;height:auto;top:12px;left:12px;z-index:10000;padding:12px 20px;background:#fff;color:var(--navy);box-shadow:0 0 0 3px var(--teal)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}main:focus{outline:none}.site-header{background:#fff}.header-inner{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:18px}.brand{display:flex;align-items:center;gap:18px;min-width:0}.brand>div{min-width:0}.custom-logo-link{flex-shrink:0}.custom-logo{width:112px;height:112px;object-fit:contain;border-radius:50%}.site-title{font:bold clamp(26px,3.2vw,44px)/1 var(--serif);text-transform:uppercase;letter-spacing:-1.4px;text-decoration:none;color:var(--navy);overflow-wrap:anywhere}.site-description{font:16px/1.4 var(--serif);margin:8px 0 0;color:#6b7174}.header-note{margin:0;font:15px/1.5 var(--serif)}.primary-nav{background:var(--navy);color:#fff;position:relative;z-index:20}.nav-inner{display:flex;align-items:center;position:relative;gap:20px;min-height:50px}.menu{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;flex:1}.menu li{position:relative;display:flex;align-items:center}.menu a{color:#fff;text-decoration:none;font:600 12px/1.4 var(--sans);letter-spacing:.25px;text-transform:uppercase;display:block;padding:17px 13px}.menu a:hover,.menu li.current-menu-item>a,.menu li.current-menu-ancestor>a{color:#f2d69d}.menu>li.current-menu-item>a:after,.menu>li.current-menu-ancestor>a:after{content:"";position:absolute;bottom:0;left:13px;right:13px;height:3px;background:var(--gold)}.menu ul{display:none;position:absolute;top:100%;left:0;width:240px;background:var(--navy);border-top:3px solid var(--gold);box-shadow:0 6px 14px #123f3320}.menu ul li{display:flex;width:100%;border-bottom:1px solid #ffffff18}.menu ul a{flex:1;text-transform:none;letter-spacing:0;font-size:14px;padding:13px 16px}.menu ul ul{top:-3px;left:100%}.menu>li:last-child ul ul{left:auto;right:100%}html:not(.js) .menu li:hover>ul,html:not(.js) .menu li:focus-within>ul,.js .menu li.submenu-open>ul{display:block}.submenu-toggle{padding:0;margin-left:-7px;margin-right:9px;border-radius:0;background:transparent!important;color:#fff;min-width:28px;min-height:42px;font-size:17px;line-height:1}.submenu-toggle[aria-expanded=true]{color:var(--gold)}.nav-search{margin-left:auto;flex-shrink:0;position:relative}.nav-search summary{display:flex;padding:12px;list-style:none;color:#fff}.nav-search summary::-webkit-details-marker{display:none}.search-panel{position:absolute;right:0;top:calc(100% + 8px);background:#fff;color:var(--navy);width:320px;max-width:calc(100vw - 40px);padding:22px;border:1px solid var(--line);box-shadow:0 6px 16px #123f3320}.menu-toggle{display:none}.journal{padding-block:48px 28px}.section-heading{margin-bottom:32px}.eyebrow{font:650 12px/1.4 var(--sans);letter-spacing:1.7px;text-transform:uppercase;color:var(--teal);margin:0 0 15px}.section-heading h1{margin-bottom:12px}.section-intro{font-size:19px;color:#64717a;margin:0}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.post-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0;transition:border-color .18s}.post-card:hover{border-color:#8bafb2}.card-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#dce8e9}.card-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#12485b,#116e7c);color:#fff;font:italic 23px var(--serif)}.image-placeholder span{border-top:1px solid #ffffff60;border-bottom:1px solid #ffffff60;padding:12px}.card-body{padding:20px 22px 22px;display:flex;flex:1;flex-direction:column}.card-category{display:inline-block;text-decoration:none;letter-spacing:1px;font-size:10px;margin-bottom:10px;align-self:flex-start}.post-card h2{font-size:27px;letter-spacing:-.7px;margin:0 0 12px}.post-card h2 a{text-decoration:none;color:var(--navy)}.post-card h2 a:hover{color:var(--teal)}.card-excerpt{font-size:16px;line-height:1.5;color:#666f73;margin-bottom:16px}.read-link{font:600 13px/1.5 var(--sans);text-decoration:none;margin-top:auto;align-self:flex-start}.read-link span[aria-hidden]{margin-left:6px}.pagination,.navigation.pagination{padding-top:24px;text-align:center;margin:0}.page-numbers{display:inline-flex;list-style:none;gap:8px;padding:0;margin:0;align-items:center}.page-numbers a,.page-numbers span,.nav-links>.page-numbers{font:14px/1.5 var(--sans);padding:8px 11px;text-decoration:none;color:var(--navy)}.page-numbers .current,.nav-links>.current{border-bottom:2px solid var(--gold)}.home-guide{border-top:1px solid var(--line);padding-block:45px 56px;margin-top:8px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}.page-content{min-width:0}.page-title{font-size:clamp(34px,4.1vw,48px);letter-spacing:-1.2px;margin:0 0 20px}.page-content>.eyebrow{margin-bottom:13px}.entry-content{overflow-wrap:anywhere}.entry-content a{text-decoration:underline}.entry-content h2,.entry-content h3{margin-top:32px}.entry-content>:first-child{margin-top:0}.entry-content figure{margin:24px 0}.entry-content figcaption,.wp-caption-text,.gallery-caption{font:13px/1.5 var(--sans);color:#666;margin-top:8px}.entry-content .alignwide{width:100%}.entry-content .alignfull{margin-inline:0;width:100%}.alignleft{float:left;margin:6px 24px 18px 0}.alignright{float:right;margin:6px 0 18px 24px}.aligncenter{display:block;margin-inline:auto}.entry-content:after{content:"";display:table;clear:both}.entry-image{display:block;width:100%;height:auto;margin:0 0 26px}.search-form label{display:block;font:500 14px/1.4 var(--sans);color:var(--navy);margin-bottom:9px}.search-fields{display:flex;gap:6px}.search-fields input{width:0;flex:1;min-width:0;font-size:12px!important}.search-fields button{display:flex;align-items:center;justify-content:center;padding:10px 14px;background:var(--navy)}.site-footer{background:var(--navy);color:#d4dfe3;padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.site-footer .custom-logo{width:70px;height:70px}.site-footer .site-title{font-size:29px;letter-spacing:-.6px;color:#fff}.site-footer .site-description{font-size:13px;color:#d4dfe3}.footer-right{text-align:right;font:12px/1.6 var(--sans)}.footer-right p{margin:12px 0 0}.footer-menu{display:flex;gap:18px;justify-content:flex-end;flex-wrap:wrap}.footer-menu a{color:#fff;text-decoration:none}.singular-layout{padding-block:52px 64px}.entry-meta{font:13px/1.6 var(--sans);color:#667078;margin:0 0 25px}.post-navigation{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin-top:32px}.post-navigation .nav-links{display:flex;justify-content:space-between;gap:24px}.post-navigation .nav-links>div{max-width:48%}.nav-next{text-align:right}.comments-area{margin-top:40px}.comment-list{list-style:none;padding:0}.comment-list .children{list-style:none}.comment-body{padding:20px 0;border-bottom:1px solid var(--line)}.comment-author img{border-radius:50%;margin-right:8px}.comment-metadata,.comment-reply-link{font:13px var(--sans)}.comment-form label{display:block}.comment-form-cookies-consent label{display:inline}.bypostauthor>.comment-body{border-left:3px solid var(--gold);padding-left:18px}.sticky .card-category{color:#6a531e}.error-page{padding-block:80px;min-height:55vh}.error-page .search-form{max-width:500px;margin-block:30px}.wp-caption{max-width:100%}.wp-block-image img{height:auto}.wp-block-table{overflow-x:auto}.wp-block-search__input{min-width:0}.wp-block-search__button{margin-left:6px}.wp-block-button__link{color:#fff!important;text-decoration:none!important}.gallery{display:flex;flex-wrap:wrap;gap:16px}.gallery-item{margin:0;flex:1 1 180px}
@media(min-width:900px){.menu>li:first-child>a{padding-left:0}.menu>li:first-child.current-menu-item>a:after{left:0}}
@media(max-width:1050px){.menu a{padding-inline:8px;font-size:11px}.menu{gap:0}.content-layout{grid-template-columns:minmax(0,1fr) 270px;gap:28px}.post-card h2{font-size:24px}.card-body{padding:18px}.header-note{max-width:220px;text-align:right}}
@media(max-width:899px){.container{width:calc(100% - 40px)}.header-inner{min-height:125px}.custom-logo{width:88px;height:88px}.header-note{display:none}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-layout{grid-template-columns:minmax(0,1fr) 240px;gap:24px}.journal{padding-top:34px}.js .menu-toggle{display:block;background:none;padding:14px 0;font-size:14px}.js .nav-inner{flex-wrap:wrap;gap:0;justify-content:space-between}.js .nav-inner>.menu{display:none;order:3;flex-basis:100%;padding-bottom:12px}.js .nav-inner>.menu.is-open{display:block}.menu{gap:0}.menu li{flex-wrap:wrap}.menu a{font-size:12px;padding:14px 12px;flex:1}.menu li ul{position:static;flex-basis:100%;width:auto;border-top:0;box-shadow:none;background:#ffffff08;padding-left:16px}.menu>li.current-menu-item>a:after,.menu>li.current-menu-ancestor>a:after{display:none}.menu li.current-menu-item>a{color:#f2d69d}.nav-search{margin-left:auto}.footer-inner{align-items:flex-start}.footer-menu{gap:10px 16px}.footer-right{max-width:45%}}
@media(max-width:699px){.content-layout{grid-template-columns:minmax(0,1fr)}.home-guide{padding-block:32px 40px}.footer-inner{display:block}.footer-right{max-width:none;text-align:left;margin-top:26px}.footer-menu{justify-content:flex-start}.singular-layout{padding-block:36px 44px}}
@media(max-width:599px){.post-grid{grid-template-columns:minmax(0,1fr);gap:24px}.header-inner{min-height:112px;padding-block:14px}.brand{gap:12px}.custom-logo{width:78px;height:78px}.site-description{font-size:13px}.site-title{font-size:31px}.section-heading{margin-bottom:24px}.section-intro{font-size:17px}.journal{padding-bottom:24px}.post-card h2{font-size:28px}.card-body{padding:20px}.card-excerpt{font-size:17px}.section-heading h1{font-size:41px}.page-title{font-size:36px}.alignleft,.alignright{float:none;display:block;margin:20px 0;width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* R4I Editorial: full-width article and original horizontal brand lockup. */
.header-inner{min-height:140px;padding-block:16px}
.brand{display:block;flex:0 1 280px}
.custom-logo-link{display:block}
.custom-logo{display:block;width:280px;height:auto;max-height:118px;object-fit:contain;object-position:left center;border-radius:0}
.header-note{font-size:17px;text-align:right;color:var(--navy);max-width:none}
.menu a{font-family:var(--serif);font-size:15px;font-weight:500;letter-spacing:0;text-transform:none;padding-inline:14px}
.menu ul a{font-family:var(--sans);font-size:14px}
.post-card h2{font-weight:600;font-size:26px}
.card-category{font-size:10px;letter-spacing:1.3px}
.journal{padding-block:42px 26px}
.section-heading h1{font-weight:600;max-width:none}
.section-intro{font-size:21px}
.home-article{border-top:1px solid var(--line);padding-block:44px 60px;margin-top:8px}
.home-article>.container,.full-width-article{display:block;width:auto;max-width:none;min-width:0}
.home-article>.container{width:min(1200px,calc(100% - 64px))}
.full-width-article .entry-content{font-size:20px;line-height:1.75}
.full-width-article .entry-content>p{margin-bottom:22px}
.full-width-article .page-title{font-weight:600}
.full-width-article .entry-content h2{margin-top:32px;font-size:32px;font-weight:600}
.full-width-article .entry-content h3{font-size:26px;font-weight:600}
.full-width-article .entry-content blockquote{background:var(--sand);border-left:4px solid var(--gold);padding:18px 24px}
.full-width-article .entry-content blockquote p:last-child{margin-bottom:0}
.full-width-article .entry-image{max-height:600px;object-fit:cover}
.singular-layout{display:block}
.site-footer .brand{flex:0 0 210px;background:transparent;padding:0}
.site-footer .custom-logo{width:200px;height:auto;max-height:none;filter:brightness(0) invert(1)}
.footer-right{font-size:13px}
.footer-publisher{display:block;font-size:11px;letter-spacing:1.3px;margin-top:4px}
@media(max-width:1100px){.menu a{font-size:14px;padding-inline:10px}.menu{gap:0}.submenu-toggle{margin-right:5px}}
@media(max-width:899px){
.header-inner{min-height:118px}.brand{flex-basis:245px}.custom-logo{width:245px;max-height:102px}
.menu a{padding-inline:12px;font-size:15px}.header-note{display:none}
.home-article>.container{width:calc(100% - 40px)}
.site-footer .brand{max-width:210px}
}
@media(max-width:599px){
.header-inner{min-height:110px}.brand{flex-basis:220px}.custom-logo{width:220px;max-height:94px}
.section-heading h1{font-size:40px}.section-intro{font-size:18px}
.home-article{padding-block:30px 42px}.full-width-article .entry-content{font-size:18px;line-height:1.7}
.full-width-article .entry-content h2{font-size:29px}.post-card h2{font-size:27px}
}

/* Card-room identity and interactive practice interface. */
body{color:#3e4641}.site-header{background:#f6f2e9}.header-inner{min-height:110px}.brand{flex:0 1 330px}
.wordmark{display:flex;align-items:center;gap:15px;text-decoration:none;color:#171e1b}
.wordmark small{display:block;font:bold 16px/1.3 Georgia,serif;letter-spacing:.2px}
.wordmark strong{display:block;font:bold 35px/1 Georgia,serif;letter-spacing:1px}.wordmark strong span{color:#a6833f}
.chip-mark{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:6px dashed #171e1b;border-radius:50%;outline:2px solid #171e1b;outline-offset:3px;background:#fff;font-size:32px;color:#171e1b;box-shadow:0 6px 0 -1px #fff,0 9px 0 0 #171e1b;flex-shrink:0}
.primary-nav{background:#123f33}.hero{min-height:380px;position:relative;overflow:hidden;background:#f6f2e9}.hero-photo{position:absolute;inset:0 0 0 35%}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:75% center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#f6f2e9 0%,#f6f2e9 36%,#f6f2e9d9 47%,#f6f2e900 70%)}.hero-inner{position:relative;padding-block:50px}.hero-copy{max-width:590px}.hero h1{font-size:54px;color:#171e1b;font-weight:650;line-height:1.05;margin-bottom:22px}.hero-copy>p:not(.eyebrow){font-size:20px;max-width:520px}.eyebrow{color:#8b6b31}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:27px}.button{background:#123f33;color:#fff;padding:14px 20px;text-decoration:none;font-weight:650;display:inline-block;border-radius:3px}.button:hover{background:#28604d;color:#fff}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-block:25px}.topic-grid>a{display:flex;align-items:center;gap:16px;border:1px solid #cbbb9a;padding:21px 20px;text-decoration:none;border-radius:3px;color:#171e1b}.topic-grid>a>span:first-child{font-size:32px;color:#9b7b3f;line-height:1}.topic-grid strong{display:block;font-size:18px;line-height:1.3}.topic-grid p{font-size:13px;line-height:1.6;margin:4px 0 0}.topic-grid>a>span:last-child{margin-left:auto;color:#9b7b3f}.practice-section{background:#123f33;color:#f6f2e9;border:1px solid #b69b5d;border-radius:5px;padding:32px}.practice-section>h2{color:#fff;font-size:46px;margin-bottom:10px}.practice-section>.eyebrow{color:#d2b67c}.practice-section>p:not(.eyebrow){font-size:18px}.calculator-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px}.card-area{background:radial-gradient(ellipse at top,#285d44,#10362b);border:1px solid #ad9a65;border-radius:3px;padding:24px 16px 15px;min-width:0}.card-history{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:168px;overflow:auto;padding:4px}.history-item{display:flex;flex-direction:column;align-items:center;gap:12px;flex:0 0 72px}.playing-card{position:relative;background:#fffdf8;border-radius:5px;border:1px solid #c9c7be;color:#171e1b;width:72px;height:110px;box-shadow:0 3px 8px #0004}.playing-card.red{color:#b22222}.card-corner{position:absolute;top:6px;left:7px;white-space:pre;line-height:1;font:bold 17px/1 Georgia,serif}.card-corner.bottom{top:auto;left:auto;bottom:6px;right:7px;transform:rotate(180deg)}.card-symbol{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:43px Georgia,serif}.card-value{border:1px solid #b69b5d;padding:1px 12px;border-radius:2px;font:16px/1.5 var(--sans)}.history-caption{margin:15px 0 0;font-size:12px;line-height:1.5;text-align:center;color:#ecf0e8}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat,.formula-box{background:#f7f3e9;color:#171e1b;border:1px solid #cbbb9a;border-radius:4px;text-align:center;padding:18px 10px}.stat>span,.stat>label{display:block;font:650 10px/1.5 var(--sans);text-transform:uppercase;min-height:31px;margin-bottom:13px}.stat output{display:block;font:42px/1.15 Georgia,serif;overflow-wrap:anywhere}.stat input{width:100%;max-width:110px;font:26px/1.2 Georgia,serif!important;text-align:center;padding:9px 4px!important;border-color:#cbbb9a!important}.formula-box{margin-top:10px;padding:16px 10px}.formula-box strong{font:650 10px var(--sans);text-transform:uppercase}.formula-box p{font:27px/1.4 Georgia,serif;margin:8px 0 0}.calculator-error{margin:10px 0 0;padding:10px 12px;background:#fff0e8;color:#7b2019;border-radius:3px;font:13px/1.5 var(--sans)}.calculator-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:24px 0}.calculator-controls>strong{font-size:14px}.rank-buttons,.action-buttons{display:flex;gap:7px;flex-wrap:wrap}.rank-buttons button,.action-buttons button{background:transparent;color:#fff;border:1px solid #a2b3a8;border-radius:3px;padding:7px 11px;min-width:35px;font:14px/1.4 var(--sans)}.rank-buttons button:hover,.action-buttons button:hover{background:#28604d}.action-buttons button{border-color:#b69b5d}.calculator-controls button:disabled{opacity:.45;cursor:not-allowed}.value-legend{border-top:1px solid #a7b3a7;padding-top:20px;display:flex;align-items:center;flex-wrap:wrap;gap:16px}.value-legend>span{border:1px solid #ad9a65;border-radius:3px;padding:6px 12px;white-space:nowrap;font-size:14px}.value-legend strong{margin-left:12px}.value-legend p{font-size:13px;margin:0;flex:1;min-width:220px}.practice-caption{font:11px/1.7 var(--sans);color:#d1dfd4;margin:17px 0 0}.practice-section :focus-visible{outline-color:#f0cf86}.empty-cards{font-size:16px;text-align:center;margin:auto;max-width:300px}.how-section,.guides-section{padding-top:35px}.how-section>h2,.guides-section>h2{font-size:36px;color:#171e1b;font-weight:650}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.steps-grid>section{border:1px solid #d8cbb3;border-radius:3px;padding:22px;display:flex;gap:18px}.steps-grid>section>span{background:#b69b5d;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.steps-grid h3{font-size:19px;font-weight:650;color:#171e1b;letter-spacing:0;margin-bottom:10px}.steps-grid p{font-size:15px;line-height:1.65;margin:0}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-card{display:flex;flex-direction:column;border:1px solid #d8cbb3;border-radius:3px;overflow:hidden;text-decoration:none;color:#3e4641}.guide-card:hover{color:#171e1b;border-color:#9b7b3f}.guide-art{height:130px;background:linear-gradient(120deg,#123f33,#245c47);color:#f7f3e9;font:110px/.9 Georgia,serif;text-align:center;padding-top:18px}.art-two{background:#191f1b;color:#b69b5d}.art-three{background:linear-gradient(110deg,#785a2b,#29271e);font-size:130px}.guide-body{padding:20px;display:flex;flex-direction:column;flex:1}.guide-body h3{font-size:23px;color:#171e1b;font-weight:650}.guide-body>p:not(.eyebrow){font-size:15px;line-height:1.65;margin-bottom:12px}.guide-body>.eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:8px}.guide-body>span{margin-top:auto;align-self:flex-end;color:#8b6b31}.count-note{margin-block:24px 38px;padding:20px 25px;background:#eae0cb;border-radius:4px;color:#3c3220;text-align:center;font-size:19px}.site-footer{background:#123f33}.site-footer .wordmark{color:#fff}.site-footer .wordmark small{font-size:13px}.site-footer .wordmark strong{font-size:29px}.site-footer .chip-mark{width:46px;height:46px;font-size:25px}.footer-inner>div:last-child{text-align:right;font-size:12px}.footer-inner p{margin:10px 0 0}.home-article{padding-bottom:45px}.no-js-note{padding:15px;border:1px solid #b69b5d}
@media(max-width:1050px){.calculator-grid{grid-template-columns:minmax(0,1fr)}.card-history{justify-content:center}.history-item{flex-basis:72px}.calculator-controls{gap:15px}.topic-grid>a{padding:18px 14px;gap:10px}.topic-grid strong{font-size:16px}.steps-grid>section{padding:18px;gap:12px}}
@media(max-width:899px){.hero h1{font-size:46px}.hero-copy{max-width:510px}.hero-copy>p:not(.eyebrow){font-size:18px;max-width:440px}.hero-shade{background:linear-gradient(90deg,#f6f2e9 15%,#f6f2e9d9 60%,#f6f2e94d)}.hero-photo{left:25%}.topic-grid{grid-template-columns:1fr}.topic-grid>a{padding:20px}.steps-grid{grid-template-columns:1fr}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.header-inner{min-height:100px}.wordmark{gap:13px}.wordmark small{font-size:13px}.wordmark strong{font-size:29px}.chip-mark{width:48px;height:48px;font-size:25px}.hero{padding-bottom:170px}.hero-photo{inset:auto 0 0;height:185px}.hero-shade{background:linear-gradient(180deg,#f6f2e900 60%,#f6f2e9 67%,#f6f2e900)}.hero-inner{padding-block:30px}.hero h1{font-size:41px}.hero-actions{gap:18px}.practice-section{padding:23px 16px}.practice-section>h2{font-size:34px}.practice-section>p:not(.eyebrow){font-size:16px}.card-area{padding:17px 8px 12px}.card-history{gap:8px;justify-content:flex-start}.history-item{flex-basis:58px}.playing-card{width:58px;height:91px}.card-corner{font-size:14px}.card-symbol{font-size:33px}.card-history{min-height:145px}.stat{padding:15px 6px}.stat output{font-size:29px}.stat>span,.stat>label{font-size:8px;min-height:34px}.stat input{font-size:22px!important;max-width:83px}.formula-box p{font-size:23px}.value-legend{gap:10px}.value-legend>span{font-size:12px;padding:6px 8px}.guide-grid{grid-template-columns:1fr}.how-section>h2,.guides-section>h2{font-size:30px}.count-note{font-size:17px}.footer-inner>div:last-child{text-align:left;margin-top:25px}.header-note{display:none}}
.hilo-calculator{background:#123f33;color:#f6f2e9;padding:25px;border-radius:4px}.practice-section .hilo-calculator{padding:0;background:transparent}