/*
Theme Name: TEXAS88 Ocean Guide run-abxyCORM
Theme URI: https://texas88login.asia/
Author: TEXAS88 Panduan Indonesia
Description: Tema editorial independen dengan panorama biru untuk panduan TEXAS88 Indonesia.
Version: 1.0.0
Text Domain: texas88-ocean-guide
*/

:root {
  --navy:#092f48;--navy-2:#0d405d;--teal:#137e8f;--mint:#2ab6a6;
  --amber:#f0b85a;--paper:#f3f8fa;--white:#fff;--ink:#17303d;
  --muted:#5d7380;--line:#c9dde5;--info:#e3f4f2;--warn:#fff2d4;
  --shadow:0 20px 48px rgba(20,70,95,.14);--radius:16px;
  --wide:1280px;--read:780px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:1.72;overflow-wrap:anywhere}img{display:block;max-width:100%;height:auto}a{color:#086c82;text-decoration-thickness:.09em;text-underline-offset:.18em}a:hover{color:#084c62}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:-9999px;top:8px;z-index:9999;background:#fff;color:#092f48;padding:10px 14px}.skip-link:focus{left:12px}.site-header{background:linear-gradient(125deg,var(--navy),#0f526e);color:#fff;position:relative;z-index:50}.header-inner{max-width:var(--wide);margin:auto;display:flex;align-items:center;gap:28px;min-height:82px;padding:10px clamp(18px,4vw,56px)}.brand{display:inline-flex;align-items:center;flex:0 0 auto}.custom-logo{width:min(300px,40vw);height:auto;max-height:62px}.site-nav{margin-left:auto}.site-nav ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.site-nav a{display:flex;align-items:center;min-height:48px;padding:10px 11px;color:#f7fcfd;text-decoration:none;font-size:14px;font-weight:700;border-radius:9px}.site-nav a:hover{background:rgba(255,255,255,.1)}.nav-toggle{display:none;margin-left:auto;border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;border-radius:9px;padding:10px 14px;min-height:48px;font-weight:700}.hero{background:linear-gradient(135deg,#082d46 0%,#0f536d 60%,#167f91 100%);color:#fff;padding:clamp(48px,8vw,100px) clamp(18px,4vw,56px) 0}.hero-inner{max-width:var(--wide);margin:auto}.hero-copy{max-width:850px}.eyebrow{display:inline-block;color:#a9ece5;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}.hero h1{font-size:clamp(38px,5.8vw,72px);line-height:1.05;letter-spacing:-.035em;margin:0 0 22px;max-width:960px}.hero p{font-size:clamp(18px,2vw,22px);max-width:760px;color:#e3f4f7}.hero-media{max-width:1440px;margin:44px auto -52px}.hero-media img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.content-shell{max-width:var(--wide);margin:auto;padding:clamp(72px,9vw,120px) clamp(18px,4vw,56px)}.article-body{max-width:var(--read);margin:auto}.article-body>section{margin:0 0 clamp(58px,8vw,96px);scroll-margin-top:90px}.article-body h2{font-size:clamp(29px,4vw,44px);line-height:1.16;letter-spacing:-.025em;color:#0b3d58;margin:0 0 22px;padding-top:6px}.article-body h2:before{content:"";display:block;width:56px;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--teal),var(--amber));margin-bottom:18px}.article-body h3{font-size:clamp(22px,3vw,29px);line-height:1.25;color:#12556c;margin:36px 0 14px}.article-body p{margin:0 0 1.25em}.article-body ul,.article-body ol{padding-left:1.3em;margin:0 0 1.5em}.article-body li{margin:.45em 0}.article-body blockquote{margin:28px 0;padding:22px 26px;background:var(--info);border-left:5px solid var(--teal);border-radius:0 var(--radius) var(--radius) 0}.panorama{width:min(1280px,calc(100vw - 36px));margin:36px 50%;transform:translateX(-50%)}.panorama img{width:100%;max-height:720px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.panorama.is-portrait img{max-width:760px;margin:auto;aspect-ratio:4/5}.panorama figcaption{font-size:14px;color:var(--muted);margin-top:10px}.data-table{width:min(1120px,calc(100vw - 36px));margin:28px 50%;transform:translateX(-50%);overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(20,70,95,.08)}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;vertical-align:top;padding:15px 17px;border-bottom:1px solid var(--line)}th{background:#0d405d;color:#fff;font-size:15px}tr:last-child td{border-bottom:0}tbody tr:nth-child(even){background:#f5fafb}.decision,.timeline,.matrix,.checklist{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 12px 30px rgba(20,70,95,.08)}.faq-section{max-width:900px;margin:0 auto clamp(58px,8vw,96px)}.faq-section details{background:#fff;border:1px solid var(--line);border-radius:13px;margin:12px 0;padding:0 20px}.faq-section summary{cursor:pointer;font-weight:750;color:#103f57;padding:20px 34px 20px 0;position:relative}.faq-section summary:after{content:"+";position:absolute;right:4px;font-size:26px;top:11px;color:var(--teal)}.faq-section details[open] summary:after{content:"−"}.faq-section details p{padding:0 0 20px;margin:0}.site-footer{background:#082d46;color:#dcecf3;padding:54px clamp(18px,4vw,56px)}.footer-inner{max-width:var(--wide);margin:auto;display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1.5fr);gap:42px}.footer-title{font-size:20px;font-weight:800;color:#fff;margin-bottom:12px}.footer-menu{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0}.footer-menu a{color:#e8f7f9}.footer-note{max-width:600px}.copyright{font-size:14px;color:#abc4ce;margin-top:16px}.core-page .hero{padding-bottom:48px}.core-page .hero h1{font-size:clamp(38px,5vw,60px)}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.nav-toggle{display:inline-flex;align-items:center}.site-nav{display:none;position:absolute;left:18px;right:18px;top:76px;background:#082d46;border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:10px;box-shadow:var(--shadow)}.site-nav.is-open{display:block}.site-nav ul{display:block}.site-nav a{font-size:16px;padding:12px 14px}.header-inner{min-height:74px}.custom-logo{width:min(270px,62vw)}}
@media(max-width:600px){body{font-size:16px}.hero{padding-top:42px}.hero h1{font-size:clamp(34px,10vw,44px)}.hero-media{margin-top:28px;margin-bottom:-28px}.hero-media img{aspect-ratio:4/3;object-position:center}.content-shell{padding-top:62px}.article-body>section{margin-bottom:54px}.panorama{width:calc(100vw - 32px);margin-top:28px;margin-bottom:28px}.panorama img{aspect-ratio:4/3}.panorama.is-portrait img{aspect-ratio:4/5}.data-table{width:calc(100vw - 32px)}.footer-inner{grid-template-columns:1fr}.custom-logo{width:min(240px,66vw)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}