*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#10131d;color:#f5f3ef;font:16px/1.65 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #e6b75b;outline-offset:4px}.container{max-width:1180px;margin:auto;padding:0 22px}.skip{position:absolute;top:-80px;left:12px;background:#e6b75b;color:#111;padding:8px;z-index:10}.skip:focus{top:10px}.disclosure{padding:8px 12px;background:#222537;color:#d9dbe3;text-align:center;font-size:12px}.header{position:sticky;top:0;z-index:5;background:rgba(16,19,29,.96);border-bottom:1px solid #343745;backdrop-filter:blur(14px)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:850;letter-spacing:.06em;line-height:1.1}.brand small{display:block;color:#9da3b5;font-size:9px;letter-spacing:.24em;margin-top:5px}.brand-icon{background:#2c2734;border:1px solid #74603d;color:#e6b75b;border-radius:12px;padding:9px 13px}.gold,.eyebrow{color:#e6b75b}.nav{display:flex;gap:21px;align-items:center}.nav a{font-size:13px;font-weight:650;color:#d4d6df}.nav a:hover,.nav a[aria-current]{color:#e6b75b}.menu-toggle{display:none;background:none;border:1px solid #555a6a;border-radius:8px;color:white;font-size:24px;padding:3px 12px}.hero{background:radial-gradient(ellipse at 82% 40%,#332c49 0%,#171b2b 40%,#10131d 75%);border-bottom:1px solid #292d3c}.hero-inner{min-height:415px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;padding-top:65px;padding-bottom:65px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800}.hero h1{font-size:clamp(34px,5vw,59px);line-height:1.1;letter-spacing:-.04em;margin:17px 0 19px;max-width:730px}.hero p{color:#c1c4d1;max-width:590px;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:12px 19px;font-size:14px;font-weight:750}.primary{background:#e6b75b;color:#1b1920}.secondary{border:1px solid #6d6d80;color:#f6f3f0}.hero-art{height:300px;display:grid;place-items:center;position:relative}.halo{position:absolute;width:260px;height:260px;border:1px solid #7b6540;border-radius:50%;box-shadow:0 0 90px #b78d3820, inset 0 0 50px #e6b75b15}.art-card{position:relative;background:linear-gradient(135deg,#323049,#181b2c);border:1px solid #8d7445;box-shadow:0 28px 70px #0009;border-radius:20px;width:250px;height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px;font-weight:850;letter-spacing:.1em;transform:rotate(-7deg)}.art-symbol{color:#e6b75b;font-size:45px}.art-card small{font-size:10px;color:#c6a66e;letter-spacing:.2em}.breadcrumbs{font-size:12px;color:#9da3b5;padding-top:23px}.breadcrumbs a{color:#e6b75b}.breadcrumbs span{padding:0 10px}.section{padding:52px 0 28px}.section-heading h2{font-size:30px;line-height:1.2;margin:10px 0}.section-heading p{color:#aeb2c0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:25px}.category-card,.info-card{background:#1d2130;border:1px solid #353a4d;border-radius:13px}.category-card{min-height:125px;padding:21px;display:flex;flex-direction:column;gap:10px;position:relative}.category-card:hover{border-color:#c59a52;transform:translateY(-2px)}.category-icon{color:#e6b75b}.card-arrow{position:absolute;right:19px;top:17px;color:#aeb2c0}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:24px}.info-card{padding:25px}.info-card .line{display:block;width:30px;height:3px;background:#e6b75b}.info-card h3{font-size:18px;margin:19px 0 8px}.info-card p,.notice p{color:#bdc1cf;margin:0}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.related a{padding:16px 19px;border:1px solid #3a4052;border-radius:10px;display:flex;justify-content:space-between}.related span{color:#e6b75b}.notice{margin:55px 0 70px;padding:25px;border-left:3px solid #e6b75b;background:#242537;border-radius:0 12px 12px 0}.notice strong{display:block;margin-bottom:8px}.notice .btn{margin-top:17px}.small{font-size:12px!important;margin-top:10px!important}.footer{border-top:1px solid #343745;background:#0c0e16;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer h2{font-size:15px;margin:0 0 12px}.footer p{color:#9da3b5;max-width:400px}.footer a{display:block;color:#b9bdca;font-size:14px;margin-bottom:8px}.copyright{border-top:1px solid #303341;margin-top:30px;padding-top:16px;font-size:12px;color:#858b9d}@media(max-width:900px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#181b28;padding:16px 24px;flex-direction:column;align-items:stretch;border-bottom:1px solid #393e4c}.nav.open{display:flex}.hero-inner{grid-template-columns:1fr}.hero-art{display:none}.cards{grid-template-columns:repeat(3,1fr)}.info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.container{padding:0 17px}.hero-inner{padding-top:55px;padding-bottom:55px;min-height:320px}.hero h1{font-size:37px}.hero p{font-size:15px}.cards,.info-grid,.related{grid-template-columns:1fr}.category-card{min-height:95px}.footer-grid{grid-template-columns:1fr}.section{padding-top:37px}.section-heading h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* V2: Catrinabet branded editorial design */
:root{color-scheme:dark}body{background:#100b0c}.header{background:rgba(12,8,10,.96);border-bottom-color:#5b3023}.disclosure{background:#2b1015;color:#f6d8bb}.gold,.eyebrow,.category-icon,.card-arrow,.breadcrumbs a,.related span{color:#ffd36c}.brand{gap:8px}.brand-logo{width:min(250px,42vw);height:auto;max-height:74px;object-fit:contain}.brand-note{font-size:9px;color:#e8b866;letter-spacing:.1em;white-space:nowrap}.hero{position:relative;isolation:isolate;background:#100b0c;border-bottom:1px solid #6c3b25;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,rgba(10,6,9,.85) 0%,rgba(12,6,10,.6) 45%,rgba(13,7,11,.25) 100%),var(--hero-image);background-size:cover;background-position:center}.hero-inner{display:flex;min-height:410px;padding-top:70px;padding-bottom:70px}.hero-copy{max-width:760px}.hero h1{font-size:clamp(35px,5.1vw,62px);text-shadow:0 3px 15px #000}.hero p{color:#f1e2d5;text-shadow:0 2px 10px #000}.primary{background:linear-gradient(120deg,#ffdf87,#d79a36);color:#1d1010}.secondary{border-color:#b78b5b}.category-card,.info-card{background:#21171a;border-color:#58392f}.category-card:hover{border-color:#ffcc70}.notice{background:#25191c;border-left-color:#edb34d}.footer{background:#0b0709;border-top-color:#57382d}.section-heading h2{color:#fff0d7}.info-card .line{background:#f0b74f}.related a{border-color:#624034}.nav a[aria-current],.nav a:hover{color:#ffcc70}
@media(max-width:900px){.brand-note{display:none}.hero-inner{min-height:350px}.hero:before{background-position:62% center}}

/* v2.1: Render banners as actual images; avoid negative z-index pseudo-element */
.hero{position:relative;isolation:isolate;overflow:hidden;background:#120a0b}
.hero::before{content:none!important;background-image:none!important}
.hero-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;display:block}
.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,5,8,.94) 0%,rgba(8,5,8,.78) 36%,rgba(8,5,8,.24) 78%,rgba(8,5,8,.12) 100%);pointer-events:none}
.hero-inner{position:relative;z-index:2}
@media(max-width:600px){.hero-banner{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(8,5,8,.91),rgba(8,5,8,.63))}}

/* V2.2: accessible FAQ and image treatment */
.faq-list{display:grid;gap:12px;max-width:920px}.faq-item{border:1px solid #674132;border-radius:14px;background:#21171a;overflow:hidden}.faq-item summary{cursor:pointer;list-style:none;padding:19px 22px;font-weight:700;color:#ffe3a0}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';float:right;color:#f0b74f;font-size:23px;line-height:1}.faq-item[open] summary::after{content:'−'}.faq-item p{padding:0 22px 20px;margin:0;color:#e8dcd4;line-height:1.7}.faq-item:focus-within{outline:2px solid #f0b74f;outline-offset:2px}.hero-banner{aspect-ratio:12/5}.hero-inner{position:relative;z-index:2}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* v2.3: topic-specific outline icons */
.category-icon,.info-icon{display:inline-flex;align-items:center;justify-content:center;color:#e8b856}
.category-icon{width:46px;height:46px;border:1px solid rgba(232,184,86,.35);background:rgba(232,184,86,.08);border-radius:13px}
.info-icon{margin-bottom:12px}
.theme-icon{flex-shrink:0}
.card-arrow .theme-icon{width:18px;height:18px}
.faq-item summary{cursor:pointer}
.faq-item summary:focus-visible,.category-card:focus-visible{outline:3px solid #e8b856;outline-offset:3px}

/* v2.4 navigation, controls and social links */
.theme-icon{display:inline-block!important;width:23px;height:23px;min-width:23px;vertical-align:middle;stroke:currentColor!important;fill:none!important;opacity:1!important;visibility:visible!important}
.nav a{display:inline-flex;align-items:center;gap:7px;position:relative;white-space:nowrap;transition:color .2s ease,transform .2s ease}
.nav a .theme-icon{width:17px;height:17px;min-width:17px;color:#e7b85b}
.nav a:not(.nav-cta):hover{transform:translateY(-2px)}
.nav a[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:2px;background:#e8b75b}
.nav .nav-cta{background:linear-gradient(110deg,#f8d47d,#c48b34);color:#1b0e0d;padding:10px 13px;border-radius:10px;box-shadow:0 4px 20px #e7b75b23}
.nav .nav-cta .theme-icon{color:#24120e}
.nav .nav-cta:hover{color:#1b0e0d;transform:translateY(-2px)}
.btn{gap:9px;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;position:relative;overflow:hidden}
.btn .theme-icon{width:19px;height:19px;min-width:19px}
.btn:hover{transform:translateY(-3px);box-shadow:0 12px 26px #0008;filter:brightness(1.08)}
.btn:active{transform:translateY(0)}
.category-card,.info-card,.contact-card{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.category-card:hover,.contact-card:hover{box-shadow:0 14px 34px #0007}
.category-card .theme-icon,.info-icon .theme-icon{width:27px;height:27px}
.floating-social{position:fixed;right:18px;bottom:20px;z-index:40;display:flex;flex-direction:column;gap:11px}
.social-link{display:grid;place-items:center;width:51px;height:51px;border-radius:50%;border:1px solid #ffffff44;box-shadow:0 8px 24px #0009;transition:transform .22s ease,box-shadow .22s ease}
.social-link:hover{transform:translateX(-5px) scale(1.07);box-shadow:0 10px 28px #000b}
.social-link img{display:block;width:26px;height:26px}
.social-link.telegram{background:#168ac5}.social-link.whatsapp{background:#158c50}.social-link.facebook{background:#1b64c6}
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:22px}
.contact-card{background:#21171a;border:1px solid #65422d;border-radius:16px;padding:25px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.contact-card strong{font-size:18px}.contact-card span{font-size:13px;color:#e8bc69}
.hamburger{display:flex;flex-direction:column;gap:5px}.hamburger span{width:22px;height:2px;background:#f4d38c;border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.menu-toggle[aria-expanded=true] .hamburger span:first-child{transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded=true] .hamburger span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] .hamburger span:last-child{transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1200px){.nav{gap:11px}.nav a{font-size:12px}.brand-note{display:none}}
@media(max-width:900px){.nav{gap:0;max-height:calc(100dvh - 90px);overflow-y:auto}.nav a{width:100%;padding:12px 10px;font-size:14px}.nav a[aria-current=page]::after{display:none}.nav .nav-cta{margin-top:10px;justify-content:center}.contact-grid{grid-template-columns:1fr}}
@media(max-width:600px){.floating-social{right:10px;bottom:12px;gap:8px}.social-link{width:43px;height:43px}.social-link img{width:23px;height:23px}.hero-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.nav a,.btn,.social-link,.category-card,.info-card,.contact-card,.hamburger span{transition:none!important}}

/* v2.5: no sideways page scroll; content panels and tools */
html,body{width:100%;max-width:100%;overflow-x:clip} .container,.header-inner,.hero-copy,.info-card,.tool-card{min-width:0} .hero h1,.breadcrumbs,.info-card h3{overflow-wrap:anywhere} .header-inner{max-width:100%} .nav{min-width:0} .nav a{flex-shrink:0} .header .brand{flex-shrink:1;min-width:0} .brand-logo{max-width:210px} .header-inner{gap:12px} .nav{gap:9px} .nav a{font-size:12px} .nav .nav-cta{padding:9px 10px} @media(max-width:1250px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#181014;padding:15px 22px;flex-direction:column;align-items:stretch;max-height:calc(100dvh - 90px);overflow-y:auto}.nav.open{display:flex}.nav a{width:100%;padding:12px 10px;font-size:14px}.nav .nav-cta{justify-content:center}.nav a[aria-current=page]::after{display:none}}
.topic-border{border:1px solid #8b633b;box-shadow:inset 0 1px 0 #ffd87d12;position:relative}.topic-border:before{content:'';display:block;width:38px;height:3px;background:linear-gradient(90deg,#ffd87d,#a73d28);border-radius:2px}.topic-border h3{margin-top:12px}.tool-card{background:linear-gradient(145deg,#211419,#150d10);border:1px solid #a07841;border-radius:18px;padding:clamp(18px,3vw,32px);box-shadow:0 16px 45px #0004}.tool-card h2{margin:8px 0}.tool-card p{color:#d9c9bd}.guide-form{display:grid;gap:14px;max-width:660px}.guide-form label{display:flex;gap:10px;align-items:flex-start}.guide-form input{accent-color:#e9b95d;margin-top:6px}.guide-form .btn{justify-self:start;cursor:pointer;border:0}.calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:650px}.calc-grid label{display:grid;gap:6px;font-weight:650}.calc-grid input{width:100%;background:#0d090b;border:1px solid #916d43;border-radius:9px;padding:13px;color:#fff;font:inherit}.calc-result,.demo-result{background:#100b0d;border:1px solid #63432e;border-radius:10px;padding:14px;margin-top:16px;color:#ffe1a0}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.demo-box{background:#1a1115;border:1px solid #654331;border-radius:14px;padding:20px}.demo-box h3{margin-top:0}.demo-box button{cursor:pointer;margin-top:12px}.roulette-wheel{width:120px;height:120px;margin:16px auto;border-radius:50%;background:conic-gradient(#a92230 0 45deg,#151515 45deg 90deg,#a92230 90deg 135deg,#151515 135deg 180deg,#a92230 180deg 225deg,#151515 225deg 270deg,#a92230 270deg 315deg,#19774c 315deg);border:5px solid #e5b45d;display:grid;place-items:center;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}.roulette-wheel span{background:#100b0d;border-radius:50%;padding:14px;font-weight:800;font-size:22px}@media(max-width:650px){.calc-grid,.demo-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(30px,8vw,42px)}.floating-social{right:8px}.brand-logo{max-width:200px}}

/* v2.7: designed interactive educational experiences and unique article visuals */
.article-banner{width:calc(100% + 40px);max-width:none;height:auto;aspect-ratio:1000/440;object-fit:cover;display:block;margin:-20px -20px 18px;border-radius:13px 13px 5px 5px;border-bottom:1px solid #986d40}.info-card{overflow:hidden}.experience-heading{margin-bottom:22px}.experience-heading h2{font-size:clamp(26px,3.5vw,42px);margin:8px 0}.experience-heading p{color:#d8c9bd;max-width:700px}.experience-panel{background:linear-gradient(140deg,#21171b,#0e1118);border:1px solid #9d753f;border-radius:22px;padding:clamp(18px,3vw,30px);box-shadow:0 20px 50px #0006;min-width:0}.odds-panel{max-width:960px;margin:auto}.odds-switch{display:flex;gap:7px;background:#0b0e14;border:1px solid #594630;border-radius:12px;padding:6px;margin:22px 0;max-width:530px}.odds-switch button{flex:1;border:0;background:transparent;color:#e9ddcb;border-radius:9px;padding:12px 5px;cursor:pointer;font-weight:700}.odds-switch button.selected{background:linear-gradient(120deg,#f7d47d,#b57b2c);color:#1c1110}.odds-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.odds-fields label{display:grid;gap:9px;font-weight:700}.odds-fields input{width:100%;min-width:0;background:#10141c;border:1px solid #6c5941;color:#fff;padding:17px;border-radius:12px;font:inherit;font-size:20px}.odds-fields small{font-weight:400;color:#a9a7a8}.odds-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.odds-metrics>div{background:#10141b;border:1px solid #4e4335;border-radius:14px;padding:16px}.odds-metrics span{display:block;color:#d1c4b4;font-size:12px;margin-bottom:7px}.odds-metrics strong{display:block;font-size:clamp(19px,3vw,28px);color:#f9d37c;overflow-wrap:anywhere}.probability-track{height:11px;border-radius:20px;background:#3a2a28;overflow:hidden}.probability-track span{display:block;height:100%;background:linear-gradient(90deg,#bd3c39,#f6d275);transition:width .3s}.casino-experiences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.game-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.game-top h3{margin:0;font-size:clamp(18px,2vw,25px);color:#f7db99}.demo-pill{background:#185b40;color:#e3ffea;font-size:11px;font-weight:800;padding:6px 10px;border-radius:20px}.felt-table{background:radial-gradient(ellipse at center,#145b4c,#092b29 80%);border:9px solid #5e3823;border-radius:150px;min-height:270px;margin:20px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;padding:18px 8px;box-shadow:inset 0 0 30px #0008,0 10px 30px #0006}.hand{min-width:0}.hand>span{display:block;font-weight:800;color:#e8d2a4;font-size:12px;letter-spacing:.1em}.hand strong{font-size:26px;color:#ffdf8a}.table-center{color:#f6c967;font-weight:900}.playing-cards{display:flex;justify-content:center;gap:4px;margin:16px 0;min-height:100px}.playing-card,.card-back{display:flex;flex-direction:column;justify-content:space-between;background:#fff8e8;color:#15151a;border:2px solid #e8d1a1;border-radius:8px;width:clamp(35px,5vw,57px);height:90px;padding:7px;font-weight:900;font-size:20px;box-shadow:0 4px 9px #0007;animation:card-deal .35s ease backwards}.playing-card em{font-style:normal;font-size:25px}.playing-card.red-suit{color:#b62437}.card-back{justify-content:center;background:repeating-linear-gradient(45deg,#721b27,#721b27 6px,#a13c42 6px,#a13c42 12px);color:#f4c76e}.game-actions{display:flex;gap:10px;flex-wrap:wrap}.game-button{cursor:pointer;background:linear-gradient(120deg,#f9d47b,#c68b36);color:#1a1110;border:0;border-radius:12px;padding:13px 20px;font-weight:800;transition:transform .2s,filter .2s}.game-button:hover{transform:translateY(-2px);filter:brightness(1.12)}.game-button:disabled{opacity:.5;cursor:wait}.game-button.subtle{background:#22242d;color:#fff;border:1px solid #716044}.game-status{min-height:52px;color:#f6d995;font-weight:700}.roulette-stage{position:relative;display:grid;place-items:center;margin:20px auto;width:min(100%,260px);aspect-ratio:1}.wheel-disc{width:100%;height:100%;border-radius:50%;border:12px solid #d3a34f;box-shadow:0 0 0 6px #39241c,inset 0 0 0 4px #f7d483,0 12px 40px #0009;display:grid;place-items:center;transition:transform 2.8s cubic-bezier(.13,.65,.16,1)}.wheel-center{width:37%;height:37%;border-radius:50%;background:radial-gradient(circle,#ffdb83,#7d4d22);display:grid;place-items:center;color:#2b160b;font-size:45px;border:7px solid #2a1710}.wheel-pointer{position:absolute;z-index:2;top:-20px;color:#f6d87d;font-size:35px;text-shadow:0 2px 5px #000}.roulette-board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin:18px 0}.roulette-cell{display:grid;place-items:center;min-height:32px;border:1px solid #ffffff44;border-radius:5px;font-weight:700;font-size:12px;color:#fff}.roulette-cell.red{background:#aa2635}.roulette-cell.black{background:#15191e}.roulette-cell.green{background:#187d50}.roulette-cell.hit{outline:3px solid #ffd579;outline-offset:1px;box-shadow:0 0 15px #ffd579}.roulette-history{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.roulette-history .roulette-cell{width:33px}.small{line-height:1.6}@keyframes card-deal{from{opacity:0;transform:translateY(-18px) rotate(-9deg)}to{opacity:1;transform:none}}@media(max-width:1050px){.casino-experiences{grid-template-columns:1fr}}@media(max-width:650px){.odds-fields{grid-template-columns:1fr}.odds-metrics{grid-template-columns:1fr}.article-banner{width:calc(100% + 40px)}.felt-table{min-height:230px}.roulette-board{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.wheel-disc,.playing-card,.game-button{transition:none!important;animation:none!important}}

/* V2.8: article editorial layout */
.editorial-article{max-width:1150px;margin:3.5rem auto 5rem;color:#f0e9e3}.editorial-intro{max-width:820px;margin:0 auto 1.7rem}.editorial-intro h2{font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.2;margin:.8rem 0}.article-answer{font-size:clamp(1.06rem,1.7vw,1.28rem);line-height:1.85;color:#eee1d1}.editorial-feature{margin:1.5rem auto 3rem;max-width:1050px}.editorial-feature img{width:100%;height:auto;max-height:430px;object-fit:cover;border-radius:15px;display:block;border:1px solid #80612d}.editorial-feature figcaption{font-size:.8rem;color:#b7aba3;margin-top:.6rem}.editorial-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:3.5rem;align-items:start}.editorial-body{min-width:0;max-width:790px}.editorial-section{padding:0 0 1.65rem;margin:0 0 1.65rem;border-bottom:1px solid rgba(223,179,93,.19);scroll-margin-top:120px}.editorial-section h2{font-size:clamp(1.35rem,2.1vw,1.9rem);line-height:1.3;margin:0 0 .8rem;color:#f5e2b4}.editorial-section p{font-size:1.06rem;line-height:1.9;color:#e1d8d0;margin:0}.editorial-section a{color:#f5c568;text-decoration:underline}.editorial-aside{position:sticky;top:115px;background:#1c1718;border:1px solid #6e552e;border-radius:14px;padding:1.3rem}.editorial-aside strong{color:#e6b65b}.editorial-aside ol{padding-left:1.25rem}.editorial-aside li{margin:.85rem 0}.editorial-aside a{color:#e9ddd2;text-decoration:none}.editorial-aside a:hover{color:#f1bc54}.editorial-aside p{color:#a99e98;font-size:.85rem;line-height:1.5}.demo-bet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;padding:18px;background:rgba(5,8,10,.4);border:1px solid rgba(236,183,87,.4);border-radius:16px}.demo-wallet,.demo-warning{grid-column:1/-1}.demo-wallet{color:#f5cc7b;font-size:1.1rem}.demo-bet label{display:flex;flex-direction:column;gap:8px;color:#e5ddd2;font-weight:600;font-size:.9rem}.demo-bet input,.demo-bet select{width:100%;padding:12px;border-radius:9px;background:#171b1b;color:#fff;border:1px solid #a28143;font:inherit}.demo-warning{font-size:.8rem;color:#d4c6af;margin:0}.demo-bet [hidden]{display:none!important}@media(max-width:850px){.editorial-layout{display:block}.editorial-aside{position:static;margin-top:2rem}.editorial-article{margin:2rem auto}.demo-bet{grid-template-columns:1fr}}

/* V2.9 editorial: readable long-form content, no card sections */
.editorial-article{max-width:1160px;margin:clamp(2rem,5vw,5rem) auto;}
.editorial-intro{max-width:820px;margin:0 auto 1.8rem;}
.editorial-intro .article-answer{font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.85;color:#f3e9d9;}
.editorial-feature{margin:1.5rem 0 3rem;overflow:hidden;border-radius:18px;}
.editorial-feature img{display:block;width:100%;height:auto;aspect-ratio:12/5;object-fit:cover;}
.editorial-feature figcaption{font-size:.8rem;opacity:.75;padding:.6rem 0;}
.editorial-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(1.5rem,4vw,4rem);align-items:start;}
.editorial-body{min-width:0;max-width:790px;}
.editorial-section{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0 0 2.4rem!important;margin:0 0 2.2rem!important;border-bottom:1px solid rgba(226,182,92,.18)!important;}
.editorial-section h2{line-height:1.3;scroll-margin-top:110px;}
.editorial-section p{line-height:1.9;max-width:75ch;}
.editorial-inline-image{margin:1.4rem 0;}
.editorial-inline-image img{width:100%;height:auto;display:block;aspect-ratio:20/9;object-fit:cover;border-radius:12px;}
.editorial-aside{position:sticky;top:110px;}
.editorial-aside li{margin:.75rem 0;line-height:1.5;}
@media(max-width:900px){.editorial-layout{display:block}.editorial-aside{position:static;margin-top:2rem}.editorial-feature img{aspect-ratio:16/9}.editorial-article{padding:0 2px}}

/* V3.0: editorial reading improvements */
.editorial-body{max-width:74ch}.editorial-body p{line-height:1.85}.editorial-section{scroll-margin-top:110px}.editorial-section h2{line-height:1.25;text-wrap:balance}.editorial-feature img,.editorial-inline-image img{display:block;width:100%;height:auto;object-fit:cover}.editorial-feature figcaption{font-size:.82rem;opacity:.75;margin-top:.5rem}.related a{line-height:1.5}.editorial-aside a:focus-visible,.related a:focus-visible{outline:2px solid #e6b75b;outline-offset:4px}@media(max-width:760px){.editorial-body{max-width:100%}.editorial-section h2{font-size:clamp(1.35rem,5vw,1.8rem)}}

/* V3.1: single featured image; no subsection artwork */
.editorial-inline-image{display:none!important}
.hero{background:radial-gradient(ellipse at 70% 30%,rgba(159,105,33,.18),transparent 65%),linear-gradient(145deg,#191318,#271b18 60%,#141216)}
.hero-shade{pointer-events:none}

/* V3.2: separate topical hero and one editorial featured image per page */
.hero{position:relative;isolation:isolate;overflow:hidden;background:#140b0d!important}
.hero::before{content:none!important}
.hero .hero-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;display:block;aspect-ratio:auto}
.hero .hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(10,5,8,.94) 0%,rgba(10,5,8,.83) 34%,rgba(10,5,8,.46) 66%,rgba(10,5,8,.18) 100%)}
.hero .hero-inner{position:relative;z-index:2;min-height:clamp(390px,39vw,540px)}
.hero-copy{max-width:800px}.hero h1{max-width:780px;text-wrap:balance}
.editorial-feature{margin-top:1.7rem;margin-bottom:2.6rem;border-radius:16px;overflow:hidden;background:#1d1417}
.editorial-feature img{width:100%;height:auto;aspect-ratio:1000/440;object-fit:cover}
.editorial-feature figcaption{padding:10px 2px;color:#c7b5a3}
@media(max-width:700px){.hero .hero-banner{object-position:63% center}.hero .hero-shade{background:linear-gradient(90deg,rgba(9,5,8,.93),rgba(9,5,8,.68))}.hero .hero-inner{min-height:390px;padding-top:54px;padding-bottom:54px}.editorial-feature img{aspect-ratio:16/9}}

/* V3.4 editorial reading refinement */
.editorial-body .editorial-section p + p{margin-top:1.05rem}
.editorial-body .editorial-section p{line-height:1.85;max-width:74ch}
.editorial-body .editorial-section h2{line-height:1.3;text-wrap:balance}
.editorial-intro .article-answer{line-height:1.8;max-width:76ch}
.editorial-feature img{display:block;width:100%;height:auto;aspect-ratio:40/21;object-fit:cover}
@media(max-width:760px){.editorial-body .editorial-section p{line-height:1.75}.editorial-feature img{aspect-ratio:16/9}}

/* V3.5: accessibility and mobile reading safeguards */
:focus-visible{outline:3px solid #f1c96b;outline-offset:3px}
.editorial-body p{overflow-wrap:break-word}
.editorial-feature img{display:block;max-width:100%;height:auto;aspect-ratio:40/21;object-fit:cover}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:640px){.editorial-feature{margin-inline:0}.editorial-body{min-width:0}.odds-metrics{grid-template-columns:1fr}.demo-bet input,.demo-bet select{max-width:100%}}

/* V3.8 — featured banner editorial, layout & mobile QA */
html{scroll-padding-top:105px}
#contenido{display:block;min-width:0}
.editorial-article{padding-inline:22px;max-width:1194px;overflow:visible}
.editorial-intro{max-width:1050px;margin:0 auto 22px}
.article-answer{max-width:85ch;margin:0;overflow-wrap:anywhere}
.editorial-feature{max-width:1050px;margin:0 auto 52px;overflow:hidden;border-radius:16px;box-shadow:0 16px 45px rgba(0,0,0,.28);border:1px solid rgba(230,183,91,.22);aspect-ratio:40/21}
.editorial-feature img{width:100%;height:100%;max-height:none;aspect-ratio:40/21;object-fit:cover;display:block;border:0;border-radius:0}
.editorial-section{scroll-margin-top:110px}
.hero{isolation:isolate;overflow:hidden}
.hero-banner{object-fit:cover;object-position:center}
@media(max-width:760px){html{scroll-padding-top:90px}.editorial-article{padding-inline:17px;margin-top:28px}.editorial-feature{margin-bottom:35px;border-radius:12px}.editorial-intro{margin-bottom:18px}.article-answer{font-size:1.03rem;line-height:1.75}.hero-inner{padding-top:48px;padding-bottom:48px}.editorial-section{scroll-margin-top:92px}}
