/* 자격증 구역(/cert/)만의 칸 — 머리·카드·줄·띠는 루트 /assets/site.css(site.css + gnav.css + home.css) 그대로. 값은 그 파일의 토큰(--sp-*, --line, --muted …) */
.cert .crumbs { display: flex; align-items: center; gap: var(--sp-2); font-size: 14px; color: var(--muted); margin-bottom: calc(-1 * var(--sp-2)); }
.cert .crumbs a { display: inline-flex; align-items: center; min-height: 44px; color: var(--muted); }
.cert-body { padding: 0 20px var(--sp-3); }
.cert-body > p { margin: 0 0 var(--sp-3); }
.cert-body ol { margin: 0; padding-left: 22px; }
.cert-body li { margin: var(--sp-1) 0; }
.basis { margin: 0; font-size: 13px; color: var(--muted); }
.basis span { white-space: nowrap; }
.basis .src { white-space: normal; }
.basis a { display: inline-block; padding: var(--sp-1) 0; }
.facts { margin: 0 0 var(--sp-3); }
.facts > div { padding: var(--sp-3) 0; border-top: 1px solid var(--line); }
.facts > div:first-child { border-top: 0; padding-top: 0; }
.facts dt { font-weight: 600; font-size: 14px; color: var(--muted); margin-bottom: var(--sp-1); }
.facts dd { margin: 0; }
.facts dd p { margin: 0 0 var(--sp-1); }
.facts dd p:last-child { margin-bottom: 0; }
/* 상세 '미확인 범위' 목록 · 첫 쪽 갈래 소제목(메뉴 /cert/#갈래가 오는 자리) */
.unv { margin: 0 0 var(--sp-3); padding-left: 20px; }
.unv li { margin: var(--sp-1) 0; }
.cert .rows-h { scroll-margin-top: var(--sp-3); }
/* 시험 소식 상자: 패널 바탕 + 선 테두리 + 본문 글자, 제목 앞 선 아이콘(포인트 색). 이름은 .notice — 공통 site.css .note(초록 안내 줄)와 겹치지 않게 */
.notice { margin: 0 0 var(--sp-3); padding: var(--sp-3); background: var(--panel); border: 1px solid var(--line); border-radius: 10px; color: var(--text); }
.notice b { display: flex; align-items: center; gap: 6px; }
.notice .ico { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; color: var(--accent); }
.notice p { margin: var(--sp-1) 0 0; }
.cert-sec { scroll-margin-top: var(--sp-3); }
.cert-foot p { margin: 0 0 var(--sp-2); font-size: 13px; color: var(--muted); }
.story + .story { margin-top: var(--sp-4); padding-top: var(--sp-4); border-top: 1px solid var(--line); }
.story h3 { font-size: 16px; margin: 0 0 var(--sp-2); }
.story p { margin: 0 0 var(--sp-2); }
/* 여행 줄 번호 칸(40 정사각, 루트 아이콘 칸과 같은 크기) · 설명 줄 끝 한 글자가 홀로 넘어가지 않게 */
.mk.mk-n { font-size: 15px; font-weight: 700; }
.rows .rd { text-wrap: pretty; }
.rows-h { margin: var(--sp-2) 20px 0; font-size: 13px; font-weight: 700; color: var(--muted); }
/* 날짜 칩: 좁은 폭에서 날짜(YYYY-MM-DD)가 가운데서 끊기지 않게(320에서 '2026-11-' 줄바꿈) */
.chip .nw { white-space: nowrap; }