/*
Theme Name: CITIBET88 Panduan Emerald run-8lEn5Zkw
Theme URI: https://citibet88login.asia/
Author: CITIBET88 Panduan Indonesia
Description: Tema editorial independen untuk panduan CITIBET88 Indonesia.
Version: 1.0.0
Text Domain: citibet88-panduan
*/

:root{--bg:#071915;--surface:#0b211c;--surface-2:#102a24;--info:#15372f;--text:#f4f8f6;--muted:#afc2ba;--line:#29483e;--gold:#e8c45b;--mint:#3bc29a;--focus:#79e0be;--max:1180px;--article:760px;--radius:10px;--shadow:0 18px 42px rgba(0,0,0,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.78;text-rendering:optimizeLegibility}body.menu-open{overflow:hidden}a{color:var(--gold);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:#f8df90}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.skip-link{position:fixed;left:1rem;top:-100px;z-index:9999;background:var(--gold);color:#071915;padding:.7rem 1rem;font-weight:800}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:100;background:rgba(7,25,21,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{max-width:var(--max);min-height:68px;margin:auto;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-branding{display:flex;align-items:center;min-width:230px}.custom-logo-link{display:block;line-height:0}.custom-logo{display:block;width:auto;max-width:268px;height:48px;object-fit:contain}.brand-fallback{font-weight:900;color:var(--text);text-decoration:none;line-height:1.15}.menu-toggle{display:none;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:8px;min-width:48px;min-height:48px;font:inherit;font-weight:700}.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:8px}.primary-nav a{display:flex;align-items:center;min-height:44px;padding:7px 9px;color:var(--text);font-size:.84rem;font-weight:700;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}.primary-nav a:hover,.primary-nav .current-menu-item>a{border-color:var(--gold);color:var(--gold)}.site-main{min-height:70vh}.article-shell{max-width:var(--max);margin:0 auto;padding:76px 24px 96px}.article-header{max-width:900px;margin:0 auto 48px}.eyebrow{color:var(--mint);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.article-header h1{font-size:clamp(2.35rem,5.4vw,4.25rem);line-height:1.05;letter-spacing:-.04em;margin:.4rem 0 1.25rem;text-wrap:balance}.article-header p{font-size:1.12rem;color:var(--muted);max-width:760px}.article-body{max-width:var(--article);margin:0 auto}.article-body>p:first-child{font-size:1.16rem;color:#dce8e3}.article-body h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.18;letter-spacing:-.025em;margin:88px 0 24px;padding-top:18px;border-top:1px solid var(--line);text-wrap:balance}.article-body h2::before{content:"";display:block;width:54px;height:4px;background:var(--gold);margin:-20px 0 24px}.article-body h3{font-size:1.35rem;line-height:1.3;color:#a4ecd4;margin:48px 0 18px}.article-body p,.article-body li{color:#e6efeb}.article-body strong{color:#fff}.article-body ul,.article-body ol{padding-left:1.35rem}.article-body li{margin:.55rem 0}.article-body blockquote{margin:2rem 0;padding:1rem 1.3rem;background:var(--info);border-left:4px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0}.article-body figure{margin:42px calc((760px - min(100vw - 48px,1180px))/2);width:min(calc(100vw - 48px),1180px)}.article-body figure img{display:block;width:100%;height:auto;max-height:690px;object-fit:cover;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow)}.article-body figure.is-portrait img{max-width:760px;margin:auto;aspect-ratio:6/5;object-fit:cover}.article-body figcaption{max-width:760px;margin:10px auto 0;color:var(--muted);font-size:.86rem}.asset-panel{margin:32px 0;padding:24px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius)}.table-wrap{width:100%;overflow-x:auto;margin:28px 0;border:1px solid var(--line);border-radius:var(--radius)}table{border-collapse:collapse;width:100%;min-width:650px;background:var(--surface)}th,td{padding:15px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--info);color:#fff;font-size:.9rem}td{color:#dce8e3}tr:last-child td{border-bottom:0}.faq-list{margin-top:30px}.faq-list details{border-top:1px solid var(--line);padding:0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;padding:22px 44px 22px 0;position:relative;font-weight:800;color:#fff}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:8px;top:14px;font-size:1.65rem;color:var(--gold)}.faq-list details[open] summary::after{content:"−"}.faq-list details p{margin:0 0 22px;color:var(--muted)}.site-footer{border-top:1px solid var(--line);background:#05130f}.footer-inner{max-width:var(--max);margin:auto;padding:56px 24px 32px}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:60px}.footer-title{font-weight:900;font-size:1.15rem}.footer-statement{max-width:600px;color:var(--muted)}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}.footer-links a,.footer-email a{color:#dfeae6}.footer-meta{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);color:#829b91;font-size:.82rem}.notice{background:var(--info);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;margin:28px 0}.button-link{display:inline-flex;align-items:center;min-height:48px;padding:10px 18px;border:1px solid var(--gold);border-radius:8px;color:var(--gold);font-weight:800;text-decoration:none}.button-link:hover{background:var(--gold);color:#071915}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1120px){.header-inner{gap:12px}.site-branding{min-width:190px}.custom-logo{max-width:220px}.primary-nav a{padding:7px 6px;font-size:.78rem}}
@media(max-width:900px){body{font-size:16px}.header-inner{padding-inline:16px}.menu-toggle{display:block}.primary-nav{position:fixed;inset:68px 0 0 0;background:var(--bg);padding:20px 16px 60px;overflow-y:auto;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}.primary-nav.is-open{visibility:visible;opacity:1;transform:none}.primary-nav ul{display:block}.primary-nav a{font-size:1rem;padding:10px 12px;border:1px solid transparent;border-bottom-color:var(--line)}.article-shell{padding:52px 18px 72px}.article-body h2{margin-top:58px}.article-body figure{margin:34px 0;width:100%}.footer-grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:520px){.custom-logo{max-width:205px;height:44px}.site-branding{min-width:0}.article-shell{padding-inline:16px}.article-header h1{font-size:clamp(2.15rem,11vw,2.8rem)}.footer-links{grid-template-columns:1fr}.article-body figure img{border-radius:10px}.article-body figure.is-portrait img{aspect-ratio:4/5}.table-wrap{margin-inline:0}th,td{padding:12px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}