/* expatjakarta.com site styles. Moved out of the Listable head/footer boxes on 8 Oct 2026. Edit here, upload, then bump ?v= in the head. */
html:root{--bg:#FFFFFF;--text:17 24 39;--headerBg:#FFFFFF;--headerColor:#111827;--highlightsPrimary:#F26B3A;--buttonBg:17 24 39;--buttonHoverBg:#1F2937;--buttonColor:#FFFFFF;--cardBg:255 255 255;--cardColor:17 24 39;--cardColorLight:#4B5563;--font-sans:'Archivo';--font-display:'Archivo'}
body{background:#fff!important;color:#111827;font-family:'Archivo',system-ui,sans-serif}
h1,h2,h3,.font-display{font-family:'Archivo',sans-serif!important;letter-spacing:-.03em}
p,li,span,div,h1,h2,h3,h4{word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important}
.content-icon{display:none!important}
header{background:#fff!important;border-bottom:0!important}body:has(.hero) header{position:relative!important}
header a[href="/"],header [style*="color"]{color:#111827!important}
header a[href="/"]>span:first-child{display:none!important}
.ej-wm{font-weight:900;font-size:23px;letter-spacing:-.04em}.ej-wm i{font-style:normal;color:#F26B3A}
header .bg-brand-button-bg{background:#111827!important;color:#fff!important;border-radius:8px!important;font-weight:700!important}
.hero{background:#fff!important;color:#fff!important;padding-top:0!important;min-height:0!important}
.hero picture,.hero .darkener{display:none!important}
.hero .px-4.m-auto{padding-top:8px!important;padding-bottom:8px!important}
.hero .h-96{height:auto!important;display:grid!important;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch!important}
.hero .h-96 .shrink-0{width:auto!important;padding:44px!important;background:#111827;border-radius:24px;min-height:352px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}
.hero h1{font-weight:900!important;font-size:60px!important;line-height:.98!important;letter-spacing:-.045em!important;color:#fff!important;max-width:none!important}
.hero p{color:#D1D5DB!important;opacity:1!important;font-size:18px!important;line-height:1.55!important}
.hero-search-bar{background:#fff!important;border-radius:12px!important;padding:6px!important;margin-top:22px!important}
.hero-search-bar .max-w-xl{max-width:none}.hero-search-bar input{border:0!important;background:transparent!important;color:#111827!important;height:48px!important;font-size:16px!important}
.hero-search-bar .shortcut{display:none!important}
.hero-search-bar .search--button{background:#F26B3A!important;color:#111827!important;font-weight:800!important;border-radius:9px!important;height:42px!important;padding:0 20px!important}
@media(max-width:1023px){.hero .h-96{grid-template-columns:1fr}.hero .h-96 .shrink-0{min-height:0;padding:32px 24px!important}.hero h1{font-size:42px!important}}
.card{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:18px!important}
.card .aspect-video,.card img{border-radius:18px!important}.card .aspect-video img{z-index:0!important}
.card .p-6{padding:12px 2px 4px!important}
.card h2.title,.card h3{font-weight:800!important;font-size:18px!important;letter-spacing:-.02em;white-space:normal!important;-webkit-line-clamp:2!important}
.card .intro{color:#4B5563!important;opacity:1!important;font-size:14px!important}
.card .footer{display:none!important}@media(min-width:1024px){.selected-items-block .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}}
.card .p-6[data-cat]::before{content:attr(data-cat);display:block;margin-bottom:4px;font:800 12px/1.2 'Archivo',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#C2410C}
.category-card{border:0!important;border-radius:20px!important;background:#F3F4F6!important}.category-card:hover{background:#FDE7DD!important}
.card-overview{padding:0!important}.card-overview .p-4{padding:0 2px!important}.card-overview .gap-3.mb-4{flex-direction:column;align-items:stretch!important;margin-bottom:8px!important}.card-overview .w-9{width:auto!important;height:auto!important;aspect-ratio:3/2;border-radius:18px!important}
.-mt-4.mb-12 .text-xl{font-size:18px!important;line-height:1.6!important;max-width:760px;color:#374151}.-mt-4.mb-12 p+p{margin-top:12px}@media(min-width:1024px){.grid:has(>article>.card-overview){grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.section-block{background:#fff!important;padding-top:24px!important;padding-bottom:24px!important}
.section-block .heading-block{text-align:left!important}.section-block .heading-block h2{font-weight:900!important;font-size:40px!important;margin:0!important}
.section-block .content-cards-block>div>div{border:0!important;border-radius:24px!important;padding:30px!important;box-shadow:none!important}
.section-block .content-cards-block>div>div:nth-child(1){background:#F6C343!important}.section-block .content-cards-block>div>div:nth-child(2){background:#DDF0EC!important}.section-block .content-cards-block>div>div:nth-child(3){background:#F3F4F6!important}
.section-block .content-cards-block h3{font-weight:800!important;font-size:20px!important}.section-block .content-cards-block p{color:#1F2937!important;opacity:1!important}
.flex.items-center.gap-3>h1~span.rounded-full{display:none!important}.ej-mn{display:flex;flex-direction:column}.ej-cb{order:99;margin:40px 0 0!important}
.ej-ft{background:#fff!important}.text-block h2{font-weight:900!important;letter-spacing:-.03em!important}
