/*
Theme Name: 567TV Indigo Dossier KaXvctYT
Author: Panduan 567TV Indonesia
Description: Tema editorial independen untuk Panduan 567TV Indonesia.
Version: 1.0.0
Text Domain: panduan-567tv
*/

:root{--cover:#172553;--cover-deep:#0f1838;--page:#eef1f7;--paper:#fff;--soft:#e3e8f2;--accent:#5267d9;--teal:#127d80;--amber:#c98719;--ink:#1d2736;--muted:#657187;--line:#ccd4e2;--focus:#16a3a5;--shadow:0 16px 38px rgba(24,37,78,.10);--wide:1200px;--read:780px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--page);color:var(--ink);font-family:"Noto Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.74;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:#334bb9;text-decoration-thickness:.09em;text-underline-offset:.18em}a:hover{color:#12267e}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}.site-header{background:var(--cover-deep);color:#fff;position:relative;z-index:20}.header-inner{max-width:var(--wide);min-height:76px;margin:auto;padding:10px clamp(16px,4vw,48px);display:flex;align-items:center;gap:24px}.custom-logo-link{display:flex;flex:0 0 auto}.custom-logo{width:260px;max-height:54px;object-fit:contain}.site-name{color:#fff;font-weight:800;text-decoration:none}.menu-toggle{display:none;margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff;border-radius:8px;min-width:48px;min-height:48px;font-size:23px}.primary-menu{margin-left:auto}.primary-menu ul{display:flex;gap:4px;list-style:none;padding:0;margin:0;align-items:center}.primary-menu a{color:#fff;text-decoration:none;font-size:14px;font-weight:650;padding:12px 10px;border-radius:6px;display:block}.primary-menu a:hover{background:rgba(255,255,255,.1)}.cover{background:linear-gradient(140deg,var(--cover-deep),var(--cover));color:#fff;padding:clamp(52px,8vw,104px) clamp(16px,4vw,48px)}.cover-inner{max-width:var(--wide);margin:auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);gap:clamp(30px,5vw,70px);align-items:center}.cover-copy{max-width:690px}.eyebrow{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#bcd6ff;font-weight:700}.cover h1{font-size:clamp(39px,5.4vw,70px);line-height:1.06;letter-spacing:-.035em;margin:.22em 0}.cover p{font-size:clamp(17px,2vw,20px);color:#e4e9f5}.cover img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.34)}main{display:block}.content-shell{max-width:var(--wide);margin:0 auto;padding:clamp(42px,7vw,88px) clamp(16px,4vw,48px) clamp(60px,8vw,110px)}.article{background:var(--paper);box-shadow:var(--shadow);border-radius:10px;padding:clamp(25px,5vw,72px)}.article-body{max-width:var(--read);margin:auto}.article-body>p:first-child{font-size:1.15em;color:#293651}.article-body h2{font-size:clamp(28px,4vw,42px);line-height:1.18;margin:2.25em 0 .55em;padding-left:18px;border-left:5px solid var(--teal);letter-spacing:-.025em}.article-body h3{font-size:clamp(22px,3vw,28px);line-height:1.25;margin:1.8em 0 .5em}.article-body h2:target{scroll-margin-top:24px}.article-body p{margin:0 0 1.25em}.article-body ul,.article-body ol{padding-left:1.35em;margin:0 0 1.5em}.article-body li{margin:.45em 0}.article-body figure{margin:clamp(35px,6vw,62px) calc((min(100vw - 64px,var(--wide)) - min(100vw - 64px,var(--read)))/-2)}.article-body figure img{width:100%;max-height:680px;object-fit:cover;border-radius:8px}.article-body figcaption{color:var(--muted);font-size:14px;margin-top:10px;padding:0 8px}.article-body .table-wrap{overflow-x:auto;margin:2em calc((min(100vw - 64px,var(--wide)) - min(100vw - 64px,var(--read)))/-2);border:1px solid var(--line);border-radius:8px}.article-body table{border-collapse:collapse;width:100%;min-width:720px;background:#fff}.article-body th,.article-body td{padding:15px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.article-body th{background:var(--soft);font-size:14px;letter-spacing:.02em}.article-body tr:last-child td{border-bottom:0}.source-box{background:#e8f4f3;border-left:5px solid var(--teal);padding:24px;margin:44px 0}.source-box h2{font-size:26px;margin:0 0 12px;border:0;padding:0}.source-box ul{margin:0}.faq{margin-top:70px}.faq h2{margin-bottom:24px}.faq details{border-top:1px solid var(--line);padding:0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:700;padding:20px 44px 20px 0;position:relative}.faq summary::after{content:"+";position:absolute;right:8px;font-size:25px;top:13px}.faq details[open] summary::after{content:"−"}.faq details p{padding:0 0 20px;margin:0}.page-title{background:var(--cover);color:#fff;padding:clamp(45px,7vw,82px) clamp(16px,4vw,48px)}.page-title-inner{max-width:var(--wide);margin:auto}.page-title h1{font-size:clamp(36px,5vw,61px);line-height:1.1;max-width:950px;margin:.2em 0}.page-title p{max-width:760px;color:#dfe6f4}.site-footer{background:var(--cover-deep);color:#dfe6f4;padding:58px clamp(16px,4vw,48px)}.footer-inner{max-width:var(--wide);margin:auto}.footer-nav ul{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;padding:0}.footer-nav a,.site-footer a{color:#fff}.footer-note{max-width:760px}.footer-brand{font-weight:800;color:#fff}.email-link{word-break:normal}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:#fff;color:#111;padding:10px;z-index:999}.notice{background:#fff1d1;border-left:5px solid var(--amber);padding:20px 24px;margin:30px 0}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.cta-row a{display:inline-flex;align-items:center;min-height:48px;padding:10px 16px;background:var(--cover);color:#fff;text-decoration:none;border-radius:6px}.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:980px){.menu-toggle{display:block}.primary-menu{display:none;position:absolute;left:0;right:0;top:76px;background:var(--cover-deep);padding:12px 20px}.primary-menu.is-open{display:block}.primary-menu ul{display:block}.primary-menu a{padding:13px 10px;font-size:16px;min-height:48px}.cover-inner{grid-template-columns:1fr}.cover-copy{max-width:800px}.cover img{max-height:520px}.custom-logo{width:225px}}
@media(max-width:600px){body{font-size:16px;line-height:1.7}.header-inner{padding:10px 16px}.custom-logo{width:200px}.cover{padding:44px 16px}.cover h1{font-size:clamp(36px,11vw,44px)}.content-shell{padding:40px 16px 65px}.article{padding:26px 18px}.article-body h2{font-size:29px;margin-top:1.9em}.article-body figure{margin:34px 0}.article-body figure img{aspect-ratio:5/4;object-fit:cover}.article-body .table-wrap{margin:28px 0}.site-footer{padding:48px 20px}.footer-nav ul{display:grid}.page-title{padding:44px 18px}.page-title h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}