/*
Theme Name: Saranajitu Editorial J7jeEPy3
Author: Saranajitu Panduan Indonesia
Description: Ivory editorial theme for the fresh Saranajitu guide build.
Version: 1.0.0
Text Domain: saranajitu-guide
*/
:root{--paper:#f5f0e7;--sheet:#fffcf7;--sand:#ebe2d5;--ink:#252321;--muted:#6d6861;--brick:#9e3f35;--sage:#2f6f62;--gold:#c28b35;--line:#d7cdbf;--info:#eaf1ed;--shadow:0 10px 28px rgba(60,45,30,.08);--content:1160px;--read:740px;--wide:980px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:18px;line-height:1.8;background-image:radial-gradient(rgba(80,60,35,.025) .7px,transparent .7px);background-size:8px 8px}a{color:var(--sage);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--brick)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--sage);outline-offset:3px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;background:#fff;padding:12px;z-index:999}.site-header{background:rgba(255,252,247,.97);border-bottom:1px solid var(--line);position:relative;z-index:20}.brand-row{max-width:var(--content);margin:auto;padding:18px 24px 14px;display:flex;align-items:center;justify-content:space-between}.custom-logo{display:block;width:min(410px,70vw);height:auto;max-height:64px;object-fit:contain;object-position:left center}.brand-fallback{font-family:Georgia,"Noto Serif",serif;font-size:1.55rem;font-weight:800;color:var(--ink);text-decoration:none}.menu-toggle{display:none;border:1px solid var(--line);background:var(--sheet);color:var(--ink);padding:10px 14px;min-height:44px;font-weight:700}.nav-row{border-top:1px solid var(--line)}.primary-nav{max-width:var(--content);margin:auto;padding:0 24px}.primary-nav ul{display:flex;align-items:stretch;justify-content:space-between;gap:8px;list-style:none;margin:0;padding:0}.primary-nav a{display:flex;align-items:center;min-height:48px;padding:7px 8px;color:var(--ink);font-size:.82rem;font-weight:750;text-decoration:none;border-bottom:3px solid transparent}.primary-nav a:hover,.primary-nav .current-menu-item>a{color:var(--brick);border-bottom-color:var(--brick)}.site-main{min-height:60vh}.article-shell{max-width:var(--content);margin:0 auto;padding:72px 24px 96px}.article-content{max-width:var(--read);margin:auto}.home-content{max-width:var(--wide)}h1,h2,h3{font-family:Georgia,"Noto Serif",serif;line-height:1.15;letter-spacing:-.025em;color:var(--ink)}h1{font-size:clamp(2.5rem,5.8vw,4.6rem);max-width:980px;margin:0 0 28px;border-top:7px solid var(--brick);padding-top:28px}h2{font-size:clamp(1.8rem,3vw,2.65rem);margin:82px 0 24px;padding-top:18px;border-top:1px solid var(--line)}h3{font-size:1.4rem;margin:42px 0 18px}.article-content>p,.article-content>ul,.article-content>ol,.article-content>blockquote,.article-content>.faq-section{max-width:var(--read);margin-left:auto;margin-right:auto}.article-content>p:first-of-type{font-size:1.22rem;line-height:1.65;color:#403c37}.article-content p{margin-top:0;margin-bottom:1.35em}.article-content ul,.article-content ol{padding-left:1.3em}.article-content li{margin:.45em 0}.editorial-figure{max-width:var(--wide);margin:46px auto 64px}.editorial-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px;box-shadow:var(--shadow);background:var(--sand)}.editorial-figure figcaption{font-size:.82rem;color:var(--muted);margin-top:10px}.table-wrap{max-width:var(--wide);overflow-x:auto;margin:38px auto 52px;border:1px solid var(--line);background:var(--sheet)}table{width:100%;border-collapse:collapse;font-size:.91rem;line-height:1.5}th,td{padding:15px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}th{background:var(--sand);font-weight:800}tr:last-child td{border-bottom:0}.steps{max-width:var(--read);margin:34px auto;padding:24px 30px 24px 52px;background:var(--info);border-left:4px solid var(--sage)}.faq-section{margin-top:72px}.faq-item{background:var(--sheet);border:1px solid var(--line);margin:12px 0}.faq-item summary{cursor:pointer;padding:18px 20px;font-weight:800;line-height:1.35}.faq-answer{padding:0 20px 20px}.site-footer{background:#262422;color:#f5f0e7;border-top:5px solid var(--brick)}.footer-inner{max-width:var(--content);margin:auto;padding:48px 24px}.footer-brand{font-family:Georgia,"Noto Serif",serif;font-size:1.4rem;margin:0 0 8px}.footer-note{max-width:720px;color:#d6d0c8}.footer-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin:26px 0}.footer-links a,.site-footer a{color:#f5f0e7}.footer-email{margin-bottom:0}.meta-note{font-size:.82rem;color:var(--muted);margin-top:48px}.error-page{max-width:var(--read);margin:auto}
@media(max-width:900px){body{font-size:17px}.brand-row{padding:12px 18px;gap:8px}.custom-logo-link{min-width:0;flex:1 1 auto}.custom-logo{width:100%;max-width:410px;max-height:48px}.menu-toggle{display:block;flex:0 0 auto}.nav-row{display:none;border-top:1px solid var(--line)}.nav-row.is-open{display:block}.primary-nav{padding:10px 18px 16px}.primary-nav ul{display:block}.primary-nav a{min-height:44px;border-bottom:1px solid var(--line);font-size:.95rem}.article-shell{padding:48px 20px 72px}h2{margin-top:58px}.footer-inner{padding:38px 20px}}
@media(max-width:560px){body{font-size:16px}.article-shell{padding:38px 16px 58px}h1{font-size:clamp(2.15rem,11vw,2.8rem);border-top-width:5px;padding-top:20px}h2{font-size:1.85rem}.editorial-figure{margin:34px -2px 46px}.table-wrap{margin:28px 0 42px;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);background:var(--sheet)}.table-wrap table{display:table;min-width:680px}.table-wrap thead{display:table-header-group}.table-wrap tbody{display:table-row-group}.table-wrap tr{display:table-row;background:transparent;border:0;margin:0;padding:0}.table-wrap th,.table-wrap td{display:table-cell;padding:12px 13px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.steps{padding:18px 18px 18px 38px}.footer-links{display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}