/* 伺服器渲染的公開內容頁（/careers、/careers/{slug}）版面。
   沿用 style.css 的設計代幣，只補這類長文頁需要的排版；頁首固定深底
   （與法律頁同一套語彙），內文為單欄可讀寬度。 */

.doc-topbar {
  position: sticky; top: 0; z-index: 10;
  display: flex; align-items: center; gap: 16px; justify-content: space-between;
  padding: 12px 24px; background: #0e1120; color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.doc-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #fff; }
.doc-mark { height: 30px; width: 42.5px; object-fit: contain; flex: none; }
.doc-brand-text { display: flex; flex-direction: column; line-height: 1.15; }
.doc-brand-name {
  font-family: "TASA Explorer", system-ui, sans-serif;
  font-weight: 800; font-size: 1rem; letter-spacing: 0.005em;
}
.doc-brand-sub { font-size: 0.66rem; color: #bcc5de; letter-spacing: 0.04em; }
.doc-back { color: #bcc5de; text-decoration: none; font-size: 0.8125rem; white-space: nowrap; }
.doc-back:hover { color: #fff; text-decoration: underline; }

.doc-page { display: block; max-width: 760px; margin: 0 auto; padding: 32px 24px 56px; }
.crumbs { font-size: 0.75rem; color: var(--text-muted); margin-bottom: 14px; }
.crumbs a { color: var(--text-secondary); text-decoration: none; }
.crumbs a:hover { text-decoration: underline; }

.doc-page h1 { font-size: 1.75rem; line-height: 1.35; margin: 0 0 10px; }
.h1-en { display: block; font-size: 0.9375rem; font-weight: 400; color: var(--text-muted); margin-top: 4px; }
.doc-page h2 { font-size: 1.25rem; margin: 32px 0 10px; }
.doc-page h3 { font-size: 1rem; margin: 0 0 4px; }
.lead { font-size: 1rem; line-height: 1.85; color: var(--text-secondary); margin: 0 0 16px; }
.facts { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 18px; font-size: 0.8125rem; color: var(--text-muted); }
.career-art { width: 100%; height: auto; border-radius: 12px; margin: 6px 0 18px; }

.btn-cta {
  display: inline-block; padding: 11px 20px; border-radius: 10px;
  background: var(--accent); color: #fff; font-weight: 600; text-decoration: none;
}
.btn-cta:hover { filter: brightness(1.08); }
.doc-cta { margin: 20px 0 8px; }

.path-steps { margin: 12px 0 0; padding-left: 20px; }
.path-steps li { margin-bottom: 16px; }
.path-steps p { margin: 0; line-height: 1.9; color: var(--text-secondary); }
.step-hint { margin-left: 10px; font-size: 0.75rem; font-weight: 400; color: var(--text-muted); }

.career-grid { list-style: none; padding: 0; margin: 22px 0 0; display: grid; gap: 16px; }
@media (min-width: 640px) { .career-grid { grid-template-columns: 1fr 1fr; } }
.career-card {
  border: 1px solid var(--gridline); border-radius: 12px; padding: 16px 18px;
  background: var(--surface-1);
}
.career-card a { text-decoration: none; color: var(--text-primary); display: block; }
.career-card a:hover .career-name { color: var(--accent); text-decoration: underline; }
.career-name { font-size: 1.0625rem; font-weight: 700; display: block; }
.career-en { font-size: 0.75rem; color: var(--text-muted); display: block; margin-top: 2px; }
.career-track {
  display: inline-block; margin-top: 8px; font-size: 0.6875rem;
  color: var(--text-secondary); border: 1px solid var(--baseline);
  border-radius: 999px; padding: 1px 9px;
}
.career-card p { margin: 10px 0 0; font-size: 0.8125rem; line-height: 1.7; color: var(--text-secondary); }

.job-list { padding-left: 20px; line-height: 2; }
.job-list a { color: var(--accent); }
.job-co { color: var(--text-muted); font-size: 0.8125rem; margin-left: 6px; }
.other-careers { line-height: 2.1; }
.other-careers a { color: var(--text-secondary); }
.note { font-size: 0.75rem; color: var(--text-muted); line-height: 1.8; margin-top: 22px; }


/* 相關證照與標準（技職路線的關鍵資訊） */
.cred-list { padding-left: 20px; line-height: 2; }
.cred-list .cred-issuer { color: var(--text-muted); font-size: 0.75rem; margin-left: 8px; }

/* ── 108 課綱對應（/curriculum、/curriculum/{code}、學科頁的對應區塊）── */
.stage-table { border-collapse: collapse; margin: 16px 0 4px; font-size: 0.875rem; }
.stage-table th, .stage-table td {
  text-align: left; padding: 6px 18px 6px 0; border-bottom: 1px solid var(--gridline);
}
.stage-table th { color: var(--text-muted); font-weight: 400; }
.stage-table td.num, .stage-table th.num { text-align: right; font-variant-numeric: tabular-nums; }
/* 代碼清單：代碼在前、學習內容摘要在後（灰階），一行一條掃得快 */
.code-list { list-style: none; padding: 0; margin: 4px 0 18px; }
.code-list li {
  padding: 5px 0; border-bottom: 1px solid var(--gridline);
  font-size: 0.875rem; line-height: 1.6;
}
.code-content { color: var(--text-muted); font-size: 0.8125rem; margin-left: 10px; }
.subject-count { color: var(--text-muted); font-size: 0.75rem; font-weight: 400; margin-left: 8px; }
/* 學科頁的密集代碼列：一段文字流，科目以小字附在代碼後 */
.code-inline { line-height: 2.2; margin: 0 0 14px; }
.code-inline a { color: var(--text-secondary); white-space: nowrap; }
.code-subject { color: var(--text-muted); font-size: 0.6875rem; margin-left: 3px; }
.code-more { color: var(--accent); font-size: 0.8125rem; }