/* Basa Jawa, Latin, LTR. Reuse the existing system Latin font; no new font download. */
html[lang=jv-ID] body{line-height:1.7;word-break:normal;hyphens:none}
html[lang=jv-ID] h1,html[lang=jv-ID] h2,html[lang=jv-ID] h3,html[lang=jv-ID] .hero-subtitle{line-height:1.4;letter-spacing:normal;text-transform:none}
html[lang=jv-ID] .eyebrow,html[lang=jv-ID] button,html[lang=jv-ID] .button,html[lang=jv-ID] nav,html[lang=jv-ID] .textlink,html[lang=jv-ID] .hero-path,html[lang=jv-ID] .art-heading,html[lang=jv-ID] .art-caption{letter-spacing:normal;text-transform:none}
html[lang=jv-ID] .header-inner nav{gap:16px}
html[lang=jv-ID] .header-inner nav a,html[lang=jv-ID] .jv-latin{white-space:nowrap}
html[lang=jv-ID] pre,html[lang=jv-ID] code{hyphens:none;word-break:normal;overflow-wrap:normal}
html[lang=jv-ID] .art-heading,html[lang=jv-ID] .art-caption{flex-wrap:wrap;gap:8px}
html[lang=jv-ID] .config-options select{max-width:100%}
html[lang=jv-ID] .table-hint{font-size:13px;color:var(--muted);margin:0 0 10px}
html[lang=jv-ID] .prose ol{padding-left:1.5em}
html[lang=jv-ID] .prose li{margin-bottom:.65em}
html[lang=jv-ID] .table-scroll table{overflow-wrap:normal;word-break:normal;hyphens:none}
html[lang=jv-ID] .guide h2{font-size:23px}
@media(min-width:761px) and (max-width:1280px){html[lang=jv-ID] .header-inner{flex-wrap:wrap;padding-top:15px}html[lang=jv-ID] .header-inner nav{order:4;flex-basis:100%;justify-content:flex-end;padding-bottom:12px}html[lang=jv-ID] .header-cta{margin-left:auto}}
@media(min-width:761px) and (max-width:1100px){html[lang=jv-ID] .guides-grid,html[lang=jv-ID] .three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html[lang=jv-ID] .header-inner nav{gap:0}html[lang=jv-ID] .hero-path{gap:16px;flex-wrap:wrap}html[lang=jv-ID] .mobile-offer .button{padding-inline:12px}html[lang=jv-ID] h1{font-size:clamp(28px,8vw,38px)}html[lang=jv-ID] .hero-subtitle{font-size:clamp(26px,7vw,36px)}html[lang=jv-ID] .closing h2{font-size:28px}}