:root { --ink:#12211a; --green-950:#092d23; --green-900:#0b3b2c; --green-800:#0c5038; --lime:#9ee641; --cream:#f6f7f2; --line:#dce4df; --pink:#ec2d75; --blue:#345fca; --orange:#f48b24; --violet:#8e42dc; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
button, a { font:inherit; }
.site-container { width:min(1100px, calc(100% - 40px)); margin-inline:auto; }
.site-header { background:#fff; border-bottom:1px solid #e9ece9; }
.nav-inner { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.brand { display:flex; align-items:center; gap:11px; color:#15231d; font-weight:900; letter-spacing:-.04em; text-decoration:none; font-size:19px; }
.brand img { border-radius:50%; }
.brand b { color:#14875b; }
#primary-navigation { display:flex; gap:25px; }
#primary-navigation a { color:#3a4942; text-decoration:none; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.035em; }
#primary-navigation a:hover { color:#087849; }
.menu-toggle { display:none; width:44px; height:42px; border:1px solid #dce4df; border-radius:8px; background:#fff; padding:10px; cursor:pointer; }
.menu-toggle span { display:block; width:100%; height:2px; margin:4px 0; background:#173d31; border-radius:2px; transition:transform .2s ease,opacity .2s ease; }
.menu-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(6px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
.hero-shell { background:linear-gradient(118deg,#082e25 0%,#0b5039 55%,#11815a 100%); overflow:hidden; }
.hero { min-height:354px; display:flex; align-items:center; justify-content:space-between; position:relative; padding-block:58px 70px; }
.hero:after { content:""; position:absolute; width:460px; height:460px; border-radius:50%; background:radial-gradient(circle,rgba(158,230,65,.18),transparent 67%); right:-100px; top:-100px; }
.hero-copy { max-width:780px; position:relative; z-index:2; }
.eyebrow { color:#d6eee3; text-transform:uppercase; letter-spacing:.14em; font-size:12px; font-weight:800; }
.eyebrow span { background:var(--lime); color:#143120; padding:5px 9px; border-radius:999px; margin-right:4px; }
h1 { color:#fff; font-size:clamp(38px,5.3vw,67px); line-height:1.01; letter-spacing:-.055em; margin:20px 0; max-width:830px; }
h1 span { color:var(--lime); }
.hero-intro { color:#e0eee7; max-width:700px; font-size:18px; line-height:1.65; margin:0; }
.hero-trust { display:flex; flex-wrap:wrap; gap:22px; margin-top:28px; color:#fff; font-size:13px; font-weight:700; }
.hero-trust span { display:flex; align-items:center; gap:7px; }
.hero-trust svg { color:var(--lime); width:18px; }
.hero-mark { width:220px; height:220px; position:relative; flex:0 0 220px; z-index:2; }
.card { position:absolute; width:118px; height:166px; border-radius:14px; background:#fff; box-shadow:0 22px 45px #06221a77; padding:13px; font-size:30px; font-weight:900; display:flex; flex-direction:column; color:#18241e; }
.card i { font-size:48px; line-height:.9; font-style:normal; }
.card-one { transform:rotate(-12deg); left:8px; top:16px; }
.card-two { transform:rotate(10deg); right:4px; bottom:7px; color:#e51f3c; }
.chart-section { margin-top:-26px; position:relative; z-index:5; }
.chart-card { background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:0 18px 50px rgba(12,52,38,.11); padding:32px; }
.chart-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:30px; }
.section-kicker { color:#087849; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.14em; margin:0 0 8px; }
.chart-heading h2,.info-panel h2,.editor-panel h2 { margin:0; font-size:29px; letter-spacing:-.035em; }
.chart-heading>div>p:last-child { color:#617069; margin:9px 0 0; }
.verified-by { display:flex; align-items:center; gap:10px; color:#637069; font-size:12px; min-width:185px; }
.verified-by img { border-radius:50%; object-fit:cover; }
.verified-by span { display:flex; flex-direction:column; gap:2px; }
.verified-by strong { color:#173026; font-size:13px; }
.verified-by a { color:inherit; text-decoration:underline; text-underline-offset:2px; }
.verified-by a:hover { color:#0d6d4b; }
.game-scope { display:flex; align-items:center; flex-wrap:wrap; gap:7px 12px; margin-top:22px; padding:10px 13px; background:#e9f5ee; border:1px solid #d1e5d8; border-radius:9px; color:#50665b; }.game-scope span { padding:5px 8px; background:#153f30; color:#aee66a; border-radius:5px; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }.game-scope strong { color:#173b2d; font-size:13px; }.game-scope small { font-size:12px; }
.rule-builder { margin-top:14px; padding:18px; display:grid; grid-template-columns:.85fr 1.3fr 1.15fr .9fr auto; gap:12px; align-items:end; background:#f2f6f3; border:1px solid #dae4de; border-radius:12px; }
fieldset { border:0; padding:0; margin:0; min-width:0; }
legend { font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.07em; color:#526159; margin-bottom:8px; }
.toggle-group { width:100%; display:flex; background:#fff; border:1px solid #d7e0da; border-radius:8px; padding:3px; gap:2px; }
.toggle-group button { flex:1; min-width:0; height:34px; border:0; border-radius:6px; background:transparent; color:#536058; font-size:12px; font-weight:800; white-space:nowrap; cursor:pointer; }
.toggle-group button.active { background:#0d6d4b; color:#fff; box-shadow:0 2px 5px #0b3d2b33; }
.fixed-rule { height:42px; display:flex; align-items:center; justify-content:space-between; gap:8px; background:#fff; border:1px solid #d7e0da; border-radius:8px; padding:0 11px; color:#173b2d; font-size:12px; font-weight:900; }
.fixed-rule span { color:#19865d; background:#def3e8; border-radius:999px; padding:4px 7px; font-size:9px; text-transform:uppercase; letter-spacing:.05em; }
.reset-button { height:42px; border:1px solid #cfdbd4; background:#fff; border-radius:8px; padding:0 13px; display:flex; align-items:center; gap:7px; color:#536159; font-size:12px; font-weight:800; cursor:pointer; }
.reset-button svg { width:15px; }
.active-chart-bar { background:#102c22; margin:24px -32px 0; padding:18px 32px; display:flex; justify-content:space-between; align-items:center; color:#fff; gap:18px; }
.active-chart-bar>div:first-child { display:flex; flex-direction:column; gap:4px; }
.active-chart-bar span { color:var(--lime); font-size:10px; letter-spacing:.14em; font-weight:900; }
.active-chart-bar strong { font-size:20px; }
.active-chart-bar small { color:#bed2c8; }
.download-actions { display:flex; gap:8px; }
.download-actions button { border:1px solid #ffffff38; background:#fff; color:#183126; border-radius:8px; height:40px; padding:0 13px; display:flex; align-items:center; gap:7px; font-size:12px; font-weight:900; cursor:pointer; }
.download-actions button:first-child { background:var(--lime); border-color:var(--lime); }
.download-actions svg { width:16px; }
.table-scroll { overflow:auto; margin-top:26px; border-radius:11px; border:1px solid #cad7d0; }
.mobile-chart { display:none; }
.strategy-table { width:100%; border-collapse:separate; border-spacing:2px; background:#dce3df; min-width:790px; table-layout:fixed; }
.strategy-table caption { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.strategy-table th,.strategy-table td { text-align:center; height:36px; font-weight:900; border:0; }
.strategy-table thead th { background:#123d2e; color:#fff; font-size:14px; height:47px; }
.strategy-table thead th:first-child { width:140px; text-align:left; padding-left:15px; }
.strategy-table thead th span { width:27px; height:31px; display:inline-grid; place-items:center; background:#fff; color:#153227; border-radius:4px; box-shadow:0 2px 4px #00150c55; }
.strategy-table thead th .red-card { color:#df2441; }
.strategy-table tbody th { background:#173d31; color:#fff; text-align:right; padding:0 12px; font-size:14px; position:sticky; left:0; z-index:2; }
.strategy-table tbody th span { float:left; font-size:8px; text-transform:uppercase; letter-spacing:.08em; color:#9fd1bc; max-width:70px; text-align:left; }
.strategy-table tr.group-start th,.strategy-table tr.group-start td { border-top:4px solid #f6f8f6; }
.strategy-table td { color:#fff; font-size:13px; }
.strategy-table td[data-a="H"] { background:#ed2e76; }.strategy-table td[data-a="S"] { background:#3763ca; }.strategy-table td[data-a^="D"] { background:#8a388f; }.strategy-table td[data-a="P"] { background:#35a84a; }.strategy-table td[data-a^="R"] { background:#8e42dc; }
.strategy-table abbr { text-decoration:none; cursor:help; }
.action-h { background:#ed2e76!important; }.action-s { background:#3763ca!important; }.action-d,.action-d-h,.action-d-s { background:#8a388f!important; }.action-p { background:#35a84a!important; }.action-r,.action-r-h,.action-r-s { background:#8e42dc!important; }
.legend { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-top:18px; }
.legend>div { display:flex; align-items:center; gap:9px; border:1px solid #e1e7e3; border-radius:8px; padding:8px; min-width:0; }
.legend>div>span { width:43px; height:37px; border-radius:5px; color:#fff; display:grid; place-items:center; flex:0 0 auto; font-size:12px; font-weight:900; }
.legend p { margin:0; color:#7a857f; font-size:9px; line-height:1.2; }
.legend strong { display:block; color:#24352d; font-size:11px; }
.chart-note { margin:18px 0 0; padding-top:16px; border-top:1px solid #e6ebe8; color:#69766f; font-size:12px; line-height:1.6; }.chart-note strong { color:#29463a; }
.content-section { padding-block:72px; }
.section-heading { max-width:720px; margin-bottom:32px; }
.section-heading.centered { text-align:center; margin-inline:auto; }
.section-heading h2,.strategy-copy h2,.rule-panel h2,.download-section h2,.permission-card h2,.editor-section h2 { margin:0; font-size:clamp(27px,3.2vw,38px); line-height:1.12; letter-spacing:-.04em; }
.section-heading>p:last-child,.strategy-copy>p,.download-section>div>p:last-child { color:#617069; line-height:1.7; font-size:15px; }
.action-section { padding-top:64px; }
.action-cards { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
.action-cards article { background:#fff; border:1px solid var(--line); border-radius:13px; padding:20px; box-shadow:0 9px 26px rgba(15,52,39,.05); }
.action-cards article>span { width:45px; height:45px; border-radius:8px; display:grid; place-items:center; color:#fff; font-size:15px; font-weight:900; }
.action-cards h3 { margin:16px 0 8px; font-size:16px; }.action-cards p { margin:0; color:#65736c; font-size:12px; line-height:1.55; }
.process-shell { background:#fff; border-block:1px solid #e1e8e4; }
.process-flow { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; position:relative; }
.process-flow:before { content:""; position:absolute; top:52px; left:16%; right:16%; height:2px; background:linear-gradient(90deg,#b0e676,#42a777,#b0e676); }
.process-flow article { text-align:center; position:relative; z-index:1; padding:0 24px; }
.process-flow article>span { width:25px; height:25px; display:grid; place-items:center; margin:0 auto 12px; background:#dff4cb; color:#175d3e; border-radius:50%; font-size:11px; font-weight:900; }
.mini-hand,.dealer-card,.result-chip { height:74px; margin:0 auto 18px; display:flex; align-items:center; justify-content:center; }
.mini-hand { gap:7px; }.mini-hand b,.dealer-card { width:48px; height:66px; background:#fff; border:2px solid #184b37; border-radius:7px; box-shadow:0 6px 14px #163d2c1a; font-size:20px; display:grid; place-items:center; }
.dealer-card { color:#d92546; position:relative; }.dealer-card small { position:absolute; bottom:7px; font-size:14px; }
.result-chip { width:76px; height:56px; border-radius:8px; color:#fff; font-size:19px; font-weight:900; }
.process-flow h3 { margin:0 0 8px; font-size:17px; }.process-flow p { margin:0; color:#69766f; font-size:13px; line-height:1.55; }
.worked-examples { margin-top:42px; padding-top:34px; border-top:1px solid #e1e8e4; }
.worked-examples-heading { max-width:720px; margin-bottom:24px; }.worked-examples-heading h3 { margin:0; font-size:28px; letter-spacing:-.035em; }.worked-examples-heading>p:last-child { margin:10px 0 0; color:#617069; font-size:16px; line-height:1.65; }
.example-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.strategy-example { background:#f7f9f7; border:1px solid #dae4de; border-radius:13px; padding:20px; }.example-type { color:#087849; font-size:11px; font-weight:900; text-transform:uppercase; letter-spacing:.11em; }.example-visual { min-height:82px; display:flex; align-items:center; gap:6px; margin:14px 0; }.example-visual i { margin-inline:5px; color:#7b8982; font-size:13px; font-style:normal; font-weight:900; text-transform:uppercase; }.playing-card { width:45px; height:64px; display:flex; flex-direction:column; justify-content:space-between; background:#fff; border:1px solid #cfdad4; border-radius:7px; padding:6px; color:#17271f; font-size:18px; font-weight:900; box-shadow:0 4px 10px #173b2d12; }.playing-card small { font-size:16px; line-height:1; }.playing-card.red-suit { color:#dc2948; }.dealer-example { transform:rotate(4deg); border-color:#9db7aa; }.strategy-example h4 { margin:0; font-size:17px; line-height:1.35; }.example-answer { display:flex; align-items:center; gap:10px; margin:14px 0 0; color:#53645b; font-size:15px; line-height:1.4; }.example-answer b { width:50px; min-height:40px; display:grid; place-items:center; flex:0 0 auto; border-radius:7px; color:#fff; font-size:13px; }
.strategy-grid { display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.strategy-copy,.rule-panel { background:#fff; border:1px solid var(--line); border-radius:16px; padding:32px; }
.strategy-copy>p { margin:18px 0 0; }.data-callout { margin-top:26px; display:flex; align-items:center; gap:18px; background:#eaf7e1; border:1px solid #cfe8bd; border-radius:11px; padding:18px; }
.data-callout>span { color:#126444; font-size:35px; font-weight:900; letter-spacing:-.06em; white-space:nowrap; }.data-callout p { margin:0; color:#567063; font-size:11px; line-height:1.5; }.data-callout strong { display:block; color:#173b2d; font-size:13px; margin-bottom:3px; }
.rule-cards { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:22px; }.rule-cards article { border:1px solid #dce5df; background:#f5f8f6; border-radius:10px; padding:15px; }.rule-cards article>span { display:inline-block; background:#153f30; color:#aee66a; padding:4px 7px; border-radius:5px; font-size:10px; font-weight:900; }.rule-cards h3 { margin:12px 0 5px; font-size:13px; }.rule-cards p { margin:0; color:#6c7872; font-size:11px; line-height:1.45; }
.rule-check-shell { background:#edf5f0; border-block:1px solid #d9e7df; }.rule-check-section { display:grid; grid-template-columns:.75fr 1.25fr; gap:44px; align-items:start; }.rule-check-intro h2,.methodology-card h2 { margin:0; font-size:clamp(27px,3.2vw,38px); line-height:1.12; letter-spacing:-.04em; }.rule-check-intro>p:last-of-type { margin:16px 0 0; color:#5e7067; font-size:16px; line-height:1.7; }.rule-check-intro>a { display:inline-flex; margin-top:22px; color:#0b704d; font-weight:900; font-size:15px; }.table-rule-checklist { list-style:none; padding:0; margin:0; display:grid; gap:10px; }.table-rule-checklist li { display:grid; grid-template-columns:42px 1fr auto; gap:14px; align-items:center; background:#fff; border:1px solid #d8e3dd; border-radius:12px; padding:16px; }.table-rule-checklist li>span { width:38px; height:38px; display:grid; place-items:center; background:#dff3ce; color:#155d3e; border-radius:50%; font-weight:900; }.table-rule-checklist strong { display:block; font-size:17px; }.table-rule-checklist p { margin:4px 0 0; color:#65756d; font-size:15px; line-height:1.55; }.table-rule-checklist li>b { min-width:85px; padding:8px 10px; background:#153f30; color:#aee66a; border-radius:7px; text-align:center; font-size:12px; }
.decision-section { padding-top:16px; }
.decision-order { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.decision-order article { background:#fff; border:1px solid var(--line); border-radius:13px; padding:20px; position:relative; }.decision-order article:not(:last-child):after { content:"›"; position:absolute; right:-12px; top:50%; transform:translateY(-50%); width:22px; height:22px; display:grid; place-items:center; background:#0e4d39; color:#fff; border-radius:50%; z-index:2; }.decision-order span { width:34px; height:34px; display:grid; place-items:center; color:#fff; border-radius:7px; font-weight:900; }.decision-order h3 { font-size:15px; margin:16px 0 7px; }.decision-order p { margin:0; color:#6a766f; font-size:12px; line-height:1.5; }
.download-shell { background:linear-gradient(118deg,#082e25,#0b5039 58%,#11815a); color:#fff; }.download-section { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:42px; }.download-section .section-kicker { color:var(--lime); }.download-section>div>p:last-child { color:#d0e4da; }.format-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.format-card { border:1px solid #ffffff35; background:#ffffff10; color:#fff; border-radius:12px; padding:18px; text-align:left; text-decoration:none; cursor:pointer; display:flex; flex-direction:column; min-height:154px; }.format-card:hover { background:#ffffff1d; transform:translateY(-2px); }.format-card>span { width:43px; height:32px; display:grid; place-items:center; background:var(--lime); color:#143120; border-radius:6px; font-size:10px; font-weight:900; }.format-card strong { margin-top:19px; font-size:14px; }.format-card small { margin-top:6px; color:#c7dcd2; line-height:1.45; font-size:10px; }
.use-section { display:grid; grid-template-columns:1.25fr .75fr; gap:20px; }.permission-card,.limits-card { background:#fff; border:1px solid var(--line); border-radius:16px; padding:30px; }.permission-card { display:flex; gap:20px; }.permission-card>span { width:48px; height:48px; flex:0 0 auto; display:grid; place-items:center; background:#dff5cb; color:#16633f; border-radius:50%; font-size:21px; font-weight:900; }.permission-card p:last-child { color:#5f6f67; line-height:1.7; font-size:13px; }.limits-card h3 { margin:0 0 20px; }.limits-card>div { display:grid; grid-template-columns:1fr 1fr; gap:18px; }.limits-card p { margin:0; }.limits-card strong { display:block; color:#0d6847; margin-bottom:10px; }.limits-card span { display:block; color:#65736c; font-size:11px; line-height:1.45; padding:6px 0 6px 18px; position:relative; }.limits-card span:before { content:"✓"; position:absolute; left:0; color:#26a267; font-weight:900; }.limits-card p:last-child span:before { content:"×"; color:#d9445c; }
.faq-shell { background:#fff; border-block:1px solid #e1e8e4; }.faq-section { max-width:900px; }.faq-list { display:grid; gap:9px; }.faq-list details { border:1px solid #dce4df; border-radius:10px; background:#fbfcfb; overflow:hidden; }.faq-list summary { cursor:pointer; list-style:none; padding:18px 52px 18px 20px; font-size:14px; font-weight:800; position:relative; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary:after { content:"+"; position:absolute; right:19px; top:50%; transform:translateY(-50%); color:#0c704d; font-size:22px; }.faq-list details[open] summary:after { content:"-"; }.faq-list details p { margin:0; padding:0 20px 19px; color:#64736b; line-height:1.65; font-size:13px; }
.editor-section { display:flex; gap:28px; align-items:center; }.editor-section>img { border-radius:17px; object-fit:cover; box-shadow:0 12px 30px #0b3b2c25; }.editor-section>div { max-width:760px; }.editor-section>div>p:not(.section-kicker) { color:#5f6e66; line-height:1.7; font-size:13px; }.editor-note { border-left:3px solid #2ca46f; padding-left:13px; }
.methodology-section { padding-top:16px; }.methodology-card { background:#fff; border:1px solid var(--line); border-radius:16px; padding:32px; }.methodology-card>div:first-child { max-width:780px; }.methodology-card>div:first-child>p:last-child { margin:16px 0 0; color:#5f7067; font-size:16px; line-height:1.7; }.methodology-points { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:28px; }.methodology-points article { background:#f5f8f6; border:1px solid #dde6e1; border-radius:11px; padding:19px; }.methodology-points article>span { color:#0b7952; font-size:11px; font-weight:900; letter-spacing:.12em; }.methodology-points h3 { margin:12px 0 7px; font-size:18px; }.methodology-points p { margin:0; color:#63736b; font-size:16px; line-height:1.6; }.review-record { display:grid; grid-template-columns:auto auto 1fr; align-items:center; gap:12px; margin-top:16px; padding:16px 18px; background:#102c22; color:#fff; border-radius:10px; }.review-record>span { color:var(--lime); font-size:11px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.review-record strong { font-size:16px; }.review-record small { color:#c2d5cc; font-size:14px; text-align:right; }.editor-note strong { color:#244b3a; }
/* Readable body type from the usage guide downward */
.process-flow h3 { font-size:18px; }
.process-shell .section-heading>p:last-child,.decision-section .section-heading>p:last-child,.faq-shell .section-heading>p:last-child { font-size:16px; }
.process-flow p { font-size:16px; line-height:1.65; }
.strategy-copy>p { font-size:16px; line-height:1.7; }
.data-callout p,.data-callout strong { font-size:16px; line-height:1.6; }
.rule-cards article>span { font-size:11px; }
.rule-cards h3 { font-size:17px; }
.rule-cards p { font-size:16px; line-height:1.6; }
.decision-order h3 { font-size:18px; }
.decision-order p { font-size:16px; line-height:1.65; }
.download-section>div>p:last-child { font-size:16px; }
.format-card { min-height:174px; }
.format-card>span { font-size:11px; }
.format-card strong { font-size:17px; }
.format-card small { font-size:15px; line-height:1.55; }
.permission-card p:last-child { font-size:16px; }
.limits-card h3 { font-size:20px; }
.limits-card strong { font-size:17px; }
.limits-card span { font-size:15px; line-height:1.55; padding-block:7px; padding-left:20px; }
.faq-list summary { padding-block:20px; font-size:17px; }
.faq-list details p { padding-bottom:21px; font-size:16px; line-height:1.7; }
.editor-section>div { max-width:820px; }
.editor-section>div>p:not(.section-kicker) { font-size:16px; }
.lower-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:22px; padding-block:40px 72px; }
.info-panel,.editor-panel { background:#fff; border:1px solid var(--line); border-radius:15px; padding:28px; }
.info-panel ol { list-style:none; padding:0; margin:24px 0 0; counter-reset:steps; display:grid; gap:18px; }
.info-panel li { counter-increment:steps; display:grid; grid-template-columns:38px 1fr; column-gap:12px; }
.info-panel li:before { content:counter(steps); grid-row:1/3; width:34px; height:34px; background:#e2f6d2; color:#176241; border-radius:50%; display:grid; place-items:center; font-weight:900; }
.info-panel li strong { font-size:14px; }.info-panel li span { color:#68756e; font-size:13px; margin-top:3px; line-height:1.45; }
.editor-panel { display:flex; align-items:flex-start; gap:20px; background:#ecf6f0; border-color:#d1e4d8; }
.editor-panel>img { border-radius:13px; object-fit:cover; box-shadow:0 8px 20px #0b3b2c22; }
.editor-panel p:last-child { color:#57665f; font-size:13px; line-height:1.65; margin-bottom:0; }
footer { background:#0b251d; color:#adc0b7; }
.footer-inner { min-height:190px; display:grid; grid-template-columns:1fr 1.2fr auto; align-items:center; gap:30px; font-size:12px; }
.brand-footer { color:#fff; }.brand-footer b { color:var(--lime); }
.footer-center { text-align:center; }.footer-center>p { margin:0; }.safe-gambling-logos { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:18px 26px; margin-top:18px; }.safe-gambling-logos a { display:flex; align-items:center; justify-content:center; min-height:32px; }.safe-gambling-logos img { display:block; max-width:100%; height:auto; }.footer-links { display:flex; justify-content:center; flex-wrap:wrap; gap:9px 22px; margin-top:16px; }.footer-links a { color:#d6e4dd; text-decoration:none; font-size:12px; font-weight:700; }.footer-links a:hover { color:var(--lime); text-decoration:underline; }
.copyright-link { color:inherit; text-decoration:none; font-weight:700; }
.copyright-link:hover { color:var(--lime); text-decoration:underline; text-underline-offset:3px; }

/* Privacy, cookie and terms page */
.policy-hero-shell { background:linear-gradient(118deg,#092d23 0%,#0b5039 68%,#116b4d 100%); }
.policy-hero { min-height:286px; padding-block:46px 62px; }
.policy-hero h1 { font-size:clamp(38px,5vw,60px); max-width:850px; }
.policy-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:28px; align-items:start; margin-top:-24px; margin-bottom:64px; position:relative; z-index:5; }
.policy-toc { position:sticky; top:22px; background:#102c22; color:#fff; border-radius:14px; padding:23px 20px; box-shadow:0 14px 35px #0b3b2c1c; }
.policy-toc .section-kicker { color:var(--lime); margin-bottom:14px; }
.policy-toc a { display:block; color:#e4f0ea; text-decoration:none; border-top:1px solid #ffffff1f; padding:13px 0; font-size:13px; font-weight:800; }
.policy-toc a:hover { color:var(--lime); }
.policy-card { background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:0 18px 50px rgba(12,52,38,.09); padding:clamp(24px,5vw,54px); min-width:0; }
.policy-summary { display:flex; gap:16px; align-items:flex-start; background:#eaf7ef; border:1px solid #c9e8d6; border-radius:13px; padding:20px; margin-bottom:44px; }
.policy-summary>span { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:50%; background:#168454; color:#fff; font-weight:900; }
.policy-summary strong { display:block; color:#123d2e; font-size:17px; margin-bottom:5px; }
.policy-summary p { margin:0; }
.policy-card p,.policy-card li { color:#4f5f57; font-size:16px; line-height:1.75; }
.policy-card a { color:#087849; font-weight:800; text-underline-offset:3px; }
.policy-major-section { scroll-margin-top:20px; }
.policy-major-section+.policy-major-section { border-top:1px solid var(--line); margin-top:55px; padding-top:55px; }
.policy-major-section>h2:first-of-type { font-size:34px; color:#102c22; margin-top:0; }
.policy-card h2 { color:#173026; font-size:24px; letter-spacing:-.025em; line-height:1.22; margin:38px 0 10px; scroll-margin-top:20px; }
.policy-card h3 { color:#173026; font-size:20px; letter-spacing:-.015em; line-height:1.3; margin:30px 0 9px; scroll-margin-top:20px; }
.policy-card h2+p,.policy-card h3+p { margin-top:0; }
.contact-detail { display:grid; grid-template-columns:90px minmax(0,1fr); gap:8px 18px; background:#f3f7f4; border:1px solid var(--line); border-radius:11px; padding:18px; margin-top:20px; font-size:14px; }
.contact-detail span { color:#68776f; font-weight:700; }
.cookie-contents { display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; }
.cookie-contents a { background:#edf5f0; border:1px solid #d6e7dc; border-radius:999px; padding:8px 12px; text-decoration:none; font-size:12px; }
.cookie-contents a:hover { background:#dff1e6; }
.cookie-type-list { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:36px; scroll-margin-top:20px; }
.cookie-type-list article { background:#f7faf8; border:1px solid var(--line); border-radius:12px; padding:20px; }
.cookie-type-list h2 { font-size:18px; margin:0 0 7px; }
.cookie-type-list p { font-size:14px; line-height:1.6; margin:0; }
.policy-updated { border-top:1px solid var(--line); margin:50px 0 0; padding-top:22px; font-size:13px!important; }
.safer-summary { background:#fff4e5; border-color:#f4d6a8; }
.safer-summary>span { background:#e47b16; }
.warning-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin:22px 0; }
.warning-grid article { border:1px solid #ead7d7; border-left:4px solid #dc4a55; border-radius:10px; padding:17px; background:#fffafa; }
.warning-grid strong { color:#762f35; font-size:15px; }
.warning-grid p { font-size:14px; line-height:1.55; margin:6px 0 0; }
.limit-list { margin:20px 0; padding:0; list-style:none; display:grid; gap:9px; }
.limit-list li { background:#f5f8f6; border:1px solid var(--line); border-radius:9px; padding:13px 15px; font-size:14px; line-height:1.55; }
.limit-list strong { color:#173d31; }
.support-cards { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:22px 0; }
.support-cards>a { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:180px; background:#102c22; border-radius:12px; padding:24px; text-decoration:none; text-align:center; transition:transform .2s ease,background .2s ease; }
.support-cards>a:hover { transform:translateY(-2px); background:#164333; }
.support-cards img { display:block; max-width:190px; height:auto; margin-bottom:18px; }
.support-cards span { color:#cfe0d7; font-size:13px; line-height:1.55; }
.support-cards strong { display:block; color:#fff; font-size:16px; margin-bottom:5px; }
.before-you-play { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin:20px 0; }
.before-you-play p { position:relative; margin:0; padding:17px 17px 17px 58px; background:#eef7f1; border:1px solid #d3e7da; border-radius:10px; font-size:14px; line-height:1.55; }
.before-you-play span { position:absolute; left:16px; top:17px; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#14875b; color:#fff; font-weight:900; }
.before-you-play strong { display:block; color:#173d31; margin-bottom:4px; }
.policy-cta { display:inline-flex; align-items:center; min-height:46px; padding:0 18px; border-radius:8px; background:#14875b; color:#fff!important; text-decoration:none; }
.policy-cta:hover { background:#0c6d48; }
.responsible-editor { display:grid; grid-template-columns:112px minmax(0,1fr); gap:22px; align-items:start; border-top:1px solid var(--line); margin-top:46px; padding-top:34px; scroll-margin-top:20px; }
.responsible-editor img { border-radius:50%; width:112px; height:112px; object-fit:cover; }
.responsible-editor h2 { margin:0 0 8px; }

@media (max-width:900px) { .hero-mark{display:none}.hero-copy{max-width:760px}.rule-builder{grid-template-columns:1fr 1fr}.reset-button{justify-content:center}.legend{grid-template-columns:repeat(3,1fr)}.footer-inner{grid-template-columns:1fr 1fr}.footer-inner>p:last-child{grid-column:1/-1;margin-top:-22px}.lower-grid{grid-template-columns:1fr}.chart-card{padding:25px}.active-chart-bar{margin-inline:-25px;padding-inline:25px}.action-cards{grid-template-columns:repeat(3,1fr)}.strategy-grid,.download-section,.use-section,.rule-check-section{grid-template-columns:1fr}.decision-order{grid-template-columns:1fr 1fr}.decision-order article:after{display:none}.download-section{gap:24px}.format-cards{max-width:650px}.process-flow article{padding-inline:10px}.rule-check-section{gap:28px}.review-record{grid-template-columns:auto auto}.review-record small{grid-column:1/-1;text-align:left} }
@media (max-width:680px) { .site-container{width:min(100% - 24px,1100px)}.nav-inner{min-height:68px;position:relative}.brand{font-size:16px}.brand img{width:40px;height:40px}.menu-toggle{display:block}#primary-navigation{display:none;position:absolute;z-index:20;top:calc(100% - 1px);left:0;right:0;flex-direction:column;gap:0;background:#fff;border:1px solid #dce4df;border-radius:0 0 12px 12px;box-shadow:0 16px 30px #0b3b2c20;padding:8px}#primary-navigation.is-open{display:flex}#primary-navigation a{padding:14px 12px;border-radius:7px;font-size:12px}#primary-navigation a:hover{background:#eff6f2}.hero{min-height:0;padding-block:42px 52px}.hero-intro{font-size:16px}.hero-trust{gap:12px;flex-direction:column}.chart-section{margin-top:-18px}.chart-card{padding:18px;border-radius:14px}.chart-heading{display:block}.verified-by{margin-top:18px}.rule-builder{grid-template-columns:1fr;margin-top:22px;padding:13px}.active-chart-bar{margin:20px -18px 0;padding:16px 18px;align-items:flex-start;flex-direction:column}.download-actions{width:100%}.download-actions button{flex:1;justify-content:center;padding:0 8px}.table-scroll{display:none}.mobile-chart{display:block;margin-top:22px}.mobile-chart-section{margin-top:24px}.mobile-chart-section:first-child{margin-top:0}.mobile-chart-section h3{margin:0;background:#102c22;color:#fff;border-radius:9px 9px 0 0;padding:12px 14px;font-size:15px}.mobile-chart-block{margin-top:10px;border:1px solid #cad7d0;border-radius:8px;overflow:hidden}.mobile-chart-block>p{margin:0;background:#e9f1ec;color:#1b4b38;padding:8px 10px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.mobile-chart table{width:100%;border-collapse:separate;border-spacing:2px;background:#dce3df;table-layout:fixed}.mobile-chart th,.mobile-chart td{height:32px;text-align:center;font-size:11px;font-weight:900}.mobile-chart thead th{background:#123d2e;color:#fff;height:37px}.mobile-chart thead th:first-child{width:62px}.mobile-chart tbody th{background:#173d31;color:#fff}.mobile-chart td{color:#fff}.mobile-chart td[data-a="H"]{background:#ed2e76}.mobile-chart td[data-a="S"]{background:#3763ca}.mobile-chart td[data-a^="D"]{background:#8a388f}.mobile-chart td[data-a="P"]{background:#35a84a}.mobile-chart td[data-a^="R"]{background:#8e42dc}.legend{grid-template-columns:1fr 1fr}.lower-grid{padding-block:24px 46px}.editor-panel{flex-direction:column}.footer-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-block:32px}.footer-center{display:flex;flex-direction:column;align-items:center}.footer-links{display:flex}.footer-inner>p:last-child{margin:0} }

@media (max-width:760px) {
  .policy-hero { padding-block:38px 50px; }
  .policy-layout { grid-template-columns:1fr; gap:14px; margin-top:-18px; margin-bottom:42px; }
  .policy-toc { position:static; display:flex; flex-wrap:wrap; gap:7px; padding:16px; }
  .policy-toc .section-kicker { width:100%; margin-bottom:4px; }
  .policy-toc a { border:1px solid #ffffff24; border-radius:999px; padding:8px 10px; font-size:11px; }
  .policy-card { padding:24px 18px; border-radius:14px; }
  .policy-card p,.policy-card li { font-size:15px; }
  .policy-major-section+.policy-major-section { margin-top:42px; padding-top:42px; }
  .policy-major-section>h2:first-of-type { font-size:29px; }
  .policy-card h2 { font-size:22px; margin-top:32px; }
  .policy-card h3 { font-size:19px; }
  .policy-summary { padding:16px; }
  .contact-detail { grid-template-columns:1fr; gap:4px; }
  .contact-detail span:not(:first-child) { margin-top:10px; }
  .cookie-type-list { grid-template-columns:1fr; }
  .warning-grid,.support-cards,.before-you-play { grid-template-columns:1fr; }
  .responsible-editor { grid-template-columns:1fr; }
}
@media (max-width:680px) { .content-section{padding-block:48px}.section-heading{margin-bottom:24px}.action-section{padding-top:46px}.action-cards{grid-template-columns:1fr 1fr;gap:9px}.action-cards article{padding:15px}.action-cards article:last-child{grid-column:1/-1}.process-flow{grid-template-columns:1fr;gap:30px}.process-flow:before{display:none}.process-flow article{padding-inline:20px}.worked-examples{margin-top:34px;padding-top:28px}.worked-examples-heading h3{font-size:25px}.example-cards{grid-template-columns:1fr}.strategy-example{padding:18px}.strategy-grid{gap:14px}.strategy-copy,.rule-panel{padding:22px}.data-callout{align-items:flex-start;flex-direction:column}.rule-cards{grid-template-columns:1fr}.table-rule-checklist li{grid-template-columns:38px 1fr;gap:12px;padding:15px}.table-rule-checklist li>b{grid-column:2;justify-self:start}.decision-section{padding-top:0}.decision-order{grid-template-columns:1fr}.download-section{gap:24px}.format-cards{grid-template-columns:1fr}.format-card{min-height:0}.use-section{gap:14px}.permission-card{padding:22px;flex-direction:column}.limits-card{padding:22px}.limits-card>div{grid-template-columns:1fr}.methodology-section{padding-top:0}.methodology-card{padding:22px}.methodology-points{grid-template-columns:1fr}.review-record{grid-template-columns:1fr}.review-record small{grid-column:auto}.editor-section{align-items:flex-start;flex-direction:column}.editor-section>img{width:110px;height:110px}.faq-list summary{padding-left:16px}.faq-list details p{padding-left:16px}.section-heading h2,.strategy-copy h2,.rule-panel h2,.download-section h2,.permission-card h2,.editor-section h2,.rule-check-intro h2,.methodology-card h2{font-size:27px} }
@media print { .site-header,.hero-shell,.rule-builder,.chart-heading,.download-actions,.lower-grid,.content-section,.process-shell,.download-shell,.faq-shell,footer,.chart-note,.mobile-chart{display:none!important}.chart-section{display:block!important;width:100%;margin:0}.chart-card{box-shadow:none;border:0;padding:0}.active-chart-bar{margin:0 0 15px}.table-scroll{display:block!important;overflow:visible}.strategy-table{min-width:0}.legend{grid-template-columns:repeat(4,1fr)} }