/* Shared 24 Play header */
/* Final 24 Play static header - same on every page */
.tp-header{position:sticky!important;top:0!important;z-index:99999!important;background:#000!important;border-bottom:1px solid #172033!important;font-family:inherit!important;}
.tp-header *{box-sizing:border-box!important;}
.tp-header-inner{width:100%!important;max-width:1440px!important;margin:0 auto!important;min-height:76px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;padding:0 28px!important;}
.tp-brand{display:inline-flex!important;align-items:center!important;gap:12px!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;font-size:20px!important;line-height:1!important;white-space:nowrap!important;min-width:145px!important;}
.tp-brand img{display:block!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;visibility:visible!important;opacity:1!important;}
.tp-brand span{display:inline-block!important;color:#fff!important;font-weight:900!important;font-size:20px!important;line-height:1!important;visibility:visible!important;opacity:1!important;}
.tp-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:22px!important;flex:1 1 auto!important;color:#fff!important;font-size:14px!important;line-height:1!important;white-space:nowrap!important;}
.tp-nav>a,.tp-dropdown-trigger{display:inline-flex!important;align-items:center!important;gap:4px!important;color:#fff!important;text-decoration:none!important;font-weight:500!important;padding:30px 0!important;line-height:1!important;background:transparent!important;border:0!important;}
.tp-nav>a:hover,.tp-dropdown-trigger:hover{color:#00d49a!important;}
.tp-dropdown{position:relative!important;display:inline-flex!important;align-items:center!important;}
.tp-dropdown-menu{display:none!important;position:absolute!important;left:50%!important;top:100%!important;transform:translateX(-50%)!important;width:min(980px,calc(100vw - 40px))!important;max-height:calc(100vh - 115px)!important;overflow:auto!important;background:#020617!important;border:1px solid rgba(59,130,246,.35)!important;border-radius:18px!important;padding:18px!important;box-shadow:0 24px 80px rgba(0,0,0,.65)!important;z-index:100000!important;}
.tp-dropdown:hover .tp-dropdown-menu,.tp-dropdown:focus-within .tp-dropdown-menu{display:block!important;}
.tp-dropdown-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border-bottom:1px solid rgba(148,163,184,.18)!important;margin-bottom:14px!important;padding-bottom:14px!important;}
.tp-dropdown-title{display:inline-flex!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;font-size:15px!important;}
.tp-dropdown-title:hover{color:#00d49a!important;}
.tp-dropdown-badge{display:inline-flex!important;border-radius:999px!important;background:rgba(0,201,139,.13)!important;color:#9fffe2!important;border:1px solid rgba(0,201,139,.25)!important;font-size:12px!important;font-weight:800!important;padding:6px 10px!important;}
.tp-dropdown-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px 20px!important;}
.tp-dropdown-col{display:flex!important;flex-direction:column!important;gap:4px!important;}
.tp-dropdown-col a{display:block!important;color:#e5e7eb!important;text-decoration:none!important;font-size:14px!important;line-height:1.25!important;border-radius:10px!important;padding:9px 10px!important;white-space:normal!important;background:transparent!important;}
.tp-dropdown-col a:hover{background:#0f172a!important;color:#00d49a!important;}
.tp-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:9999px!important;background:#00c98b!important;color:#00150f!important;text-decoration:none!important;padding:14px 28px!important;font-size:14px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(0,201,139,.18)!important;white-space:nowrap!important;min-width:132px!important;line-height:1!important;border:0!important;}
.tp-cta:hover{background:#14e0a4!important;color:#00150f!important;}
@media(max-width:1260px){.tp-header-inner{gap:14px!important;padding:0 18px!important}.tp-nav{gap:14px!important;font-size:13px!important}.tp-cta{padding:12px 20px!important}}
@media(max-width:1040px){.tp-header-inner{min-height:auto!important;padding:14px 16px!important;align-items:flex-start!important;flex-wrap:wrap!important}.tp-brand{order:1!important}.tp-cta{order:2!important}.tp-nav{order:3!important;flex:0 0 100%!important;justify-content:flex-start!important;overflow-x:auto!important;gap:16px!important;padding:0!important}.tp-nav>a,.tp-dropdown-trigger{padding:10px 0!important}.tp-dropdown-menu{left:0!important;transform:none!important;width:min(940px,calc(100vw - 32px))!important}}
@media(max-width:680px){.tp-brand{min-width:auto!important}.tp-brand span{font-size:18px!important}.tp-nav{font-size:13px!important}.tp-cta{padding:10px 14px!important;min-width:auto!important}.tp-dropdown-grid{grid-template-columns:1fr!important}.tp-dropdown-menu{position:fixed!important;left:12px!important;right:12px!important;top:108px!important;width:auto!important;max-height:70vh!important;transform:none!important}}
/* Homepage banner alignment guard */
.hero-banner{width:100%!important;overflow:hidden!important;background:#020617!important;}
.hero-banner-inner{width:100%!important;max-width:1280px!important;margin:0 auto!important;display:flex!important;justify-content:center!important;align-items:center!important;}
.hero-banner picture{display:block!important;width:100%!important;max-width:1280px!important;margin:0 auto!important;line-height:0!important;}
#hero-bg{display:block!important;width:100%!important;max-width:1280px!important;height:360px!important;object-fit:contain!important;object-position:center center!important;margin:0 auto!important;}
@media(max-width:640px){#hero-bg,.hero-banner,.hero-banner-inner{height:220px!important;}}


/* 24 Play runtime blog theme. Loaded by article-view.php for every current and future Soro HTML article. */
:root{--tp-bg:#020617;--tp-panel:#0f172a;--tp-panel2:#111827;--tp-text:#e5e7eb;--tp-muted:#94a3b8;--tp-green:#00c98b;--tp-green2:#14e0a4;--tp-blue:#3b82f6;--tp-border:#1e293b}
html{scroll-behavior:smooth;background:var(--tp-bg)!important}
body{margin:0!important;background:radial-gradient(circle at 78% 8%,rgba(0,201,139,.10),transparent 24%),radial-gradient(circle at 18% 6%,rgba(59,130,246,.12),transparent 28%),var(--tp-bg)!important;color:var(--tp-text)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif!important;min-height:100vh!important}
/* Force Soro's light article layouts into the 24 Play dark theme. */
body>main,main,article,.article-page,.article-container,.post,.post-container,.blog-post,.content,.content-wrapper{background:transparent!important;color:var(--tp-text)!important}
main{max-width:1100px!important;margin:0 auto!important;padding:56px 28px 80px!important;box-sizing:border-box!important}
main>article,main>.article-container,article.article-container,.post,.blog-post{max-width:920px!important;margin-left:auto!important;margin-right:auto!important}
h1,h2,h3,h4,h5,h6,main h1,main h2,main h3,main h4,main h5,main h6,article h1,article h2,article h3,article h4{color:#fff!important}
h1,main h1,article h1{font-weight:900!important;letter-spacing:-.025em!important;line-height:1.08!important}
p,li,main p,main li,article p,article li,.article-content p,.article-content li{color:#cbd5e1!important}
small,time,.meta,.article-meta,.post-meta,.published,.date{color:var(--tp-muted)!important}
a,main a,article a,.article-content a{color:#6ee7d2!important;text-decoration-color:rgba(0,201,139,.45)!important}
a:hover,main a:hover,article a:hover{color:#a7f3d0!important}
strong,b{color:#f8fafc!important}
main img,article img,.featured-image,.hero-image,.post-image{max-width:100%!important;height:auto!important;border-radius:18px!important;border:1px solid rgba(59,130,246,.25)!important;box-shadow:0 20px 55px rgba(0,0,0,.32)!important}
blockquote{background:rgba(15,23,42,.82)!important;border-left:4px solid var(--tp-green)!important;color:#cbd5e1!important;border-radius:0 12px 12px 0!important;padding:18px 22px!important}
code{background:#0f172a!important;color:#a7f3d0!important;border-radius:6px!important;padding:.12em .35em!important}
pre{background:#0b1220!important;border:1px solid var(--tp-border)!important;border-radius:14px!important;color:#e5e7eb!important;padding:18px!important;overflow:auto!important}
table{background:#0f172a!important;color:#e5e7eb!important;border-color:#334155!important}th,td{border-color:#334155!important}th{background:#111827!important;color:#fff!important}
hr{border-color:#334155!important}
button,.button,.cta-button,.back-link,input[type=submit]{background:var(--tp-green)!important;color:#00150f!important;border-radius:999px!important;font-weight:900!important;border:0!important}
button:hover,.button:hover,.cta-button:hover,.back-link:hover,input[type=submit]:hover{background:var(--tp-green2)!important;color:#00150f!important}
/* If Soro wraps content in a generic container, retain its width but remove any white panel. */
body>.container,body>.wrapper,body>.content,main>.container,article>.container{background:transparent!important;color:var(--tp-text)!important}
/* Footer fallback styling */
footer{background:#020617!important;color:#64748b!important;border-color:#1e293b!important}
@media(max-width:700px){main{padding:36px 18px 60px!important}h1,main h1,article h1{font-size:2rem!important}}