/* pages.css — the content pages added for search: /syllabus, /dfsa-cpd, /about. Tokens from style.css. */

.narrow-head h1 { max-width: 22ch; }
.narrow-head .lead { max-width: 70ch; }

/* Syllabus list: one card per module, code, title, state, objective, relevance. */
.syllabus { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--sp-3); }
.syl-item { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius); padding: var(--sp-4) var(--sp-5); }
.syl-head { display: flex; align-items: baseline; gap: var(--sp-3); flex-wrap: wrap; margin-bottom: var(--sp-2); }
.syl-head h3 { margin: 0; flex: 1 1 20rem; }
.syl-code { font-weight: 700; color: var(--c-navy); font-variant-numeric: tabular-nums; }
.syl-state { font-size: var(--fs-0); color: var(--c-muted); border: 1px solid var(--c-border); border-radius: var(--radius); padding: 0 var(--sp-2); white-space: nowrap; }
.syl-state.is-live { color: var(--c-ok); border-color: var(--c-ok); }
.syl-item p { margin: 0 0 var(--sp-2); }
.syl-meta { font-size: var(--fs-0); color: var(--c-muted); margin-bottom: 0; }

/* CPD: the four things the rule asks for, then the record table. */
.cpd-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: var(--sp-4); }
.cpd-card { background: var(--c-surface); border: 1px solid var(--c-border); border-radius: var(--radius); padding: var(--sp-4) var(--sp-5); }
.cpd-card h3 { margin-bottom: var(--sp-2); }
.cpd-card p:last-child { margin-bottom: 0; }
.cpd-table { width: 100%; font-size: var(--fs-0); }
.cpd-table th { text-align: left; white-space: nowrap; }