@charset "UTF-8";
/* indonesiabytrain.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:#FBFBF8;--text:18 38 77;--headerBg:#FFFFFF;--headerColor:#12264D;--highlightsPrimary:#1E5BD8;--buttonBg:30 91 216;--buttonHoverBg:#1849B0;--buttonColor:#FFFFFF;--cardBg:255 255 255;--cardColor:18 38 77;--cardColorLight:#45526E;--font-sans:'Red Hat Display';--font-display:'Red Hat Display'}
body{background:#FBFBF8!important;color:#12264D;font-family:'Red Hat Display',system-ui,sans-serif;overflow-x:hidden}
h1,h2,h3,.font-display{font-family:'Red Hat Display',sans-serif!important;letter-spacing:-.025em}
.break-all{word-break:normal!important;overflow-wrap:break-word!important}.hyphens-auto{hyphens:manual!important}
header{background:#fff!important;border-bottom:1px solid #E6E9EF}body:has(.hero) header{position:relative!important}
header a[href="/"],header [style*="color"]{color:#12264D!important}
header a[href="/"]>span.font-semibold{display:none}
.ibt-wm{display:flex;align-items:center;gap:12px}.ibt-wm b{display:block;font-weight:900;font-size:21px;letter-spacing:-.01em;line-height:1.1}.ibt-wm small{display:block;font:700 11px 'Red Hat Display';letter-spacing:.1em;color:#6B7894}
header nav.xl\:flex{counter-reset:n}header nav.xl\:flex>div,header nav.xl\:flex>a{counter-increment:n}
header nav.xl\:flex>div button::before,header nav.xl\:flex>a::before{content:counter(n);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:8px;border-radius:5px;background:#F8C92E;color:#12264D;font:900 13px 'Red Hat Display'}
.hero{isolation:isolate;background:#DCEBFA!important;color:#12264D!important;padding-top:0!important}
.hero .darkener{display:none!important}.hero picture img{object-position:60% 50%}
.hero .px-4.m-auto{padding-top:44px!important;padding-bottom:66px!important}
.hero .h-96{height:auto!important;display:grid!important;grid-template-columns:.78fr 1.3fr;gap:32px;align-items:center!important}
.hero .h-96 .shrink-0{width:auto!important;padding:34px 32px!important;background:rgba(255,255,255,.95);border-radius:22px;box-shadow:0 20px 50px rgba(18,38,77,.18)}
.hero h1{font-weight:900!important;font-size:52px!important;line-height:1.02!important;letter-spacing:-.035em!important;color:#12264D!important;max-width:none!important}
.hero h1::before{content:"53 ROUTES · JAVA · SUMATRA · SULAWESI";display:table;margin-bottom:18px;padding:6px 11px;border-radius:6px;background:#F8C92E;font:900 12px/1.3 'Red Hat Display';letter-spacing:.08em}
.hero p{color:#45526E!important;opacity:1!important;font-size:17px!important;line-height:1.55!important}
.hero-search-bar{background:#F1F4F9!important;border:1.5px solid #DCE3EE;border-radius:12px!important;padding:5px!important;margin-top:20px!important}
.hero-search-bar .max-w-xl{max-width:none}.hero-search-bar input{border:0!important;background:transparent!important;color:#12264D!important;height:46px!important;font-size:16px!important}
.hero-search-bar .shortcut{display:none!important}
.hero-search-bar .search--button{background:#1E5BD8!important;color:#fff!important;font-weight:800!important;border-radius:8px!important;height:42px!important;padding:0 18px!important}
@media(max-width:1023px){.hero .h-96{grid-template-columns:1fr}.hero h1{font-size:38px!important}.hero .h-96 .shrink-0{padding:24px 22px!important}}
.ibt-src{display:none}
.card:not(.category-card){border:1.5px solid #E3E8F0!important;box-shadow:none!important;border-radius:16px!important;overflow:hidden;background:#fff!important}
.card .aspect-video{border-radius:0!important}.card .footer{display:none!important}
.card h2.title{font-weight:800!important;font-size:18px!important;white-space:normal!important;-webkit-line-clamp:2!important}
.card .intro{color:#45526E!important;opacity:1!important;font-size:15px!important}
.card[data-f]::before{content:attr(data-f) "  →  " attr(data-t);display:block;padding:9px 14px;background:#F8C92E;color:#12264D;font:800 15px 'Red Hat Display';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card[data-sp]::before{content:"KERETA WISATA · SPECIAL JOURNEY";display:block;padding:10px 14px;background:#F8C92E;color:#12264D;font:700 12px 'Red Hat Mono',monospace;letter-spacing:.1em}.card[data-f] h2.title{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hero::after,.ibt-ft::before{content:"";position:absolute;left:0;right:0;height:22px;bottom:0;background-color:#F8C92E;background-image:radial-gradient(circle,#E2AE12 3.5px,transparent 4px);background-size:18px 18px;background-position:4px 4px}
.ibt-ft{position:relative;margin-top:96px!important}.ibt-ft::before{top:-22px;bottom:auto;left:calc(50% - 50vw);right:auto;width:100vw}
.custom-fields-wrap>div:only-child{background:#FFF8DB!important;border:1.5px solid #F8C92E!important;border-radius:12px!important;padding:16px 18px!important}
.custom-fields-wrap>div:only-child>dt{font:800 12px 'Red Hat Mono',monospace!important;letter-spacing:.1em;text-transform:uppercase;color:#12264D!important}
.custom-fields-wrap>div:only-child>dd{font-size:18px!important;line-height:1.45;font-weight:700;padding-top:6px!important;color:#12264D}
.text-block p>a:only-child:not([href^="#"]){display:inline-block;margin-top:.35rem;padding:.6rem 1.1rem;background:#1E5BD8;color:#fff!important;font-weight:700;border-radius:.5rem;text-decoration:none!important}
.checkbox-button-active{background:#1E5BD8!important;border-color:#1E5BD8!important;color:#fff!important}
.rounded-lg.shadow-card-layered:has(.custom-fields-wrap>div:only-child){box-shadow:none!important;background:transparent!important;padding:0!important}