/*
Theme Name: Casino.si Blog by AIPro
Theme URI: https://aiprosolutions.si
Author: AI PRO SOLUTIONS d.o.o.
Description: Blog kot podstran casino.si: rdeča glava, temna podlaga, rumeni poudarki, surikati. Pripravljena za samodejno objavljanje prek REST API (naslov, vsebina, izvleček, naslovna slika, kategorije, oznake) in fiksne bloke članka (Na kratko, kazalo, tabela, pogosta vprašanja, 18+, avtor, sorodne objave).
Version: 0.6.1
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 8.0
License: Proprietary
Text Domain: casino-si-blog-ai
*/

:root{
  --red:#ee0000; --red-deep:#b30000;
  --ground:#1c1c1c; --bar:#111111; --surface:#262626; --surface-2:#303030; --line:#3a3a3a;
  --text:#ffffff; --muted:#b9b9b9; --dim:#8a8a8a;
  --yellow:#ffc600; --green:#22b14c; --blue:#1e88e5;
  --display:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --r:6px; --wrap:1240px;
}
*{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{font-family:var(--display);margin:0;text-wrap:balance;line-height:1.08}
p{margin:0}
button{font:inherit}
:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
/* full-width layout like casino.si; the article body keeps its own reading width */

/* top bar + header (same bar as casino.si: Igralnica / Promocije / Blog, Pomoč in vprašanja) */
.topbar{background:var(--bar);font-size:15px}
.topbar .wrap{display:flex;align-items:stretch;height:44px}
.topbar nav{display:flex;gap:4px}
.topbar nav a{display:flex;align-items:center;padding:0 14px;color:#fff;border-bottom:2px solid transparent}
.topbar nav a.is-active{color:#ffe22e;border-bottom-color:#ffe22e}
.topbar .help{margin-left:auto;display:flex;align-items:center;color:#fff;white-space:nowrap}
.header{background:var(--red);position:relative;z-index:5}
.header .wrap{display:flex;align-items:center;height:60px;gap:10px}
.brand{display:flex;align-items:center;gap:10px;flex:none}
.brand svg,.brand img{width:140px;height:auto}
.brand .tag{font-family:var(--display);font-weight:800;font-size:11px;letter-spacing:.08em;color:var(--red);background:#fff;padding:3px 7px;border-radius:4px;line-height:1}
.header .search{margin-left:auto;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.22);border-radius:var(--r);padding:0 12px;height:38px;width:280px;color:#ffd9d9}
.header .search svg{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.header .search input{background:transparent;border:0;color:#fff;font:inherit;font-size:15px;width:100%;min-width:0;outline:0}
.header .search input::placeholder{color:#ffd9d9}
.search-toggle{display:none;margin-left:auto;width:42px;height:42px;background:transparent;border:0;color:#fff;cursor:pointer;padding:0;border-radius:5px}
.search-toggle svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.search-toggle[aria-expanded="true"]{background:rgba(0,0,0,.25)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--body);font-weight:700;font-size:15px;padding:0 18px;height:40px;border-radius:5px;border:0;cursor:pointer;white-space:nowrap}
.btn-red{background:var(--red);color:#fff}
.btn-red:hover{background:var(--red-deep)}
.btn-white{background:#fff;color:#111}
/* casino.si header buttons: Prijava = outlined yellow, Registracija = bright red */
.btn-login{background:transparent;color:#fff;border:1px solid #ffe22e;font-weight:500;height:42px;padding:0 10px}
.btn-login:hover{background:rgba(255,226,46,.12)}
.btn-register{background:#ff0000;color:#fff;border:1px solid #ff0000;font-weight:500;height:42px;padding:0 10px}
.btn-register:hover{background:#d90000;border-color:#d90000}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.7)}
.btn-yellow{background:var(--yellow);color:#111}
.btn-lg{height:48px;padding:0 24px;font-size:16px}
.btn-sm{height:34px;padding:0 14px;font-size:14px}

/* category rail */
.rail{border-bottom:1px solid var(--line);background:var(--ground)}
.rail .wrap{display:flex;gap:6px;overflow-x:auto;padding-top:12px;padding-bottom:12px;scrollbar-width:none}
.rail .wrap::-webkit-scrollbar{display:none}
.tile{flex:none;width:96px;height:66px;background:var(--surface);border-radius:var(--r);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12px;color:#ddd;text-align:center;line-height:1.1;padding:4px}
.tile svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tile.is-active{background:var(--red);color:#fff}
.tile:hover{background:var(--surface-2)}

/* hero */
.hero{padding:26px 0 8px}
.hero .wrap{display:grid;grid-template-columns:1fr;gap:16px}
.feature{position:relative;overflow:hidden;border-radius:10px;background:#8a0000 radial-gradient(120% 90% at 85% 40%,#ff1f1f 0%,#c40000 42%,#6e0000 100%);display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);align-items:stretch;min-height:380px}
.feature .txt{position:relative;z-index:2;padding:26px 32px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.feature h2{font-size:clamp(20px,2vw,28px);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:1.05;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.feature p{font-size:17px;color:#ffe9e9;max-width:36ch}
.feature .img{position:relative;align-self:stretch;min-height:340px}
.feature .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.feature .img::before{content:"";position:absolute;inset:0;width:10%;background:linear-gradient(90deg,#8a0000,rgba(138,0,0,0));z-index:1;pointer-events:none}
.chip{display:inline-flex;align-items:center;font-family:var(--display);font-weight:800;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;line-height:1}
.chip-yellow{background:var(--yellow);color:#111}
.chip-dark{background:rgba(0,0,0,.45);color:#fff;border:1px solid rgba(255,255,255,.25)}
.chip-red{background:var(--red);color:#fff}
.chip-green{background:var(--green);color:#fff}
.meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;color:var(--muted)}
.feature .meta{color:#ffd0d0}
.side{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.mini{position:relative;overflow:hidden;border-radius:10px;background:var(--surface) center right/cover no-repeat;display:grid;grid-template-columns:1fr;min-height:212px}
.mini::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,30,30,.97) 0%,rgba(30,30,30,.92) 42%,rgba(30,30,30,.3) 64%,rgba(30,30,30,0) 80%);pointer-events:none}
.mini .txt{position:relative;z-index:2;padding:22px 22px;display:flex;flex-direction:column;gap:10px;justify-content:center;max-width:66%}
.mini h3{font-size:20px;font-weight:800}
.mini .img{display:none}

/* jackpots strip */
.jackpots{margin:22px 20px 6px}
.jackpots .wrap{display:flex;align-items:stretch;gap:0;background:var(--surface);border-radius:10px;overflow:hidden;padding:0}
.jackpots .lbl{flex:none;display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--surface-2);font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.live{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(34,177,76,.7);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(34,177,76,0)}100%{box-shadow:0 0 0 0 rgba(34,177,76,0)}}
.jackpots ul{list-style:none;margin:0;padding:0 8px;display:flex;flex:1;min-width:0;overflow-x:auto;gap:4px;scrollbar-width:none;scroll-behavior:smooth}
.jackpots ul::-webkit-scrollbar{display:none}
.jackpots ul.is-overflow{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}
.jackpots ul.is-overflow.at-end{-webkit-mask-image:linear-gradient(90deg,transparent,#000 56px);mask-image:linear-gradient(90deg,transparent,#000 56px)}
.jackpots li{flex:none;display:flex;flex-direction:column;justify-content:center;padding:9px 14px;border-left:1px solid var(--line)}
.jackpots li:first-child{border-left:0}
.jackpots .name{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.jackpots .val{font-family:var(--display);font-weight:800;font-size:17px;color:var(--yellow);font-variant-numeric:tabular-nums}
.jackpots li a{display:flex;flex-direction:column;justify-content:center;color:inherit}
.jackpots .val.is-up{color:#fff;transition:color .6s}
.jackpots .all{flex:none;display:flex;align-items:center;padding:0 16px;color:var(--yellow);font-weight:700;font-size:14px;background:var(--surface)}

/* rows + cards */
.row{padding:28px 0 6px}
.row-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.row-head h2{font-size:24px;font-weight:800}
.row-head .ico{width:26px;height:26px;display:grid;place-items:center;background:var(--surface-2);border-radius:6px;color:var(--yellow)}
.row-head .ico svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.row-head a{margin-left:auto;color:var(--yellow);font-weight:700;font-size:15px;display:flex;align-items:center;gap:4px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:var(--surface);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s}
.card:hover{transform:translateY(-3px)}
.card .img{aspect-ratio:16/9;overflow:hidden;position:relative;background:#111}
.card .img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.card .img .chip{position:absolute;left:10px;top:10px;z-index:2}
.cover{width:100%;height:100%;display:flex;align-items:flex-end;padding:16px;font-family:var(--display);font-weight:900;font-size:40px;line-height:.95;text-transform:uppercase;letter-spacing:-.02em;position:absolute;inset:0}
.cover-red{background:radial-gradient(100% 80% at 20% 20%,#ff2a2a,#8a0000)}
.cover-gold{background:radial-gradient(100% 80% at 80% 10%,#ffd54a,#8a5a00);color:#2a1a00}
.cover-blue{background:radial-gradient(100% 80% at 20% 80%,#3aa0ff,#0b3d7a)}
.cover-green{background:radial-gradient(100% 80% at 70% 30%,#39d16b,#0b4d22)}
.card .txt{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.card h3{font-size:18px;font-weight:800}
.card p{font-size:15px;color:var(--muted)}
.card .meta{margin-top:auto;font-size:13px}

/* winners */
.winners{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.win{background:linear-gradient(180deg,#8c0000,#5c0000);border:1px solid #b31a1a;border-radius:10px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;color:inherit}
.win:hover{background:linear-gradient(180deg,#a30000,#6e0000)}
.win .g.g-game{background:#000;border:1px solid rgba(255,255,255,.18);padding:0}
.win .g.g-game img{width:100%;height:100%;object-fit:cover;display:block}
.win .g svg{width:28px;height:28px;stroke:var(--yellow);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.win .g{width:58px;height:58px;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:rgba(0,0,0,.28);font-family:var(--display);font-weight:900;font-size:11px;text-transform:uppercase;text-align:center;line-height:1.05}
.win .g img{width:36px;height:36px;object-fit:contain}
.win .amt{font-family:var(--display);font-weight:800;font-size:22px;color:var(--yellow);font-variant-numeric:tabular-nums;line-height:1.1}
.win .who{font-size:13px;color:#f0b8b8;margin-top:3px}
.win-big{grid-column:span 2;background:#c40000 radial-gradient(120% 90% at 85% 40%,#ff1f1f 0%,#d40000 45%,#b30000 100%);border-color:#ff5a5a}
.win-big .amt{font-size:30px}
.win-big .g{width:96px;height:96px;font-size:12px}
.win-big .who{color:#ffd6d6}
.note{font-size:12px;color:var(--dim);margin-top:8px}

/* series */
.series{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.ser{background:var(--surface);border-radius:10px;padding:12px 14px;display:grid;grid-template-columns:44px 1fr;gap:4px 12px;align-items:center;border-top:3px solid var(--red)}
.ser img,.ser .sq{grid-row:span 2;width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--surface-2)}
.ser b{font-family:var(--display);font-weight:800;font-size:15px}
.ser span{font-size:13px;color:var(--muted)}
.ser:hover{background:var(--surface-2)}

/* most read + calculator */
.duo{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
.panel{background:var(--surface);border-radius:10px;padding:20px 22px}
.panel h3{font-size:18px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.panel h3 .ico{width:26px;height:26px;display:grid;place-items:center;background:var(--surface-2);border-radius:6px;color:var(--yellow)}
.panel h3 .ico svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mostread{list-style:none;margin:0;padding:0;counter-reset:mr}
.mostread li{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}
.mostread li:first-child{border-top:0;padding-top:0}
.mostread li::before{counter-increment:mr;content:counter(mr);font-family:var(--display);font-weight:900;font-size:34px;line-height:1;color:#3a3a3a;-webkit-text-stroke:1px #6a6a6a}
.mostread a{font-weight:700;color:#fff;font-size:16px;line-height:1.3}
.mostread small{color:var(--muted);font-size:13px;white-space:nowrap}
.calc{display:grid;gap:12px}
.calc label{display:grid;gap:5px;font-size:13px;color:var(--muted)}
.calc input{background:#1a1a1a;border:1px solid var(--line);border-radius:6px;color:#fff;padding:9px 11px;font:inherit;font-size:16px;width:100%;min-width:0;font-variant-numeric:tabular-nums}
.calc input:focus{border-color:var(--yellow);outline:0}
.calc .out{background:#1a1a1a;border-radius:8px;padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.calc .out b{display:block;font-family:var(--display);font-weight:800;font-size:26px;color:var(--yellow);font-variant-numeric:tabular-nums;line-height:1.1}
.calc .out span{font-size:13px;color:var(--muted)}
.calc p{font-size:13px;color:var(--dim)}

/* glossary */
.gloss{background:var(--surface);border-radius:10px;padding:20px 22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.gloss .head{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.gloss .head h3{font-size:18px;font-weight:800;margin-right:auto}
.term b{display:block;font-family:var(--display);font-weight:800;font-size:15px;margin-bottom:4px}
.term p{font-size:14px;color:var(--muted)}
.gloss-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.gloss-list .term{background:var(--surface);border-radius:10px;padding:16px 18px}

/* band */
.band{margin:34px 0 0;background:linear-gradient(90deg,#0d3f7a,#1e88e5 60%,#5fb3ff);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);min-height:290px}
.band .txt{padding:36px 38px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.band h2{font-size:clamp(24px,2.6vw,34px);font-weight:900;text-transform:uppercase}
.band ol{margin:0;padding:0;list-style:none;display:flex;gap:18px;flex-wrap:wrap;font-size:15px}
.band ol li{display:flex;align-items:center;gap:8px}
.band ol b{font-family:var(--display);font-weight:800;width:26px;height:26px;border-radius:50%;background:#fff;color:#0d3f7a;display:grid;place-items:center;font-size:13px}
.band .img{position:relative;min-height:220px}
.band .img img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center top}
.band .acts{display:flex;gap:10px;flex-wrap:wrap}

/* footer: same structure, order and content as casino.si */
.footer .lang{display:flex;justify-content:flex-end;gap:12px;align-items:center;font-size:14px;color:#9a9a9a;margin-bottom:18px}
.footer .lang a{color:#cfd0d1;padding:4px 10px;border:1px solid #3a3a3a;border-radius:999px}
.footer .lang a.is-active{color:#111;background:#ffe22e;border-color:#ffe22e}
.footer{margin-top:44px;background:var(--ground);padding:36px 0 40px;font-size:14px;color:#cfd0d1;font-family:var(--body)}
.footer .wrap{max-width:1440px}
.footer h4{font-family:var(--body);font-weight:700;font-size:15px;color:#fff;margin:0 0 14px}
.footer .logos{text-align:center;margin-bottom:34px}
.footer .logos h4{font-size:16px;margin-bottom:18px}
.footer .logo-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 42px}
.footer .logo-row img{height:32px;width:auto;display:block}
.footer .cols{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 20px;max-width:1240px;margin:30px auto 0}
.footer .fcol{min-width:0}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.footer ul a{color:#cfd0d1}
.footer ul a:hover,.footer .mail:hover,.footer .phone:hover{color:#fff}
.footer .mail{display:flex;align-items:center;gap:8px;color:#cfd0d1}
.footer .social{display:flex;gap:10px;margin:14px 0 18px}
.footer .social img{width:20px;height:20px}
.footer .phone{display:flex;align-items:center;gap:8px;font-size:22px;color:#fff}
.footer .badges a{display:block;margin-bottom:12px}
.footer .badges img{display:block}
.footer .powered{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px;color:#fff}
.footer .powered img{height:28px;width:auto}
.footer .certs{display:flex;justify-content:center;align-items:center;gap:36px;margin-top:34px;flex-wrap:wrap}
.footer .certs img{height:32px;width:auto}
.footer .legal{margin:44px auto 0;max-width:1160px;text-align:center;font-size:14px;line-height:1.5;color:#fff}
.footer .legal a{color:#ff2a2a}
.footer .flogo{display:flex;justify-content:center;margin-top:40px}
.footer .flogo img{width:171px;height:36px}
.age{width:38px;height:38px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;font-family:var(--display);font-weight:800;color:#fff;font-size:13px;flex:none}

/* archive */
.archive-head{padding:30px 0 6px}
.archive-head h1{font-size:clamp(26px,3vw,36px);font-weight:800}
.archive-head p{color:var(--muted);margin-top:6px;max-width:70ch}
.pagination{display:flex;gap:6px;justify-content:center;margin:30px 0 0}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border-radius:6px;background:var(--surface);color:#ddd;font-weight:700}
.pagination .page-numbers.current{background:var(--red);color:#fff}
.empty{padding:40px 0;color:var(--muted)}

/* article */
.art-head{padding:30px 0 18px}
.art-head .wrap{max-width:900px}
.crumbs{font-size:14px;color:var(--muted);display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.crumbs a:hover{color:#fff}
.art-head h1{font-size:clamp(30px,4vw,50px);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;margin:14px 0 14px}
.dek{font-size:20px;color:#ddd;max-width:62ch}
.byline{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:14px;color:var(--muted)}
.avatar{width:40px;height:40px;border-radius:50%;background:var(--red);display:grid;place-items:center;font-family:var(--display);font-weight:800;color:#fff;flex:none;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}
.byline b{color:#fff;font-weight:600}
.art-hero{max-width:1100px;margin:10px auto 0;padding:0 20px}
.art-hero .img{border-radius:12px;overflow:hidden;aspect-ratio:21/9;background:radial-gradient(120% 100% at 80% 30%,#ff1f1f,#7a0000);position:relative}
.art-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.art-hero .is-portrait img{object-fit:contain;object-position:right bottom}
.art-body{padding:34px 0 0}
.art-body .wrap{display:grid;grid-template-columns:240px minmax(0,700px);gap:48px;justify-content:center}
.toc{position:sticky;top:20px;align-self:start;font-size:14px}
.toc h4{font-family:var(--body);font-weight:700;color:#fff;margin-bottom:10px;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.toc li a{display:block;padding:7px 14px;color:var(--muted);border-left:2px solid transparent;margin-left:-2px}
.toc li a.is-active,.toc li a:hover{color:#fff;border-left-color:var(--red)}
.toc .share{margin-top:22px;display:flex;gap:8px}
.toc .share a,.toc .share button{width:36px;height:36px;border-radius:8px;background:var(--surface);display:grid;place-items:center;color:#ddd;border:0;cursor:pointer}
.toc .share svg{width:16px;height:16px;fill:currentColor}
.prose{font-size:18px;line-height:1.65;color:#e8e8e8}
.prose>*+*{margin-top:22px}
.prose h2{font-size:28px;font-weight:800;margin-top:44px;padding-top:10px;color:#fff;scroll-margin-top:20px}
.prose h3{font-size:21px;font-weight:800;margin-top:30px;color:#fff}
.prose ul,.prose ol{padding-left:22px}
.prose li+li{margin-top:8px}
.prose strong{color:#fff}
.prose a{color:var(--yellow);text-decoration:underline;text-underline-offset:3px}
.prose .btn{text-decoration:none}
.prose .btn-yellow,.prose .btn-white{color:#111}
.prose .btn-red{color:#fff}
.prose img,.prose figure{border-radius:10px;overflow:hidden}
.prose figure{margin:22px 0 0}
.prose figcaption{font-size:14px;color:var(--muted);margin-top:8px}
.prose blockquote{margin:22px 0 0;padding:14px 20px;border-left:4px solid var(--red);background:var(--surface);border-radius:0 10px 10px 0;font-style:italic}
.prose table{border-collapse:collapse;width:100%;font-size:16px}
.prose .tbl,.prose .wp-block-table{overflow-x:auto;border-radius:10px;border:1px solid var(--line)}
.prose th,.prose td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.prose th{background:var(--surface-2);font-family:var(--body);font-weight:700;color:#fff;font-size:14px}
.prose tr:last-child td{border-bottom:0}
.prose td.ok{color:#8ff0a8}.prose td.no{color:#ff9a9a}
.brief{background:var(--surface);border-left:4px solid var(--yellow);border-radius:0 10px 10px 0;padding:20px 24px}
.brief h3{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--yellow);margin:0 0 10px}
.brief ul{margin:0;padding-left:20px;font-size:17px}
.cta-in{display:grid;grid-template-columns:1fr 200px;background:radial-gradient(120% 100% at 90% 20%,#ff1f1f,#8a0000);border-radius:12px;overflow:hidden;min-height:170px}
.cta-in .txt{padding:24px 26px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.cta-in h3{font-size:22px;font-weight:900;text-transform:uppercase;margin:0}
.cta-in p{font-size:16px;color:#ffe0e0}
.cta-in .img{position:relative}
.cta-in img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.prose details,.faq details{background:var(--surface);border-radius:10px;padding:0 20px}
.prose details+details,.faq details+details{margin-top:8px}
.prose summary,.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 0;font-weight:700;font-size:17px;color:#fff}
.prose summary::-webkit-details-marker,.faq summary::-webkit-details-marker{display:none}
.prose summary::after,.faq summary::after{content:"+";font-family:var(--display);font-weight:800;color:var(--yellow);font-size:22px;line-height:1}
.prose details[open] summary::after,.faq details[open] summary::after{content:"–"}
.prose details p,.faq details p{padding:0 0 18px;font-size:16px;color:#ddd;margin:0}
.rg{display:flex;gap:16px;align-items:center;background:#141414;border:1px solid var(--line);border-radius:10px;padding:16px 20px;font-size:15px;color:var(--muted)}
.rg .age{width:34px;height:34px;font-size:12px}
.author{display:flex;gap:16px;align-items:center;background:var(--surface);border-radius:10px;padding:18px 20px}
.author .avatar{width:56px;height:56px;font-size:18px}
.author b{color:#fff;display:block}
.author p{font-size:15px;color:var(--muted)}
.ask{background:linear-gradient(135deg,#2a0000,#3a0a0a);border:1px solid #5a0a0a;border-radius:12px;padding:22px 24px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
.ask h3{font-size:20px;font-weight:800;margin:0 0 6px}
.ask p{font-size:15px;color:#ffd0d0;margin:0}
.helpful{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--muted);flex-wrap:wrap}
.helpful button{background:var(--surface);border:1px solid var(--line);color:#fff;border-radius:999px;padding:6px 14px;cursor:pointer}
.helpful button[disabled]{opacity:.6;cursor:default}
.helpful .thanks{color:var(--yellow)}
.related{padding:44px 0 0}

/* 404 + page */
.page-body{padding:30px 0 0}
.page-body .wrap{max-width:760px}

@media (max-width:980px){
  .hero .wrap{grid-template-columns:1fr}
  .side{grid-template-rows:auto;grid-template-columns:1fr 1fr}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .winners{grid-template-columns:1fr 1fr}
  .series{grid-template-columns:repeat(3,1fr)}
  .duo{grid-template-columns:1fr}
  .gloss{grid-template-columns:1fr 1fr}
  .footer .cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  .art-body .wrap{grid-template-columns:1fr}
  .toc{position:static;order:-1}
  .toc ol{display:flex;flex-wrap:wrap;border-left:0;gap:4px}
  .toc li a{border:1px solid var(--line);border-radius:999px;padding:6px 12px;margin:0}
  /* header on tablet/phone: search folds into an icon, buttons stay fully visible */
  .header .wrap{gap:8px}
  .brand svg,.brand img{width:110px}
  .brand .tag{font-size:10px;padding:3px 5px}
  .header .search{display:none;position:absolute;left:0;right:0;top:100%;width:auto;margin:0;border-radius:0;height:52px;padding:0 20px;background:#111;color:#bbb;z-index:6}
  .header .search input::placeholder{color:#888}
  .header.search-open .search{display:flex}
  .search-toggle{display:grid;place-items:center}
  .btn-login,.btn-register{height:38px;padding:0 10px;font-size:14px}
}
@media (max-width:640px){
  .jackpots .wrap{flex-wrap:wrap}
  .jackpots .lbl{width:100%;padding:10px 14px;font-size:12px}
  .jackpots ul{padding:0 6px 6px;width:100%}
  .jackpots li{padding:6px 10px}
  .jackpots .val{font-size:15px}
  .jackpots .all{width:100%;justify-content:center;padding:8px 0 10px}
  .topbar{font-size:14px}
  .topbar nav a{padding:0 10px}
  .topbar .help{font-size:13px}
  .footer{padding-top:28px}
  .footer .logo-row{gap:14px 22px}
  .footer .logo-row img{height:24px}
  .footer .cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer .legal{font-size:13px}
  .feature{min-height:0;grid-template-columns:1fr}
  .feature .img{order:-1}
  .feature .img::before{display:none}
  .mini .txt{max-width:100%}
  .mini::after{background:linear-gradient(90deg,rgba(30,30,30,.95) 0%,rgba(30,30,30,.85) 70%,rgba(30,30,30,.4))}
  .side{grid-template-columns:1fr}
  .cards,.cards-3{grid-template-columns:1fr}
  .winners{grid-template-columns:1fr}
  .win-big{grid-column:auto}
  .win-big .amt{font-size:24px}
  .win .amt{font-size:19px}
  .series{grid-template-columns:1fr 1fr}
  .gloss,.gloss-list{grid-template-columns:1fr}
  .band{grid-template-columns:1fr}
  .cta-in{grid-template-columns:1fr}
  .cta-in .img{min-height:160px}
  .ask{grid-template-columns:1fr}
  .brand svg,.brand img{width:96px}
  .btn-login,.btn-register{padding:0 8px;font-size:13px;height:36px}
  .search-toggle{width:36px;height:36px}
  .tile{width:88px;height:62px;font-size:11px}
  .row-head h2{font-size:20px}
  .archive-head h1{font-size:24px}
}
@media (max-width:380px){
  .brand .tag{display:none}
  .topbar .help{display:none}
}
@media (prefers-reduced-motion:reduce){.live{animation:none}.card{transition:none}html{scroll-behavior:auto}}