/* MATCHSIK v32.10 — enrollment plan card selection polish */
:root{--v3210-blue:#1769ff;--v3210-blue-soft:#edf4ff;--v3210-orange:#ff6f2c;--v3210-orange-soft:#fff3eb;--v3210-navy:#0b2447;--v3210-line:#d9e4f2}
body.apply-standalone #appPage .billing-mode-card{overflow:visible!important}
body.apply-standalone #appPage .billing-mode-card.selected:after{content:none!important;display:none!important}
body.apply-standalone #appPage .billing-mode-card .plan-state-badge{display:none!important}
body.apply-standalone #appPage .billing-mode-card .mode-icon{position:relative!important;overflow:visible!important}
body.apply-standalone #appPage .billing-mode-card .v3210-selected-indicator{position:absolute;right:-6px;top:-6px;z-index:4;display:grid;width:22px;height:22px;place-items:center;border:2px solid #fff;border-radius:999px;background:var(--v3210-blue);color:#fff;font-size:12px;font-weight:950;line-height:1;box-shadow:0 5px 14px rgba(23,105,255,.28)}
body.apply-standalone #appPage .billing-mode-card.exam-card .v3210-selected-indicator{background:var(--v3210-orange);box-shadow:0 5px 14px rgba(255,111,44,.24)}
body.apply-standalone #appPage .billing-mode-card .plan-badge-stack{position:static!important;inset:auto!important;display:contents!important}
body.apply-standalone #appPage .billing-mode-card .discount-preview-badge.v3210-discount-pill{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;justify-self:end!important;width:max-content;max-width:100%;min-height:22px;margin:5px 0 0!important;padding:4px 8px!important;border:1px solid #ffd4bf!important;border-radius:999px!important;background:var(--v3210-orange-soft)!important;color:#c94f18!important;font-size:9px!important;font-weight:900!important;line-height:1.2!important;white-space:nowrap!important;box-shadow:none!important}
/* The original 50,000-won anchor price is part of the commercial UI, not decorative copy. Keep it visibly struck through even when older mobile layers try to suppress secondary rate text. */
body.apply-standalone #appPage .billing-mode-card .mode-rate del{display:block!important;visibility:visible!important;opacity:1!important;position:static!important;max-width:100%!important;margin:0 0 2px!important;color:#8a98aa!important;font-size:11px!important;font-weight:750!important;line-height:1.15!important;text-decoration-line:line-through!important;text-decoration-thickness:1px!important;white-space:nowrap!important}
body.apply-standalone #appPage .billing-mode-card.exam-card .mode-rate{align-content:center!important}
body.apply-standalone #appPage .billing-mode-card.exam-card .mode-rate b{color:#ea5a21!important}
body.apply-standalone #appPage .billing-mode-card.monthly-card.selected{border-color:#6ea4ff!important;background:linear-gradient(145deg,#fff,#f2f7ff)!important;box-shadow:0 0 0 3px rgba(23,105,255,.08),0 15px 34px rgba(10,37,79,.09)!important}
body.apply-standalone #appPage .billing-mode-card.exam-card.selected{border-color:#ff9c70!important;background:linear-gradient(145deg,#fff,#fff7f2)!important;box-shadow:0 0 0 3px rgba(255,111,44,.08),0 15px 34px rgba(10,37,79,.09)!important}
body.apply-standalone #appPage .billing-mode-card.monthly-card.selected .mode-icon{background:var(--v3210-blue-soft)!important;color:#175fd0!important}
body.apply-standalone #appPage .billing-mode-card.exam-card.selected .mode-icon{background:var(--v3210-orange-soft)!important;color:#d95a22!important}

@media(max-width:760px){
  body.apply-standalone[data-v325-phase='plan'] #appPage .billing-mode-grid.premium{gap:10px!important}
  body.apply-standalone[data-v325-phase='plan'] #appPage .billing-mode-card{grid-template-columns:44px minmax(0,1fr) minmax(88px,auto)!important;min-height:94px!important;padding:13px 14px!important;column-gap:11px!important;border-radius:17px!important;overflow:visible!important}
  body.apply-standalone[data-v325-phase='plan'] #appPage .billing-mode-card .mode-icon{width:42px!important;height:42px!important;border-radius:13px!important}
  body.apply-standalone[data-v325-phase='plan'] #appPage .mode-copy{min-width:0!important}
  body.apply-standalone[data-v325-phase='plan'] #appPage .mode-copy small{font-size:8px!important;letter-spacing:.11em!important}
  body.apply-standalone[data-v325-phase='plan'] #appPage .mode-copy b{font-size:16px!important;line-height:1.2!important;white-space:normal!important}
  body.apply-standalone[data-v325-phase='plan'] #appPage .mode-copy p{max-width:190px!important;font-size:9px!important}
  body.apply-standalone[data-v325-phase='plan'] #appPage .mode-rate{min-width:88px!important;max-width:118px!important;justify-items:end!important;align-self:center!important;text-align:right!important}
  body.apply-standalone[data-v325-phase='plan'] #appPage .mode-rate b{font-size:17px!important;line-height:1.05!important;white-space:nowrap!important}
  body.apply-standalone[data-v325-phase='plan'] #appPage .mode-rate del{display:block!important;max-width:116px!important;font-size:8.5px!important;line-height:1.2!important;white-space:nowrap!important}
  body.apply-standalone[data-v325-phase='plan'] #appPage .mode-rate small{max-width:116px!important;font-size:8px!important;line-height:1.3!important;white-space:normal!important;word-break:keep-all!important}
}
@media(max-width:380px){
  body.apply-standalone[data-v325-phase='plan'] #appPage .billing-mode-card{grid-template-columns:40px minmax(0,1fr) 84px!important;padding:12px 10px!important;column-gap:8px!important}
  body.apply-standalone[data-v325-phase='plan'] #appPage .billing-mode-card .mode-icon{width:38px!important;height:38px!important}
  body.apply-standalone[data-v325-phase='plan'] #appPage .mode-copy b{font-size:15px!important}
  body.apply-standalone[data-v325-phase='plan'] #appPage .mode-rate b{font-size:15px!important}
  body.apply-standalone[data-v325-phase='plan'] #appPage .mode-rate del{font-size:7.5px!important}
  body.apply-standalone #appPage .billing-mode-card .discount-preview-badge.v3210-discount-pill{padding:3px 6px!important;font-size:8px!important}
}