.leekin-driving-exam-widget { font-family: var( --e-global-typography-text-font-family, "Noto Sans TC", sans-serif ); color: #111f35; }
.leekin-driving-exam-widget__loading, .leekin-driving-exam-widget__error { margin: 0; padding: 16px; border-radius: 16px; background: #fff; border: 1px solid #eee; font-size: 14px; }
.leekin-driving-exam-widget__error { color: #ab202a; }
.leekin-driving-exam-card { display: flex; flex-direction: column; gap: 12px; padding: 15px; background: #fff; border: 1px solid #eee; border-radius: 16px; box-shadow: 0 8px 15px rgba( 0, 0, 0, .08 ); }
.leekin-driving-exam-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.leekin-driving-exam-card__content { min-width: 0; }
.leekin-driving-exam-card__eyebrow, .leekin-driving-exam-card__date, .leekin-driving-exam-card__updated, .leekin-driving-exam-card__note { margin: 0; }
.leekin-driving-exam-card__eyebrow { font-family: var( --e-global-typography-primary-font-family, inherit ); font-size: 16px; font-weight: 600; line-height: 1.5; }
.leekin-driving-exam-card__eyebrow span { color: #ab202a; }
.leekin-driving-exam-card__date { font-family: var( --e-global-typography-primary-font-family, inherit ); font-size: 24px; font-weight: 700; line-height: 1.4; letter-spacing: -1px; white-space: nowrap; }
.leekin-driving-exam-card__updated { font-size: 12px; line-height: 16px; letter-spacing: -.5px; white-space: nowrap;}
.leekin-driving-exam-card__switch { position: relative; display: flex; flex: 0 0 auto; box-sizing: border-box; width: 160px; height: 40px; padding: 4px; border-radius: 9999px; background: #D1D5DB; }
.leekin-driving-exam-card__switch::before { position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc( ( 100% - 8px ) / 2 ); border-radius: 9999px; background: #ab202a; content: ""; transform: translateX( 0 ); transition: transform 240ms cubic-bezier( .2, .8, .2, 1 ); }
.leekin-driving-exam-card__switch.is-hkg::before { transform: translateX( 100% ); }
.leekin-driving-exam-card__area { position: relative; z-index: 1; flex: 1 1 50%; min-width: 0; padding: 0!important; border: 0; border-radius: 9999px; background: transparent; background-color: transparent!important; color: #111; font: inherit; font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: -.5px; cursor: pointer; transition: color 160ms ease; }
.leekin-driving-exam-card__area.is-active { color: #fff; }
.leekin-driving-exam-card__area:focus-visible { outline: 2px solid #111f35; outline-offset: 2px; }
.leekin-driving-exam-card__note { display: block; padding: 2px 0 4px; color: var( --e-global-color-secondary, #667085 ); font-size: 12px; font-weight: 400; line-height: 1.5; letter-spacing: 0; }
.leekin-driving-exam-card__note a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
@media ( max-width: 480px ) { .leekin-driving-exam-card__top { flex-direction: column; gap: 12px; } .leekin-driving-exam-card__switch { width: 100%; } .leekin-driving-exam-card__date { white-space: normal; } }
@media ( prefers-reduced-motion: reduce ) { .leekin-driving-exam-card__switch::before, .leekin-driving-exam-card__area { transition: none; } }