/*
Theme Name: VIP333 Ivory Editorial Run lRg5sQ9W
Theme URI: https://vip333login.asia/
Author: VIP333 Panduan Indonesia
Description: Tema editorial independen untuk panduan VIP333 Indonesia.
Version: 1.0.0
Text Domain: vip333-panduan
*/
:root{--paper:#f5f0e7;--surface:#fffcf7;--soft:#ebe2d5;--ink:#252321;--muted:#6d6861;--brick:#9e3f35;--sage:#2f6f62;--gold:#c28b35;--line:#d7cdbf;--info:#eaf1ed;--focus:#2f6f62;--max:1160px;--reading:760px;--wide:980px;--shadow:0 10px 28px rgba(60,45,30,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:1.8;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:radial-gradient(rgba(90,70,50,.16) .55px,transparent .55px);background-size:7px 7px;z-index:-1}a{color:var(--sage);text-decoration-thickness:1.5px;text-underline-offset:.18em}a:hover{color:var(--brick)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:absolute;left:1rem;top:-100px;background:var(--ink);color:#fff;padding:.7rem 1rem;z-index:9999}.skip-link:focus{top:1rem}.site-header{background:rgba(255,252,247,.97);border-bottom:1px solid var(--line);position:relative;z-index:50}.masthead{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:12px 24px}.custom-logo-link{display:block;line-height:0}.custom-logo{display:block;width:auto;height:64px;max-width:min(520px,70vw)}.brand-fallback{font-weight:800;font-size:1.45rem;color:var(--ink);text-decoration:none}.menu-toggle{display:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);min-width:48px;min-height:48px;padding:.5rem;font:inherit}.nav-shell{border-top:1px solid var(--line);background:var(--surface)}.main-nav{max-width:var(--max);margin:auto;padding:0 24px}.main-nav ul{display:flex;gap:0;list-style:none;margin:0;padding:0;justify-content:space-between}.main-nav a{display:flex;align-items:center;min-height:52px;padding:.6rem .72rem;color:var(--ink);text-decoration:none;font-size:.9rem;font-weight:700;border-bottom:3px solid transparent}.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--brick);border-color:var(--brick)}.site-main{min-height:60vh}.article-wrap{max-width:var(--max);margin:0 auto;background:var(--surface);box-shadow:var(--shadow);padding:clamp(42px,7vw,88px) 24px}.entry-content{max-width:var(--reading);margin:0 auto}.entry-content>h1{font-family:Georgia,"Noto Serif",serif;font-size:clamp(2.35rem,5.7vw,4.5rem);line-height:1.04;letter-spacing:-.035em;margin:0 0 1.2rem;max-width:1000px}.entry-content>.lead{font-size:clamp(1.08rem,2vw,1.34rem);line-height:1.65;color:#3c3935;margin-bottom:1.1rem}.entry-content>h2{font-family:Georgia,"Noto Serif",serif;font-size:clamp(1.72rem,3vw,2.45rem);line-height:1.18;margin:clamp(3.2rem,8vw,5.8rem) 0 1rem;padding-top:.75rem;border-top:2px solid var(--brick)}.entry-content>h3{font-size:1.18rem;line-height:1.35;margin:2rem 0 .6rem}.entry-content p{margin:.85rem 0 1.3rem}.entry-content ul,.entry-content ol{padding-left:1.35rem;margin:1rem 0 1.7rem}.entry-content li{padding-left:.35rem;margin:.45rem 0}.entry-content figure{width:min(var(--wide),calc(100vw - 48px));margin:3rem 50%;transform:translateX(-50%);background:var(--soft);border:1px solid var(--line);padding:10px}.entry-content figure img{display:block;width:100%;height:auto;max-height:720px;object-fit:cover}.entry-content figcaption{font-size:.86rem;color:var(--muted);line-height:1.55;padding:.55rem .3rem .15rem}.entry-content table{width:min(var(--wide),calc(100vw - 48px));margin:2rem 50%;transform:translateX(-50%);border-collapse:collapse;background:var(--surface);font-size:.92rem;line-height:1.55;box-shadow:var(--shadow)}.entry-content th,.entry-content td{border:1px solid var(--line);padding:.85rem;vertical-align:top;text-align:left}.entry-content th{background:var(--soft);font-weight:800}.decision-flow,.decision-tree,.timeline{width:min(var(--wide),calc(100vw - 48px));margin:2rem 50%!important;transform:translateX(-50%);padding:1.3rem 1.5rem 1.3rem 3rem!important;background:var(--info);border-left:5px solid var(--sage)}.source-note{width:min(var(--wide),calc(100vw - 48px));margin:3rem 50%;transform:translateX(-50%);background:var(--info);border:1px solid #bed0c8;padding:1rem 1.25rem;font-size:.92rem}.faq-list{width:min(var(--wide),calc(100vw - 48px));margin:1.5rem 50%;transform:translateX(-50%)}.faq-list details{background:var(--surface);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:1.15rem 2.7rem 1.15rem 0;font-weight:800;position:relative}.faq-list summary:after{content:"+";position:absolute;right:.5rem;top:.9rem;font-size:1.45rem;color:var(--brick)}.faq-list details[open] summary:after{content:"−"}.faq-list details p{padding:0 0 1.15rem;margin:0;color:#48443f}.editorial-note{border-left:5px solid var(--gold);background:#fff1d0;padding:1rem 1.25rem;margin:2rem 0}.site-footer{background:#252321;color:#ece5d9;margin-top:0}.footer-inner{max-width:var(--max);margin:auto;padding:54px 24px;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2.5rem}.site-footer h2,.site-footer h3{color:#fff;margin-top:0}.site-footer p{color:#d7cdbf}.site-footer a{color:#d6e9e3}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:.45rem 0}.footer-bottom{border-top:1px solid #4b4640;padding:16px 24px;text-align:center;color:#bdb3a6;font-size:.82rem}.footer-mark{font-family:Georgia,serif;font-size:1.5rem;font-weight:800}.visually-hidden{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:920px){body{font-size:17px}.masthead{min-height:74px;padding:10px 16px}.custom-logo{height:52px;max-width:72vw}.menu-toggle{display:block}.nav-shell{display:none;border-top:1px solid var(--line)}.nav-shell.is-open{display:block}.main-nav{padding:0 16px}.main-nav ul{display:block;padding:.5rem 0 1rem}.main-nav a{min-height:48px;border-bottom:1px solid var(--line);font-size:1rem}.article-wrap{padding-left:18px;padding-right:18px;box-shadow:none}.entry-content figure,.entry-content table,.decision-flow,.decision-tree,.timeline,.source-note,.faq-list{width:100%;margin-left:0;margin-right:0;transform:none}.footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body{font-size:16px}.entry-content>h1{font-size:clamp(2.15rem,11vw,2.75rem)}.entry-content>h2{font-size:1.65rem;margin-top:3.5rem}.article-wrap{padding-top:42px;padding-bottom:52px}.entry-content figure{padding:5px;margin-top:2rem;margin-bottom:2rem}.entry-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.86rem}.entry-content th,.entry-content td{min-width:145px;padding:.68rem}.footer-inner{grid-template-columns:1fr;gap:1.4rem;padding-top:42px;padding-bottom:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}