/* ============================================================
   exam-next-step.css — 題庫、課程與登入頁：給還不是學員的人的一句說明與「申請免費考照輔導」按鈕
   .xn-gate：放在要登入才能用的按鈕旁邊（一句話＋按鈕）；.xn-new：登入頁「還不是學員？」區塊。
   class 前綴 xn-；手機優先，點擊目標至少 44px。
   ============================================================ */
.xn-gate { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 0 0 14px; padding: 10px 14px;
  border-radius: 10px; background: #fff8ec; border-left: 4px solid #d9a441; }
.xn-gate .xn-txt { flex: 1 1 15em; margin: 0; color: #1a2333; font-size: 15px; font-weight: 700; line-height: 1.6; }
.xn-gate .btn { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; margin: 0; }
.xn-new { margin: 0 0 16px; padding: 14px 16px 12px; border-radius: 10px; background: #f3f8fe; border: 1px solid #d6e6f8; }
.xn-new .xn-h { margin: 0 0 4px; color: #0B3D91; font-size: 17px; font-weight: 800; line-height: 1.5; }
.xn-new .xn-p { margin: 0 0 12px; color: #1a2333; font-size: 15px; line-height: 1.75; }
.xn-new .btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; margin: 0; }
.xn-new .xn-after { margin: 8px 0 0; color: #4a566b; font-size: 14px; line-height: 1.6; text-align: center; }
.login-card form + .note + .xn-new { margin: 18px 0 0; }
.xn-gate .xn-login { flex: 0 0 auto; padding: 10px 4px; color: #0B3D91; font-size: 15px; font-weight: 700; text-decoration: underline; }