/* Assessed Indonesian guide; shared chrome, tokens and silk remain authoritative. */
.cafe-budget{--cb-body-size:18px;--cb-heading-size:38px;--cb-question-size:26px}
.cafe-budget .pilot-hero-grid{grid-template-rows:1fr;align-items:center}
.cafe-budget .pilot-hero-copy{align-self:center}
.cafe-budget .pilot-hero-photo{grid-row:1;align-self:center}
.cafe-budget .pilot-hero-photo img{object-fit:cover;object-position:50% 50%;background:var(--field)}
.cafe-budget .pilot-lead{margin:0;font-family:var(--font-body);font-weight:300}
.cafe-budget .cb-reading{max-width:800px;margin-inline:auto}
.cafe-budget .cb-reading p,.cafe-budget .cb-reading li,.cafe-budget .cb-reading td,.cafe-budget .cb-reading th{font-family:var(--font-body);font-size:var(--cb-body-size);font-weight:300;line-height:1.7;color:var(--on-deep-soft)}
.cafe-budget .cb-reading p{margin:0 0 22px}
.cafe-budget .cb-reading p:last-child{margin-bottom:0}
.cafe-budget .cb-reading h2{font-family:var(--font-display);font-size:var(--cb-heading-size);font-weight:500;line-height:1.15;margin:42px 0 22px;letter-spacing:0;color:var(--cream)}
.cafe-budget .cb-reading>h2:first-child{margin-top:0}
.cafe-budget .cb-reading h3{font-family:var(--font-display);font-size:var(--cb-question-size);font-weight:500;line-height:1.25;letter-spacing:0;margin:30px 0 12px;color:var(--cream)}
.cafe-budget .cb-reading ul{margin:0 0 24px;padding-left:23px}
.cafe-budget .cb-reading li{padding-left:4px;margin:8px 0}
.cafe-budget .cb-reading a{color:var(--champagne);text-decoration:underline;text-underline-offset:4px}
.cafe-budget .cb-reading a:hover{color:var(--cream)}
.cafe-budget .cb-table{margin:28px 0}
.cafe-budget .cb-table table{width:100%;border-collapse:collapse;table-layout:fixed;border-block:1px solid var(--rule-quiet)}
.cafe-budget .cb-table th,.cafe-budget .cb-table td{text-align:left;vertical-align:top;padding:16px 12px;border-bottom:1px solid var(--rule-quiet);overflow-wrap:anywhere}
.cafe-budget .cb-table thead th{font-weight:500;color:var(--cream)}
.cafe-budget .cb-table th:first-child{width:42%;padding-left:0}
.cafe-budget .cb-table td:last-child,.cafe-budget .cb-table thead th:last-child{width:25%;padding-right:0;font-variant-numeric:tabular-nums;color:var(--cream)}
.cafe-budget .cb-table tbody th{font-weight:300}
@media(max-width:760px){.cafe-budget{--cb-heading-size:30px}.cafe-budget .pilot-hero-photo{grid-row:auto}.cafe-budget .pilot-hero-grid{gap:30px}.cafe-budget .cb-table th,.cafe-budget .cb-table td{padding:14px 6px}.cafe-budget .cb-table th:first-child{padding-left:0}.cafe-budget .cb-table td:last-child{padding-right:0}}

/* Keep each currency total intact on narrow screens. */
@media(max-width:760px){.cafe-budget .cb-table th:first-child{width:40%}.cafe-budget .cb-table td:last-child,.cafe-budget .cb-table thead th:last-child{width:28%;white-space:nowrap}}

/* Let the tablet split hero follow its photograph and copy height. */
@media(min-width:761px) and (max-width:900px){.cafe-budget .pilot-hero{min-height:0}}