/* Scoped to checkout: keep the app's hanji, ink and gold identity. */
#payment-modal{box-sizing:border-box;padding:16px!important}
#payment-modal .km-checkout-panel{max-width:460px!important;max-height:calc(100dvh - 32px)!important;border:1px solid #b59c62;border-radius:16px!important;background:#fdfaf2!important}
#payment-modal .km-checkout-body{padding:22px 22px 12px!important;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable}
#payment-modal #payment-modal-title{margin:0 38px 6px 0!important;font-size:21px!important;line-height:1.45}
#payment-modal .km-checkout-close{top:8px!important;right:8px!important;width:44px;height:44px;padding:0;line-height:44px;background:#fdfaf2!important;border-radius:50%;z-index:2}
#payment-modal .km-checkout-intro{margin:0 0 16px;color:#534a3b;font-size:13px;line-height:1.65}
#payment-modal .km-tiers{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;margin:0 0 12px!important}
#payment-modal .km-tier{box-sizing:border-box;position:relative;min-width:0;min-height:92px;padding:13px 8px!important;border:1px solid #c7bba3!important;border-radius:10px;background:#fffdf8!important;text-align:left;cursor:pointer;font-family:inherit;color:#30291f}
#payment-modal .km-tier[aria-pressed="true"]{border:2px solid #8a6826!important;padding:12px 7px!important;background:#f5ecd5!important;box-shadow:inset 0 0 0 1px #fff9eb}
#payment-modal .km-tier[aria-pressed="true"]::after{content:'✓';position:absolute;right:6px;top:4px;font:700 12px/1 sans-serif;color:#705319}
#payment-modal .km-tier p{margin:0!important}
#payment-modal .km-tier-name{display:block;font-size:12px;line-height:1.5;color:#65543a;margin-bottom:5px}
#payment-modal .km-tier-price{font-size:17px;font-weight:800;line-height:1.5}
#payment-modal .km-tier-credits{display:block;font-size:13px;font-weight:700;line-height:1.5;margin-top:4px;color:#705319}
#payment-modal .km-price-rail{display:block;font-size:11px;font-weight:400;line-height:1.65;color:#534a3b;white-space:nowrap}
#payment-modal .km-price-rail b{font-weight:750;color:#35291a}
#payment-modal .km-checkout-example{font-size:13px;line-height:1.65;color:#534a3b;border-left:2px solid #af8a42;padding:2px 0 2px 10px;margin:10px 0 14px}
#payment-modal .km-checkout-summary{font-size:12px;line-height:1.6;color:#5b503f;text-align:center;margin:0 0 8px}
#payment-modal .km-checkout-footer{padding:12px 22px 16px!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important;background:#fdfaf2!important}
#payment-modal #payment-pay-btn{min-height:50px;line-height:1.5!important;font-size:15px!important}
#payment-modal #tier-price-display,#payment-modal #tier-credits-display{display:none}
#payment-modal #pm-value,#payment-modal #pm-refund,#payment-modal #pp-card-lead,#payment-modal #pp-cur-note,#payment-modal #card-cur-note,#payment-modal #ck-brands,#payment-modal #pay-step-hint{font-size:12px!important;line-height:1.6!important;color:#584a35!important}
#payment-modal #pm-value{font-weight:400!important;margin:0 0 8px!important}
#payment-modal #pm-refund a{color:inherit;text-decoration:underline;text-underline-offset:3px}
#payment-modal #ck-divider{margin:8px 0!important}
#payment-modal :is(button,a,summary):focus-visible{outline:3px solid #7e4c21!important;outline-offset:3px}
@media(max-width:400px){
 #payment-modal{padding:8px!important}
 #payment-modal .km-checkout-panel{max-height:calc(100dvh - 16px)!important}
 #payment-modal .km-checkout-body{padding:18px 14px 10px!important}
 #payment-modal .km-checkout-footer{padding:10px 14px 12px!important}
 #payment-modal .km-tiers.km-tiers-intl{grid-template-columns:1fr;gap:6px!important}
 #payment-modal .km-tiers-intl .km-tier{min-height:64px;display:grid;grid-template-columns:1fr auto;column-gap:8px;align-items:center;padding:8px 20px 8px 12px!important}
 #payment-modal .km-tiers-intl .km-tier-price{grid-column:2;grid-row:1/3}
 #payment-modal .km-tiers-intl .km-tier-name{grid-column:1;grid-row:1;margin:0;font-size:12px}
 #payment-modal .km-tiers-intl .km-tier-credits{grid-column:1;grid-row:2;margin:0;font-size:13px}
 #payment-modal .km-price-rail{font-size:12px}
 #payment-modal .km-tier-price{font-size:16px}
}