/*
Theme Name: Panduan Royal88 Ocean JIgQGn6H
Author: Panduan Royal88 Indonesia
Description: Tema editorial independen bergaya Ocean Panorama untuk panduan Royal88 Indonesia.
Version: 1.0.0
Text Domain: panduan-royal88-jigqgn6h
*/

:root{--ink:#132f3d;--muted:#58717d;--paper:#fff;--wash:#eef6f8;--pale:#d9edf1;--deep:#092f47;--deep2:#0d4a63;--teal:#0b827d;--amber:#d89024;--coral:#c85245;--line:#bdd8df;--info:#e0f3ef;--warning:#fff0ce;--max:1240px;--read:780px;--radius:18px;--shadow:0 20px 48px rgba(8,50,72,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--wash);color:var(--ink);font-family:"Noto Sans",Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:18px;line-height:1.76;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:#066c77;text-decoration-thickness:.1em;text-underline-offset:.18em}a:hover{color:#93422f}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f0b85a;outline-offset:4px;border-radius:6px}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.reading{width:min(var(--read),100%);margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:8px;z-index:999;background:#fff;padding:12px 18px;color:#111}.skip-link:focus{left:12px}.site-header{background:var(--deep);color:#fff;position:relative;z-index:20;border-bottom:1px solid rgba(255,255,255,.15)}.header-inner{min-height:86px;display:flex;align-items:center;gap:26px;justify-content:space-between}.brand-link{display:flex;align-items:center;min-width:230px;text-decoration:none}.custom-logo{width:auto;max-width:310px;height:62px;object-fit:contain}.site-brand-text{color:#fff;font-weight:800;font-size:20px}.nav-toggle{display:none;border:1px solid rgba(255,255,255,.55);background:transparent;color:#fff;min-width:48px;min-height:48px;border-radius:10px;font-weight:700}.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.primary-nav a{color:#fff;text-decoration:none;padding:13px 11px;display:block;border-radius:9px;font-size:15px;font-weight:700}.primary-nav a:hover,.primary-nav .current-menu-item>a{background:rgba(255,255,255,.12)}main{display:block}.hero{background:linear-gradient(135deg,var(--deep) 0%,var(--deep2) 60%,#09696f 100%);color:#fff;padding:74px 0 62px}.hero .reading{margin-left:0}.hero .eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#9de6db;font-weight:800;font-size:13px}.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.06;max-width:1050px;margin:.2em 0 .28em;letter-spacing:-.03em}.hero p{font-size:clamp(18px,2vw,22px);max-width:780px;color:#e7f5f7}.hero a{color:#fff}.hero-image{width:min(1400px,calc(100% - 32px));margin:0 auto;background:var(--deep);padding:0 0 70px}.hero-image figure{margin:0}.hero-image img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow)}.article-shell{background:var(--paper);padding:70px 0 92px}.article-content>p,.article-content>h2,.article-content>h3,.article-content>ul,.article-content>ol,.article-content>blockquote,.article-content>.callout,.article-content>.faq,.article-content>.conclusion{width:min(var(--read),calc(100% - 48px));margin-left:auto;margin-right:auto}.article-content h2{font-size:clamp(29px,4vw,44px);line-height:1.18;margin-top:2.1em;margin-bottom:.55em;letter-spacing:-.02em;padding-top:8px}.article-content h2:before{content:"";display:block;width:54px;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--teal),var(--amber));margin-bottom:18px}.article-content h3{font-size:clamp(22px,3vw,30px);line-height:1.25;margin-top:1.8em;margin-bottom:.5em}.article-content p{margin-top:0;margin-bottom:1.15em}.article-content strong{color:#0a465c}.editorial-image{width:min(1280px,calc(100% - 48px));margin:54px auto}.editorial-image img{width:100%;max-height:680px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow);background:var(--pale)}.editorial-image figcaption{color:var(--muted);font-size:14px;margin-top:10px}.article-content table{border-collapse:separate;border-spacing:0;width:100%;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.asset-wrap{width:min(1100px,calc(100% - 48px));margin:38px auto;overflow-x:auto;box-shadow:0 12px 34px rgba(8,50,72,.08);border-radius:14px}.article-content th,.article-content td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top;min-width:150px}.article-content th{background:var(--deep);color:#fff}.article-content tr:last-child td{border-bottom:0}.callout,.conclusion{background:var(--info);border-left:5px solid var(--teal);padding:24px 26px;border-radius:0 14px 14px 0}.faq{margin-top:52px}.faq details{background:#f5fafb;border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:0 20px}.faq summary{cursor:pointer;font-weight:800;padding:17px 36px 17px 0;min-height:48px}.faq details p{width:auto;margin:0;padding:0 0 20px}.page-hero{background:linear-gradient(135deg,var(--deep),#105b73);color:#fff;padding:64px 0}.page-hero h1{font-size:clamp(36px,5vw,60px);line-height:1.08;margin:0;max-width:1000px;letter-spacing:-.025em}.page-hero .lede{font-size:20px;max-width:780px;color:#dceef2;margin-top:18px}.breadcrumb{font-size:14px;margin-bottom:18px;color:#b6d9df}.breadcrumb a{color:#fff}.site-footer{background:#07283a;color:#d6e9ed;padding:58px 0 34px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:44px}.site-footer h2{font-size:21px;color:#fff;margin-top:0}.site-footer p{max-width:620px}.footer-nav{display:flex;gap:10px 22px;flex-wrap:wrap}.footer-nav a{color:#fff}.footer-note{border-top:1px solid rgba(255,255,255,.16);margin-top:34px;padding-top:22px;font-size:14px}.badge-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.badge{display:inline-flex;align-items:center;min-height:42px;padding:8px 13px;border:1px solid rgba(255,255,255,.3);border-radius:99px;font-size:14px}.not-found{text-align:center;padding:90px 24px}
@media(max-width:980px){.nav-toggle{display:block}.primary-nav{position:absolute;left:0;right:0;top:86px;background:#092f47;padding:12px 24px 26px;display:none;box-shadow:0 18px 30px rgba(0,0,0,.25)}.primary-nav.is-open{display:block}.primary-nav ul{display:block}.primary-nav a{font-size:16px;min-height:48px}.header-inner{min-height:86px}.custom-logo{max-width:250px}.footer-grid{grid-template-columns:1fr}}
@media(max-width:600px){body{font-size:16px}.wrap{width:min(100% - 32px,var(--max))}.hero{padding:48px 0 40px}.hero h1{font-size:clamp(36px,11vw,46px)}.hero-image{width:100%;padding-bottom:42px}.hero-image img{border-radius:0;aspect-ratio:5/4;object-position:center;box-shadow:none}.article-shell{padding:38px 0 64px}.article-content>p,.article-content>h2,.article-content>h3,.article-content>ul,.article-content>ol,.article-content>blockquote,.article-content>.callout,.article-content>.faq,.article-content>.conclusion{width:calc(100% - 32px)}.editorial-image{width:calc(100% - 32px);margin:38px auto}.editorial-image img{aspect-ratio:4/3;object-fit:cover}.asset-wrap{width:calc(100% - 32px)}.page-hero{padding:42px 0}.page-hero h1{font-size:36px}.custom-logo{max-width:220px;height:55px}.footer-grid{gap:24px}.site-footer{padding-top:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.brand-link{min-width:215px}.custom-logo{max-width:290px}.primary-nav ul{gap:2px;flex-wrap:nowrap}.primary-nav a{padding-left:8px;padding-right:8px;font-size:14px;white-space:nowrap}
@media(max-width:1180px){.nav-toggle{display:block}.primary-nav{position:absolute;left:0;right:0;top:86px;background:#092f47;padding:12px 24px 26px;display:none;box-shadow:0 18px 30px rgba(0,0,0,.25)}.primary-nav.is-open{display:block}.primary-nav ul{display:block}.primary-nav a{font-size:16px;min-height:48px}.header-inner{min-height:86px}.custom-logo{max-width:250px}.footer-grid{grid-template-columns:1fr}}
@media(max-width:600px){.custom-logo{max-width:220px}}
.primary-nav{min-width:0}.primary-nav ul{flex-wrap:wrap}