/*
Theme Name: BigBunny PH
Theme URI: https://bigbunny.org.ph/
Author: Rahul Pal
Description: Casino-style, SEO-first guide theme for bigbunny.org.ph. Dark neon design with original artwork (mascot, game tiles, promo banners). On activation it creates every page with ready content, menus, meta titles, descriptions, canonicals and schema.
Version: 1.2.2
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: bigbunny
*/

@font-face{font-family:"Poppins";font-style:normal;font-weight:700 900;font-display:swap;src:url(assets/fonts/poppins-700.woff) format("woff")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400 600;font-display:swap;src:url(assets/fonts/poppins-500.woff) format("woff")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 500;font-display:swap;src:url(assets/fonts/inter-400.woff) format("woff")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/inter-600.woff) format("woff")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700 900;font-display:swap;src:url(assets/fonts/inter-700.woff) format("woff")}

:root{
  --bg:#0d0620;
  --bg-2:#140a2e;
  --surface:#1b1038;
  --surface-2:#251650;
  --line:rgba(255,255,255,.09);
  --ink:#ece6ff;
  --muted:#ab9fd0;
  --head:#ffffff;
  --orange:#ff7a1a;
  --orange-d:#ff5a00;
  --pink:#ff3d8b;
  --gold:#ffc93c;
  --cyan:#2ee6d6;
  --green:#22c55e;
  --purple:#7c3aed;
  --radius:18px;
  --glow:0 0 0 1px rgba(255,255,255,.06),0 12px 40px rgba(0,0,0,.45);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);background-image:radial-gradient(900px 500px at 10% -5%,rgba(124,58,237,.22),transparent 60%),radial-gradient(800px 500px at 100% 20%,rgba(255,61,139,.12),transparent 60%);background-attachment:fixed;color:var(--ink);font:17px/1.72 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;padding-bottom:74px}
@media(min-width:900px){body{padding-bottom:0}}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--orange)}
h1,h2,h3,h4{font-family:"Poppins","Inter",system-ui,sans-serif;line-height:1.22;color:var(--head);margin:1.6em 0 .55em}
h1{font-size:clamp(2rem,4.6vw,3.2rem);margin-top:0;letter-spacing:-.02em}
h2{font-size:clamp(1.45rem,3vw,1.95rem);letter-spacing:-.01em}
h3{font-size:1.18rem}
p{margin:0 0 1.1em}
strong,b{color:#fff}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:#fff;color:#000;padding:8px 12px;z-index:99}

/* ---------- Header ---------- */
.site-header{background:rgba(13,6,32,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;gap:16px;min-height:66px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:800 1.3rem "Poppins",sans-serif;letter-spacing:-.01em}
.brand img{width:38px;height:38px;border-radius:10px;box-shadow:0 0 18px rgba(255,122,26,.55)}
.brand span b{color:var(--orange)}
.brand:hover{color:#fff}
.main-nav{margin-left:auto}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.main-nav a{color:#d6ccf2;text-decoration:none;padding:8px 11px;border-radius:10px;font-size:.92rem;font-weight:600}
.main-nav a:hover,.main-nav .current-menu-item>a{background:rgba(255,255,255,.07);color:#fff}
.main-nav .current-menu-item>a{box-shadow:inset 0 -2px 0 var(--orange)}
.header-cta{display:flex;gap:8px}
.nav-toggle{display:none;margin-left:auto;background:rgba(255,255,255,.06);border:1px solid var(--line);color:#fff;border-radius:10px;padding:7px 12px;font-size:.95rem;font-weight:600}
@media(max-width:1060px){
  .nav-toggle{display:block}
  .header-cta .btn-ghost{display:none}
  .main-nav{position:absolute;top:66px;left:0;right:0;background:var(--bg-2);display:none;margin:0;border-bottom:1px solid var(--line)}
  .main-nav.open{display:block}
  .main-nav ul{flex-direction:column;padding:10px 16px 16px}
  .main-nav a{display:block;padding:12px 8px}
}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:999px;font-weight:800;text-decoration:none;border:0;cursor:pointer;font-size:1rem;line-height:1.2;transition:transform .15s,box-shadow .15s,background .15s;font-family:"Poppins","Inter",sans-serif}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,#ffb020 0%,var(--orange) 45%,var(--pink) 100%);color:#fff;box-shadow:0 8px 24px rgba(255,90,0,.45),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-primary:hover{color:#fff;box-shadow:0 12px 32px rgba(255,61,139,.55),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-ghost{background:rgba(255,255,255,.05);color:#fff;border:1.5px solid rgba(255,255,255,.22)}
.btn-ghost:hover{color:#fff;border-color:var(--gold);background:rgba(255,201,60,.08)}
.btn-sm{padding:9px 17px;font-size:.9rem}
.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 24px}

/* ---------- Home hero ---------- */
.hero{position:relative;overflow:hidden;padding:46px 0 30px}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 380px at 78% 45%,rgba(255,61,139,.28),transparent 70%),radial-gradient(500px 300px at 20% 30%,rgba(124,58,237,.35),transparent 70%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);background:rgba(255,201,60,.1);border:1px solid rgba(255,201,60,.3);padding:6px 12px;border-radius:999px;margin-bottom:16px}
.hero h1{background:linear-gradient(180deg,#fff 30%,#ffd9a8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{font-size:1.1rem;color:#cfc4ee;max-width:600px}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0;list-style:none}
.badges li{background:rgba(255,255,255,.06);border:1px solid var(--line);padding:7px 13px;border-radius:12px;font-size:.88rem;color:var(--muted)}
.badges li b{color:var(--gold)}
.hero-art{position:relative}
.hero-art > img{width:100%;max-width:540px;margin:0 auto;animation:bob 6s ease-in-out infinite;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.float-card{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(27,16,56,.88);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:9px 14px 9px 10px;color:var(--muted);font-size:.8rem;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.4);line-height:1.3}
.float-card b{display:block;color:#fff;font-size:.92rem}
.float-card:hover{color:var(--muted);border-color:var(--gold)}
.fc-1{left:0;top:16%;animation:bob 5s ease-in-out infinite .5s}
.fc-2{right:0;bottom:12%;animation:bob 5.5s ease-in-out infinite 1s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (prefers-reduced-motion:reduce){.hero-art > img,.float-card{animation:none}}
@media(max-width:880px){
  .hero{padding-top:28px}
  .hero-grid{grid-template-columns:1fr}
  .hero-art{max-width:340px;margin:0 auto}
  .fc-1{left:-6px}.fc-2{right:-6px}
}

/* ---------- Home blocks ---------- */
.home-blocks{padding-top:10px}
.block-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:38px 0 16px}
.block-head h2{margin:0;font-size:clamp(1.3rem,2.6vw,1.7rem)}
.block-head h2:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange);margin-right:10px;vertical-align:middle}
.entry .block-head h2:after{display:none}
.block-head .more{font-weight:700;font-size:.92rem;text-decoration:none;white-space:nowrap}

.cat-bar{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;margin:8px 0 0}
.cat-bar a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 12px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:16px;text-decoration:none;color:#e5ddff;font-weight:700;font-size:.85rem;transition:transform .15s,border-color .15s}
.cat-bar a:hover{transform:translateY(-3px);border-color:var(--orange);color:#fff}
.cat-bar img{width:52px;height:52px}
@media(max-width:900px){.cat-bar{grid-template-columns:repeat(4,1fr)}}
@media(max-width:420px){.cat-bar{gap:8px}.cat-bar a{font-size:.75rem;padding:10px 4px}.cat-bar img{width:42px;height:42px}}

.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){.game-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.game-grid{grid-template-columns:repeat(2,1fr);gap:10px}}
.game{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s}
.game:hover{transform:translateY(-4px);border-color:rgba(255,122,26,.6);box-shadow:0 18px 40px rgba(255,61,139,.22)}
.game-img{position:relative;display:block;aspect-ratio:1/1;overflow:hidden}
.game-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.game:hover .game-img img{transform:scale(1.06)}
.ribbon{position:absolute;top:10px;left:10px;background:var(--pink);color:#fff;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:4px 9px;border-radius:8px;box-shadow:0 4px 12px rgba(255,61,139,.5)}
.game-body{padding:12px 14px 4px;display:flex;flex-direction:column;gap:2px}
.game-body strong{font-family:"Poppins",sans-serif;font-size:1rem;color:#fff;line-height:1.25}
.prov{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cyan)}
.meta{font-size:.82rem;color:var(--muted)}
.game-play{margin:10px 14px 14px;align-self:flex-start}
.entry .games-block{margin:6px 0 30px}

.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.promo-grid{grid-template-columns:1fr}}
.promo{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:190px;padding:22px 24px;border-radius:var(--radius);background-size:cover;background-position:75% center;text-decoration:none;color:#f1eaff;border:1px solid var(--line);overflow:hidden;transition:transform .18s,box-shadow .18s}
.promo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,6,32,.9) 0%,rgba(13,6,32,.6) 50%,rgba(13,6,32,0) 85%)}
.promo > *{position:relative;max-width:60%}
.promo:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.45);color:#fff}
.promo strong{font:800 1.3rem/1.2 "Poppins",sans-serif;color:#fff}
.promo span{font-size:.92rem}
.promo em{font-style:normal;font-weight:800;color:var(--gold);font-size:.9rem;margin-top:6px}
.promo-tag{display:inline-block;align-self:flex-start;font-size:.7rem!important;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#fff;background:rgba(255,255,255,.14);padding:3px 9px;border-radius:7px;margin-bottom:4px}
.fine{font-size:.82rem;color:var(--muted);margin:10px 0 0}
.entry .promo-block{margin:6px 0 30px}
.entry .promo-grid{grid-template-columns:1fr}

.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:760px){.step-grid{grid-template-columns:1fr}}
.step{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px;background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--muted);transition:border-color .15s,transform .15s}
.step:hover{border-color:var(--orange);transform:translateY(-3px);color:var(--muted)}
.step img{width:72px;height:72px;object-fit:contain}
.step strong{font:800 1.12rem "Poppins",sans-serif;color:#fff}
.step .num{position:absolute;top:16px;right:18px;font:900 2.4rem/1 "Poppins",sans-serif;color:rgba(255,255,255,.08)}

.trust-strip{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:34px 0 0;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.trust-strip .label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.trust-strip .pills{display:flex;flex-wrap:wrap;gap:8px}
.trust-strip .pills span{font-weight:800;font-size:.88rem;color:#fff;background:rgba(255,255,255,.06);border:1px solid var(--line);padding:6px 12px;border-radius:10px}

/* ---------- Inner page hero ---------- */
.page-hero{position:relative;overflow:hidden;padding:28px 0 8px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(124,58,237,.18),transparent)}
.page-hero-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:center}
.page-hero h1{margin-bottom:.35em;font-size:clamp(1.8rem,4vw,2.7rem)}
.page-hero p{margin:0;max-width:680px;color:#cfc4ee;font-size:1.05rem}
.page-hero .cta-row{margin:18px 0 22px}
.page-art{width:100%;max-width:340px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.4))}
@media(max-width:820px){.page-hero-grid{grid-template-columns:1fr}.page-art{display:none}.page-hero{padding-bottom:4px}}

.crumbs{font-size:.84rem;margin:0 0 12px;color:var(--muted)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li:before{content:"›";margin-right:6px;opacity:.6}
.crumbs a{color:#fff;text-decoration:none}

/* ---------- Content ---------- */
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding:34px 16px 60px}
@media(max-width:980px){.content-grid{grid-template-columns:1fr}}
.entry{min-width:0}
.entry > *:first-child{margin-top:0}
.entry h2{padding-top:.2em}
.entry h2:after{content:"";display:block;width:56px;height:4px;border-radius:4px;margin-top:12px;background:linear-gradient(90deg,var(--orange),var(--pink))}
.entry ul,.entry ol{padding-left:1.3em;margin:0 0 1.2em}
.entry li{margin-bottom:.45em}
.entry li::marker{color:var(--orange)}
.entry table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:.95rem;background:var(--surface);border-radius:14px;overflow:hidden}
.entry th,.entry td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.entry th{background:linear-gradient(135deg,#3a1d78,#2a1458);color:#fff;font-weight:700}
.entry tr:last-child td{border-bottom:0}
.entry tbody tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.entry td:first-child{color:#fff;font-weight:600}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1.4em;border-radius:14px;border:1px solid var(--line)}
.table-scroll table{margin:0;min-width:520px}
.entry blockquote{margin:0 0 1.2em;padding:16px 20px;border-left:4px solid var(--gold);background:rgba(255,201,60,.07);border-radius:0 14px 14px 0}
.page-banner{margin:6px 0 26px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--glow)}
.page-banner img{width:100%}

.box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 22px;margin:0 0 1.5em}
.box h3{margin-top:0}
.box p:last-child{margin-bottom:0}
.note{background:rgba(46,230,214,.07);border-color:rgba(46,230,214,.3)}
.warn{background:rgba(255,122,26,.08);border-color:rgba(255,122,26,.35)}
.steps{counter-reset:s;list-style:none;padding:0!important}
.steps li{counter-increment:s;position:relative;padding:12px 16px 12px 62px;margin-bottom:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
.steps li:before{content:counter(s);position:absolute;left:14px;top:12px;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--orange),var(--pink));color:#fff;display:grid;place-items:center;font-weight:800;font-size:.95rem;box-shadow:0 4px 14px rgba(255,90,0,.4)}
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:1.5em}
.pros-cons > div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}
.pros-cons h3{margin-top:0;font-size:1.05rem}
.pros-cons .pros{border-top:3px solid var(--green)}
.pros-cons .cons{border-top:3px solid var(--orange)}
.pros-cons .pros h3{color:var(--green)}
.pros-cons .cons h3{color:var(--orange)}
.pros-cons ul{margin:0}
@media(max-width:640px){.pros-cons{grid-template-columns:1fr}}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0 0 1.6em}
.card{display:block;background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-decoration:none;color:var(--muted);transition:transform .15s,border-color .15s}
.card:hover{transform:translateY(-3px);border-color:var(--orange);color:var(--muted)}
.card strong{display:block;color:#fff;font-family:"Poppins",sans-serif;margin-bottom:4px}
.card span{font-size:.92rem}

.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 20px;margin:0 0 1.8em}
.toc summary{cursor:pointer;font-weight:800;color:#fff;font-family:"Poppins",sans-serif}
.toc ol{margin:10px 0 4px;padding-left:1.3em;font-size:.95rem}
.toc li{margin:5px 0}
.toc a{color:#d6ccf2;text-decoration:none}
.toc a:hover{color:var(--gold)}

.faq{margin-top:1em}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:0 18px;transition:border-color .15s}
.faq details[open]{border-color:rgba(255,122,26,.5)}
.faq summary{cursor:pointer;padding:15px 30px 15px 0;font-weight:700;color:#fff;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:0;top:11px;font-size:1.4rem;color:var(--orange)}
.faq details[open] summary:after{content:"−"}
.faq details > div{padding:0 0 15px;color:#d6ccf2}

/* ---------- Sidebar ---------- */
.sidebar .widget{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:18px}
.sidebar .widget h3{margin:0 0 10px;font-size:1.05rem}
.sidebar ul{list-style:none;margin:0;padding:0}
.sidebar li{border-bottom:1px solid var(--line)}
.sidebar li:last-child{border:0}
.sidebar li a{display:block;padding:9px 0;text-decoration:none;font-size:.94rem;color:#d6ccf2}
.sidebar li a:hover{color:var(--gold)}
.sidebar .play-box{position:relative;background:linear-gradient(160deg,#4c1d95,#9d174d);border:0;color:#f3e8ff;text-align:center;overflow:hidden}
.sidebar .play-box:before{content:"";position:absolute;inset:-40% -20% auto;height:200px;background:radial-gradient(circle,rgba(255,201,60,.35),transparent 65%)}
.sidebar .play-box > *{position:relative}
.play-mascot{width:84px;height:84px;margin:0 auto 4px}
.sidebar .play-box h3{color:#fff}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mini-grid a{display:block;text-decoration:none;color:#e5ddff;font-size:.8rem;font-weight:700}
.mini-grid img{border-radius:12px;margin-bottom:5px}
@media(min-width:981px){.sidebar .sticky{position:sticky;top:86px}}

.related{margin-top:2.4em}
.related h2{font-size:1.3rem}
.updated{font-size:.86rem;color:var(--muted);margin:0 0 1.2em}
.disclaimer-strip{background:rgba(255,122,26,.08);border-top:1px solid rgba(255,122,26,.25);font-size:.86rem;color:#ffcfa6;padding:10px 0;text-align:center}

/* ---------- Footer ---------- */
.site-footer{background:#080313;color:var(--muted);padding:46px 0 26px;font-size:.93rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr 1fr}}
.footer-mascot{width:56px;height:56px;margin-bottom:10px}
.site-footer h4{color:#fff;margin:0 0 10px;font-size:1rem}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:6px 0}
.site-footer a{color:#cfc4ee;text-decoration:none}
.site-footer a:hover{color:var(--orange)}
.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;font-size:.84rem;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
.age{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:2px solid var(--pink);color:#fff;font-weight:800;font-size:.8rem;margin-right:8px;vertical-align:middle}

/* ---------- Mobile bottom bar ---------- */
.mobile-bar{position:fixed;left:0;right:0;bottom:0;background:rgba(13,6,32,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:60;padding-bottom:env(safe-area-inset-bottom)}
.mobile-bar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.7rem;padding:9px 2px 9px;color:var(--muted);text-decoration:none;font-weight:700}
.mobile-bar a:hover{color:#fff}
.mobile-bar a.play{color:#fff;position:relative}
.mobile-bar a.play img{width:46px;height:46px;margin-top:-26px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--pink));padding:4px;box-shadow:0 6px 18px rgba(255,90,0,.55);border:3px solid var(--bg)}
@media(min-width:900px){.mobile-bar{display:none}}

/* ---------- Blog ---------- */
.post-list{display:grid;gap:16px}
.post-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.post-item h2{margin:0 0 6px;font-size:1.25rem}
.post-item h2:after{display:none}
.post-item h2 a{text-decoration:none;color:#fff}
.pagination{margin:24px 0;display:flex;gap:8px;flex-wrap:wrap}
.pagination .page-numbers{padding:8px 13px;border-radius:10px;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:#fff}
.pagination .current{background:var(--orange)}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.alignleft{float:left;margin:0 1em 1em 0}.alignright{float:right;margin:0 0 1em 1em}.aligncenter{margin:0 auto 1em}
.wp-caption-text{font-size:.85rem;color:var(--muted)}
.entry p > .btn{margin:4px 0 6px}
.entry p:has(> .btn){margin-bottom:1.4em}