/* 保安英語課程 · 共用樣式 */
:root { --blue:#2f5d9e; --line:#d7dee7; }
* { box-sizing:border-box; }
body {
  font-family:"Microsoft JhengHei","PingFang HK","Noto Sans CJK TC",sans-serif;
  margin:0; color:#111; line-height:1.65; background:#f7f8fa; padding-bottom:50px;
}
header {
  position:sticky; top:0; z-index:50; background:#fff; border-bottom:1px solid var(--line);
  padding:9px 16px; box-shadow:0 1px 6px rgba(0,0,0,.06);
}
header h1 { font-size:14pt; margin:0 0 6px; }
header h1 span { font-size:9pt; color:#666; font-weight:400; }
.ctrls { display:flex; flex-wrap:wrap; gap:10px; align-items:center; font-size:9pt; }
.ctrls label { color:#555; }
select,input[type=range],button { font-family:inherit; font-size:9pt; }
select { padding:3px 6px; border:1px solid var(--line); border-radius:4px; max-width:270px; }
button { padding:4px 10px; border:1px solid var(--blue); background:var(--blue);
         color:#fff; border-radius:4px; cursor:pointer; }
button.ghost { background:#fff; color:var(--blue); }
#diag { font-size:8pt; color:#555; margin-top:5px; font-family:Consolas,monospace; }
#warn { color:#b00020; }
main { max-width:900px; margin:0 auto; padding:14px; background:#fff; }
h2 { font-size:15pt; margin:6px 0 4px; padding:6px 0 6px 10px;
     border-left:5px solid var(--blue); background:#f2f6fc; }
h3 { font-size:11pt; margin:22px 0 6px; color:#1f4d8a; page-break-after:avoid; }
p { margin:6px 0; }
.sub { font-size:9pt; color:#666; }
table { width:100%; border-collapse:collapse; margin:8px 0 14px; font-size:11pt; line-height:1.65; }
th,td { border:1px solid #ccd5e0; padding:8px 9px; text-align:left; vertical-align:middle; color:#0d1117; }
th { background:#e9eef6; font-weight:700; color:#333c4a; }
tr { page-break-inside:avoid; }
.en { font-family:-apple-system,"SF Pro Text","Segoe UI","Helvetica Neue",Arial,
        "PingFang SC","Microsoft YaHei",sans-serif;
        font-size:12.4pt; font-weight:400; color:#111820; letter-spacing:0;
        line-height:1.7; -webkit-font-smoothing:antialiased; }
[data-en] { cursor:pointer; }
td[data-en]:hover, li[data-en]:hover, span[data-en]:hover { background:#f0f5fc; }
td[data-en]::after { content:" 🔊"; opacity:.5; font-size:9pt; vertical-align:middle; }
[data-en].speaking { background:#fff3cd !important; }
.note { background:#fffbe8; border:1px solid #e6d08a; padding:8px 11px; margin:10px 0;
        font-size:9.5pt; page-break-inside:avoid; }
.warn { background:#fdf0ef; border:1px solid #e7b1ab; padding:8px 11px; margin:10px 0;
        font-size:9.5pt; page-break-inside:avoid; }
ul,ol { margin:6px 0 12px; padding-left:22px; }
li { margin:3px 0; }
.check li { list-style:none; }
.check li::before { content:"☐ "; color:#888; }
.bar { display:flex; gap:10px; align-items:center; margin:8px 0; font-size:9pt; color:#666; }
.star { color:#c0392b; font-weight:700; }
.big { font-size:15pt; font-family:Consolas,monospace; }
@media print {
  header,.ctrls,.bar,button,.sub-hint { display:none !important; }
  body { background:#fff; } main { padding:0; max-width:none; }
  td[data-en]::after { content:""; }
  h2 { background:none; border-left:4px solid #333; }
}

/* 返回鍵：與主站其他板塊同一套設計 */
.back{display:inline-flex;align-items:center;gap:7px;margin:2px 0 12px;padding:8px 16px;
      font-size:14px;font-weight:600;color:#1f6feb;background:#fff;border:1px solid #d8e2f5;
      border-radius:999px;text-decoration:none;box-shadow:0 1px 3px rgba(31,111,235,.10)}
.back:hover{background:#f2f7ff;border-color:#9dbdf5}
.back .arw{font-size:16px;line-height:1}

/* 課頁頭部：logo（左）+ 返回鍵（右），與課程首頁一致 */
.hd{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:2px 0 10px}
.hd .logo{display:flex;align-items:center;gap:9px;text-decoration:none}
.hd .logo .wt{font-size:17px;font-weight:800;letter-spacing:2px;color:#1f6feb;line-height:1}
.hd .logo .wt .tl{font-size:12px;font-weight:400;color:#c3c8ce;letter-spacing:.5px;margin-left:2px}
@media(max-width:420px){.hd .logo .wt{font-size:15px}.hd .back{padding:7px 13px;font-size:13px}}