/* Indonesia palette and 20Bet 1.3.0 component refinements. */
body.id-site{--se-page:#eadfc3;--se-panel:#382b13;--se-panel-2:#49381b;--se-panel-3:#594522;--se-white:#fffaf0;--se-muted:#ded2b8;--se-lime:#b5f641;--se-ink:#32260f;--se-line:#c6ad73;--se-dark-line:#877046;--color-accent:#72551f;--color-accent-2:#b5f641;--id-blue:#133958;--id-frame:#b5f641;--se-hero-overlay:linear-gradient(90deg,rgba(35,27,13,.95),rgba(35,27,13,.86) 43%,rgba(35,27,13,.68) 58%,rgba(35,27,13,.1) 80%,transparent);--se-promo-overlay:linear-gradient(90deg,rgba(35,27,13,.95),rgba(35,27,13,.83) 43%,rgba(35,27,13,.57) 62%,transparent 85%)}
.id-site .fi-section h2,.id-site .fi-section h3,.id-site .fi-author,.id-site .fi-author.es-author-blue{color:#72551f}
.id-site .fi-breadcrumb,.id-site .fi-breadcrumb a,.id-site .fi-breadcrumb span,.id-site .it-technical a{color:#174e77}
.id-site .button,.id-site .fi-download,.id-site .header__store,.id-site .header__menu .header__store,.id-site .fi-top,.id-site .fi-slip-login .button{color:#23330c;border-color:#8ac522}
.id-site .button:hover,.id-site .fi-download:hover,.id-site .header__store:hover{background:#cbff70;color:#23330c}
.id-site .button.inverse{border-color:var(--se-dark-line)}
.id-site .sidebar__button-prize{background:linear-gradient(120deg,#49381b,#133958)}
.id-site .fi-slip-toggle{border-color:var(--se-dark-line)}
.id-site input,.id-site .fi-slip-body input{background:#544122;border-color:var(--se-dark-line)}
.id-site input::placeholder{color:var(--se-muted)}
.id-site .it-feature-cards li:nth-child(3n+2){background:#49381b}
.id-site .it-feature-cards li:nth-child(3n){background:var(--id-blue)}
.id-site .it-offer-card:nth-child(1){background:#382b13}.id-site .it-offer-card:nth-child(2){background:#594522}.id-site .it-offer-card:nth-child(3){background:#49381b}.id-site .it-offer-card:nth-child(4){background:#133958}
.id-site .footer__payment li{background:#eadfc3;border-color:#c6ad73}
.id-site .se-avatar{background-color:#133958;background-image:url(/assets/id-art/review-portraits.webp);color:var(--se-lime)}
.id-site .fi-hero.es-hero,.id-site .es-bonus,.id-site .es-app-promo{border:1px solid var(--id-frame);box-sizing:border-box}
.id-site .it-list-scene{padding:28px;min-height:0;background-image:linear-gradient(90deg,rgba(35,27,13,.95),rgba(35,27,13,.84) 48%,rgba(35,27,13,.62) 68%,transparent 90%),var(--list-image)}
.id-site .it-list-scene ol{padding:0;margin:0;width:65%}
.id-site .it-list-scene .fi-steps li{padding-top:18px;padding-bottom:18px;border-color:var(--se-dark-line)}
.id-site .it-list-scene .fi-steps li:first-child{padding-top:0}.id-site .it-list-scene .fi-steps li:last-child{padding-bottom:0;border-bottom:0}
.id-site .it-list-scene .fi-steps li:first-child:before{top:0}
.id-site .se-text-pair>.se-object-illustration img{object-fit:cover;object-position:center;padding:0}
.id-site .fi-section{scroll-margin-top:96px}
.id-site .es-hero .fi-breadcrumb,.id-site .es-hero .fi-breadcrumb a,.id-site .es-hero .fi-breadcrumb span{color:var(--se-white)}
.id-site :focus-visible{outline:3px solid #1a70b2;outline-offset:4px}
@media(min-width:761px) and (max-width:1100px){.id-site .es-bonus>div{width:85%}.id-site .es-bonus p{font-size:23px}.id-site .es-bonus h2{font-size:22px}}
@media(max-width:760px){.id-site{--se-hero-overlay:linear-gradient(90deg,rgba(35,27,13,.9),rgba(35,27,13,.72) 65%,rgba(35,27,13,.35));--se-promo-overlay:linear-gradient(90deg,rgba(35,27,13,.94),rgba(35,27,13,.78) 65%,rgba(35,27,13,.32))}.id-site .es-bonus>div{width:100%}.id-site .es-hero h1{font-size:25px}.id-site .es-hero .fi-description{font-size:14px}.id-site .fi-section h2{color:#72551f}.id-site .es-bonus h2{max-width:100%;font-size:23px}.id-site .es-bonus p{font-size:22px}.id-site .header__store{font-size:10px}}
@container content (max-width:650px){.id-site .it-list-scene{padding:276px 20px 20px;display:block;background-image:linear-gradient(0deg,#382b13,rgba(56,43,19,.86) 12%,transparent 42%),var(--list-image);background-size:100% 260px,auto 260px;background-position:center top,right top}.id-site .it-list-scene ol{width:100%;padding:0;margin:0}.id-site .it-list-scene .fi-steps li{padding-top:16px;padding-bottom:16px}.id-site .it-list-scene .fi-steps li:first-child{padding-top:0}.id-site .it-list-scene .fi-steps li:last-child{padding-bottom:0}}
@media(max-width:370px){.id-site .es-hero h1{font-size:22px}.id-site .es-hero .fi-description{font-size:13px}}
.id-site .fi-hero.es-hero{background-position:right center}
.id-site .it-offer-card h3,.id-site .fi-comparison-card h3{color:var(--se-lime)}
/* Drawer handle overlays content on both tablet and phone. */
@media(max-width:1250px){.id-site .fi-layout{padding-right:12px}.id-site .footer{margin-right:12px}.id-site .fi-slip-toggle{z-index:100}}
@media(max-width:760px){.id-site .fi-layout{padding-right:10px}.id-site .footer{margin-right:10px}.id-site .fi-slip-toggle{z-index:100}}
@media(min-width:761px){.id-site .es-app-promo .fi-downloads{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.id-site .sidebar .sidebar__button-wheel>span:last-child{display:block;margin-right:6px;line-height:1.3}
@media(max-width:1250px){.id-site .sidebar .sidebar__button-prize .prize-amount{left:72px;right:6px;font-size:13.5px;white-space:nowrap}.id-site .sidebar .sidebar__button-prize .prize-label{left:72px;right:6px;font-size:10px;line-height:1.2}.id-site .sidebar .sidebar__button-wheel>span:last-child{margin-left:72px;font-size:10px}}
.id-site .es-bonus>img{object-position:right center}
@media(min-width:1251px){.id-site .sidebar .sidebar__button-prize .prize-amount{right:6px;font-size:19px;white-space:nowrap}}
/* Phone promotions use the same centered, landscape composition as tablets. */
@media(max-width:760px){
 .id-site .es-bonus{align-items:center;height:auto;min-height:clamp(220px,60vw,350px);padding:16px}
 .id-site .es-bonus>img{object-position:right center}
 .id-site .es-bonus h2{font-size:18px}
 .id-site .es-bonus p{font-size:20px}
}

/* Annotated revision: consistent inner edges and complete paired artwork. */
.id-site .it-list-scene .fi-steps li{padding-left:0;padding-right:0;gap:14px}
.id-site .it-list-scene .fi-steps li>span{padding:0;align-self:center}
.id-site .it-list-scene .fi-steps li:before{box-sizing:border-box}
.id-site .se-text-pair>.es-illustration,.id-site .it-score-pair>.es-illustration{background:var(--se-panel);border:1px solid var(--se-dark-line);box-shadow:none;box-sizing:border-box;overflow:hidden;border-radius:8px}
.id-site .se-text-pair>.es-illustration img,.id-site .it-score-pair>.es-illustration img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;padding:0}
.id-site .fi-comparison-card{background:var(--se-panel);border-color:var(--se-dark-line)}
.id-site .fi-comparison-card h3,.id-site .fi-comparison-card li{border-color:var(--se-dark-line)}
@container content (max-width:650px){.id-site .fi-comparison{grid-template-columns:minmax(0,1fr)}}

/* Regenerated compositions fill the complete image column. On narrow columns,
   display the whole composition at its own ratio instead of a fixed-height crop. */
@container content (max-width:800px){
 .id-site .se-text-pair,.id-site .it-score-pair{grid-template-columns:minmax(0,1fr)}
 .id-site .se-text-pair>.es-illustration,.id-site .it-score-pair>.es-illustration{height:auto;max-height:none;aspect-ratio:var(--pair-art-ratio)}
 .id-site .se-text-pair>.es-illustration img,.id-site .it-score-pair>.es-illustration img{position:absolute;inset:0;width:100%;height:100%;max-height:none}
}

/* Mobile locale belongs inside the burger drawer. */
@media(max-width:760px){
 .id-site .header>.header__login{margin-left:auto}
 .id-site .header__menu .header__lang{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid var(--se-dark-line);font-size:12px}
 .id-site .header__menu .header__lang-flag{width:24px;height:16px;object-fit:contain}
}
/* App label must contrast with its lime button, including the active App route. */
.id-site .header__menu .header__store span{color:#23330c}