/* v7 強化樣式（最後載入）：對比、觸控目標、動態偏好、焦點、新元件。
   新增或修正樣式請放在這裡，不要再把規則寫回各頁面的樣式檔，以免再次出現覆蓋順序問題。 */
:root{color-scheme:light}

/* ---- 對比（WCAG 1.4.3）：小字至少 4.5:1 ---- */
.eyebrow,.kicker{color:#745733}
.lang button{color:#56637b}
.lang button.active{color:#1f4fa8}
.status,.profile-saved{color:#0f7a67}

/* ---- 螢幕閱讀器專用文字 ---- */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---- 觸控與點擊目標（WCAG 2.5.8，至少 24px；主要操作 44px） ---- */
.crumb a,.detail-link,.lesson-nav a,.footer-row a,footer a,.tk-link{display:inline-block;min-height:24px;line-height:24px}
.crumb a{padding:0 2px}
.detail-link{min-height:32px;line-height:32px}
.lang button{min-width:32px;min-height:32px}

/* ---- 焦點可見性（WCAG 2.4.7／2.4.11）：所有可互動元素一致 ---- */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #174ea6;outline-offset:3px;border-radius:4px}
.file-btn:focus-within{outline:3px solid #174ea6;outline-offset:3px}

/* ---- 動態偏好（WCAG 2.3.3）：使用者要求減少動態時，關閉平滑捲動與動畫 ---- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ---- 先前由 style 屬性改為 class（CSP 不再允許 inline style） ---- */
.profile-saved{font-size:13px;margin-top:5px}
.help-box.spaced{margin-top:20px}
.profile-title{margin:0 0 8px;font-size:16px;line-height:1.4}

/* ---- 學習工作台：我的資料 ---- */
.data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.data-card{background:#fff;border:1px solid var(--line,#e1e8f1);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.data-card h3{margin:0;font-size:18px}
.data-card p{margin:0;font-size:14px;color:#4d5b72;flex:1}
.data-card.danger{border-color:#e9b8a8;background:#fff8f5}
.danger-btn{background:#b3361d!important;color:#fff!important}
.file-btn{display:inline-flex;align-items:center;cursor:pointer;position:relative}
.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.data-summary{margin:18px 0 6px;font-weight:700}
.data-message{min-height:24px;margin:6px 0;color:#0f7a67;font-weight:700}
.data-message.bad{color:#b3361d}
.data-note{font-size:13px;color:#56637b}
@media(max-width:850px){.data-grid{grid-template-columns:1fr}}

/* ---- 雇主工具箱的共用小元件 ---- */
.quiz-purpose small{display:block;margin-top:4px}

/* ---- 首頁「情境練習」：介面精修把底色改淺，但文字仍沿用白色，導致標題與說明幾乎看不見（對比 1.46:1）。 ---- */
.scenario{color:#16243d}
.scenario .section-head p{color:#4a5a56}
.scenario-main h3{color:#16243d}
.scenario-main p{color:#3f4f4b}
.scenario-main .eyebrow{color:#745733}
.section-head p{color:#4f5f5b}
body .content-status,body .content-status strong,body .content-status span{color:#4a5848!important}
.related-guides a,.related-guides{color:#1f4fa8}
.pending-note a{display:inline-block;min-height:24px;line-height:24px}