/*
Theme Name: AJO89 Ocean Panorama ZsbRVqWi
Theme URI: https://ajo89login.asia/
Author: AJO89 Panduan Indonesia
Description: Tema editorial independen panorama laut untuk panduan AJO89 Indonesia.
Version: 1.0.0
Text Domain: ajo89-panorama
*/
:root{--ink:#143246;--muted:#58717e;--navy:#082f49;--blue:#0b6381;--teal:#0f8f87;--gold:#e9ad45;--paper:#f4f8fa;--white:#fff;--line:#c7dce4;--info:#e0f2f1;--radius:18px;--shadow:0 22px 52px rgba(8,47,73,.14);--read:780px;--wide:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:18px;line-height:1.72}a{color:#075f7c;text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:#08435a}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}.site-header{position:sticky;top:0;z-index:50;background:rgba(8,47,73,.98);border-bottom:1px solid rgba(255,255,255,.12)}.header-inner{max-width:var(--wide);min-height:76px;margin:auto;padding:10px clamp(18px,4vw,54px);display:flex;align-items:center;gap:28px}.custom-logo-link{display:flex;flex:0 0 auto}.custom-logo{width:auto;height:48px;max-width:260px}.site-name-fallback{color:#fff;font-size:1.08rem;font-weight:800;text-decoration:none}.menu-toggle{display:none;margin-left:auto;border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;min-width:48px;min-height:48px;border-radius:10px;font:inherit}.primary-nav{margin-left:auto}.primary-nav ul{display:flex;align-items:center;gap:3px;margin:0;padding:0;list-style:none}.primary-nav a{display:flex;align-items:center;min-height:48px;padding:8px 10px;color:#eefaff;font-size:.78rem;font-weight:700;text-decoration:none;border-radius:8px}.primary-nav a:hover{background:rgba(255,255,255,.1)}.site-main{overflow:hidden}.page-shell{max-width:var(--read);margin:0 auto;padding:clamp(42px,7vw,86px) 22px 90px}.page-shell>h1:first-child,.entry-content>h1:first-child{font-size:clamp(2.2rem,6vw,4.7rem);line-height:1.05;letter-spacing:-.045em;color:var(--navy);margin:.1em 0 .5em}.entry-content>section:first-child{max-width:none;background:linear-gradient(135deg,var(--navy),#0b5771 65%,#117c77);color:#f5fbfd;margin:calc(-1 * clamp(42px,7vw,86px)) calc((var(--wide) - var(--read))/ -2 - 22px) 0;padding:clamp(68px,9vw,118px) max(22px,calc((100vw - var(--read))/2));border-radius:0 0 44px 44px}.entry-content>section:first-child h1{color:#fff;font-size:clamp(2.35rem,6vw,4.8rem);line-height:1.04;letter-spacing:-.045em;max-width:950px}.entry-content>section:first-child p{color:#e8f7fb;max-width:820px}.entry-content section{padding:clamp(44px,7vw,82px) 0;border-bottom:1px solid var(--line)}.entry-content section:nth-of-type(3n){position:relative}.entry-content section:nth-of-type(3n):before{content:"";position:absolute;inset:18px calc((var(--wide) - var(--read))/ -2 - 22px);background:#e1f0f4;border-radius:28px;z-index:-1}.entry-content h2{font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.15;letter-spacing:-.025em;color:var(--navy);margin:0 0 .65em}.entry-content h3{font-size:1.24rem;line-height:1.3;color:var(--navy);margin:1.6em 0 .5em}.entry-content p{margin:.85em 0}.entry-content ol,.entry-content ul{padding-left:1.35em}.entry-content li{margin:.5em 0}.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;color:#9fe2dd!important}.editorial-figure{margin:38px calc((var(--wide) - var(--read))/ -2 - 22px);background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.editorial-figure img{width:100%;height:auto;max-height:620px;display:block;object-fit:cover}.editorial-figure figcaption{padding:10px 18px 14px;color:var(--muted);font-size:.82rem}.comparison{width:100%;border-collapse:separate;border-spacing:0;margin:28px 0;border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;display:table}.comparison th,.comparison td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.comparison th{background:var(--navy);color:#fff;font-size:.88rem}.comparison tr:last-child td{border-bottom:0}.decision,.timeline{padding:22px 24px 22px 48px;background:var(--info);border-left:5px solid var(--teal);border-radius:0 14px 14px 0}.faq{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(28px,5vw,54px)!important;margin-top:60px;box-shadow:var(--shadow)}.faq h3{padding-top:18px;border-top:1px solid var(--line)}.site-footer{background:var(--navy);color:#d9edf4;padding:48px 22px}.footer-inner{max-width:var(--wide);margin:auto;display:grid;grid-template-columns:1fr 1.6fr;gap:34px}.footer-brand{font-weight:800;color:#fff}.footer-links{display:flex;flex-wrap:wrap;gap:10px 22px}.footer-links a,.footer-email{color:#e9f8fb}.footer-note{grid-column:1/-1;margin:0;color:#b7d3dc;font-size:.88rem}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:12px;z-index:99;background:#fff;padding:12px;color:#000}@media(max-width:1000px){.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--navy);padding:10px 18px 22px}.primary-nav.is-open{display:block}.primary-nav ul{display:grid;grid-template-columns:1fr 1fr}.primary-nav a{font-size:.9rem;padding:10px 12px}.editorial-figure{margin:32px 0}.entry-content>section:first-child{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}.entry-content section:nth-of-type(3n):before{inset:16px -14px}.footer-inner{grid-template-columns:1fr}}@media(max-width:600px){body{font-size:16px}.header-inner{min-height:70px;padding:10px 16px}.custom-logo{height:42px;max-width:220px}.primary-nav{top:70px}.primary-nav ul{grid-template-columns:1fr}.page-shell{padding:42px 18px 64px}.entry-content>section:first-child{margin-top:-42px;margin-left:-18px;margin-right:-18px;padding:56px 18px 48px;border-radius:0 0 28px 28px}.entry-content section{padding:48px 0}.entry-content section:nth-of-type(3n):before{inset:14px -10px}.editorial-figure{border-radius:12px}.editorial-figure img{aspect-ratio:4/3;object-fit:cover}.comparison{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.footer-links{display:grid;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(min-width:1001px){.entry-content>section:first-child{padding-left:max(56px,calc((100vw - 1120px)/2));padding-right:max(56px,calc((100vw - 1120px)/2))}.entry-content>section:first-child h1{font-size:clamp(3.4rem,5.2vw,4.8rem)}}