/* 사이트 전용 스타일 — 시안 components.css 위에 얹는다(시안에서는 페이지마다 <style>로 있던 것 + 데이터 틀에서 새로 생긴 것) */

/* ---------- 종목 줄(분야·등급 페이지): 이름 · 등급 칩 · 다음 일정 · 작년 합격률 — 시안 cert-field.html 그대로 ---------- */
.exam-row { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; align-items: center; padding: 12px 14px; background: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-md); text-decoration: none; color: inherit; min-height: 56px; } /* 카드 한 줄 */
.exam-row b { font-size: var(--fs-md); }                                                    /* 이름 크기 */
.exam-row .sub { grid-column: 1; font-size: var(--fs-xs); color: var(--color-ink-2); }       /* 이름 아래 작은 글 */
.exam-row > b:first-child { grid-column: 1; grid-row: 1; }                                  /* 이름은 왼쪽 위 */
.exam-row .rate { grid-column: 2; grid-row: 1 / span 2; text-align: right; font-size: var(--fs-sm); font-variant-numeric: tabular-nums; } /* 합격률은 오른쪽, 두 줄 높이 */
.exam-row .rate b { display: block; font-size: var(--fs-sm); }                              /* 합격률 숫자 줄 */
.exam-row.soon { opacity: .55; }                                                            /* 페이지 준비 중 종목은 흐리게 */
.exam-row.soon .rate { font-size: var(--fs-xs); }                                           /* 흐린 줄은 글자도 작게 */
.group-h { display: flex; align-items: baseline; gap: 8px; margin: var(--sp-6) 0 var(--sp-2); } /* 묶음 제목 줄 */
.group-h h2 { font-size: var(--fs-lg); }                                                    /* 묶음 제목 크기 */
@media (min-width: 960px) { .exam-list { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } } /* 넓은 화면은 2열 */
@media (max-width: 959px) { .exam-list > * + * { margin-top: 8px; } }                       /* 좁은 화면은 세로로 8px 간격 */
.name-list { font-size: var(--fs-sm); line-height: 1.9; color: var(--color-ink-2); margin-top: 8px; } /* "그 밖의 종목" 이름 나열 */

/* ---------- 회차 카드 묶음(등급 페이지): 넓은 화면 3열 — 시안 cert-grade.html 그대로 ---------- */
@media (min-width: 960px) { .rounds { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; } .rounds .card { margin: 0; } .rounds > * + * { margin-top: 0; } }
.past-rounds { margin-top: var(--sp-2); }                                                   /* "지난 회차" 접힘 */
.past-rounds .rounds { margin-top: var(--sp-2); }                                           /* 접힘 안 카드 줄 */

/* ---------- 시험 구성: 큐넷 밖 종목의 과목 목록(수집 모양이 종목마다 달라 일반 목록으로 그림) ---------- */
.subject-list { font-size: var(--fs-sm); line-height: 1.7; padding-left: 1.2em; margin: 4px 0 0; } /* 과목 글머리표 목록 */
.subject-group + .subject-group { margin-top: var(--sp-3); }                                /* 과목 묶음 사이 */

/* ---------- 합격률 그래프(빌드 때 그린 SVG) ---------- */
.trend-svg svg { width: 100%; height: auto; display: block; }                              /* 칸 폭에 맞춰 늘고 줄기 */

/* ---------- 시험 구성: 과목 안 평가 영역(2026-11-06 접지 않고 표 바로 아래) ---------- */
.exam-areas { margin-top: 10px; padding: 12px 14px; background: var(--color-bg); border-radius: var(--radius-sm); } /* 연한 바탕 상자 */
.exam-areas-h { margin: 0 0 6px; font-size: var(--fs-xs); font-weight: 700; color: var(--color-ink-2); } /* "실기 평가 영역" 머리말 */
.exam-areas dl { margin: 0; display: grid; gap: 6px; font-size: var(--fs-sm); }            /* 영역 줄 묶음 */
.exam-areas dl > div { display: grid; grid-template-columns: 9em minmax(0, 1fr); gap: 12px; } /* 왼쪽 영역 이름 · 오른쪽 내용 */
.exam-areas dt { font-weight: 700; }                                                       /* 영역 이름 진하게 */
.exam-areas dd { margin: 0; color: var(--color-ink-2); }                                   /* 내용 */
@media (max-width: 599px) { .exam-areas dl > div { grid-template-columns: 1fr; gap: 2px; } } /* 좁으면 이름 위·내용 아래 */


/* ---------- 등급 페이지 종목 목록 필터(2026-11-06): 등급 칩 · 분야 칩 · 이름 찾기 ---------- */
.ef-head { display: flex; align-items: center; justify-content: space-between; gap: 10px 16px; flex-wrap: wrap; } /* 제목(왼쪽) + 찾기 칸(오른쪽) 한 줄 — 2026-11-07 거르기 줄 정리 */
.ef-head h2 { margin: 0; }
.ef-head .ef-search { flex: 1 1 200px; max-width: 280px; min-height: 40px; }               /* 제목 옆 찾기 칸은 작게 */
.ef-bar { display: grid; gap: 8px; padding: 10px 14px; background: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-md); } /* 칩 줄들을 상자 하나에 */
.ef-bar .ef-chips a { padding: 7px 12px; font-size: var(--fs-xs); min-height: 0; }           /* 상자 안 칩은 글자 한 단계 작게, 높이는 32px쯤(터치 목표 — 2026-11-07 UX 점검) */
.ef-chips .n { font-weight: 400; opacity: .7; margin-left: 2px; font-variant-numeric: tabular-nums; } /* 칩 옆 개수는 흐리게 */
.ef-search { width: 100%; max-width: 420px; min-height: 44px; padding: 0 14px; font: inherit; font-size: var(--fs-sm); color: var(--color-ink); background: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-md); } /* 이름 찾기 칸(터치 44px) */
.ef-search:focus { outline: 2px solid var(--color-accent); outline-offset: 1px; }           /* 고른 칸 표시 */
@media (max-width: 599px) { .ef-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-bottom: 2px; } .ef-chips::-webkit-scrollbar { display: none; } .ef-chips a { flex: none; } } /* 좁으면 칩 한 줄 + 옆으로 넘김 */
.name-list .nm { display: inline-block; margin: 0 14px 2px 0; }                              /* 접힘 안 이름: 칸마다 띄움(가운뎃점 대신 — 걸러도 점이 남지 않게) */
.ef-empty { padding: var(--sp-6) 0; text-align: center; color: var(--color-ink-2); font-size: var(--fs-sm); } /* 결과 없음 */

/* ---------- 등급 페이지 응시자격(2026-11-06): 카드는 종목 페이지와 같은 .paths/.path, 탭으로 고르지 않은 등급만 숨김 ---------- */
.paths[hidden] { display: none; }                                                          /* 고르지 않은 등급 탭 */

/* ---------- 분야 카드·분야 페이지 머리(2026-11-07 운영자 선택 "1안 색·아이콘") — 허브·전체 분야·분야 페이지가 같이 씀. 색은 각 조각의 style="--f:…" ---------- */
.ico { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex: none; background: color-mix(in srgb, var(--f) 14%, var(--color-surface)); color: var(--f); } /* 아이콘 네모: 분야 색을 연하게 섞은 바탕 + 분야 색 선 */
.ico svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } /* 선 그림 */
.field-cards { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); } /* 넓으면 3~4열, 휴대폰 1열 */
.field-card { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; align-items: center; padding: 12px 14px; background: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-md); text-decoration: none; color: inherit; } /* 카드 한 장 */
.field-card:hover { border-color: var(--f); }                                               /* 올리면 그 분야 색 테두리 */
.field-card .ico { grid-row: 1 / span 2; }                                                  /* 아이콘은 두 줄 높이 */
.field-card b { font-size: var(--fs-md); line-height: 1.2; }                                /* 분야 이름 */
.field-card b .n { font-size: var(--fs-xs); font-weight: 600; color: var(--color-ink-2); margin-left: 6px; white-space: nowrap; } /* 종목 수 */
.field-card small { font-size: var(--fs-xs); color: var(--color-ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 대표 종목 한 줄(길면 …) */
.field-head { display: flex; gap: 14px; align-items: center; padding: 18px 20px; border-radius: var(--radius-lg); background: color-mix(in srgb, var(--f) 10%, var(--color-surface)); border: 1px solid color-mix(in srgb, var(--f) 30%, var(--color-line)); } /* 분야 페이지 머리 띠 */
.field-head .ico { width: 52px; height: 52px; border-radius: 14px; background: color-mix(in srgb, var(--f) 20%, var(--color-surface)); } /* 머리 아이콘은 더 크게 */
.field-head .ico svg { width: 28px; height: 28px; }
.field-head h1 { margin: 0; }                                                               /* 제목 */
.field-head h1 .n { font-size: var(--fs-sm); font-weight: 600; color: var(--color-ink-2); margin-left: 6px; } /* 제목 옆 종목 수 */
.field-head p { margin: 2px 0 0; font-size: var(--fs-sm); color: var(--color-ink-2); }      /* 설명 한 줄 + 구분 수 */
.field-head .subs { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }            /* 세부 분야 칩 줄 */
.field-head .subs a { font-size: var(--fs-xs); font-weight: 600; text-decoration: none; color: var(--color-ink); padding: 4px 10px; border-radius: 999px; background: var(--color-surface); border: 1px solid color-mix(in srgb, var(--f) 35%, var(--color-line)); } /* 세부 분야 칩 → 그 묶음으로 */
@media (max-width: 599px) { .field-head { align-items: flex-start; } }                    /* 휴대폰: 설명이 여러 줄이면 아이콘은 위에 맞춤 */

/* ---------- 수집 자료 그대로인 종목(큐넷 밖 등) 시험 구성·응시자격(2026-11-06 "UI 깔끔하게") ---------- */
.sub-h { font-size: var(--fs-md); margin: var(--sp-5) 0 var(--sp-2); }                    /* 시험 과목·시험 방법·합격 기준 소제목 */
.sub-h:first-of-type { margin-top: 0; }                                                     /* 블록 첫 소제목은 위 여백 없이 */
.kv-cells { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }                          /* {합격점수:60, 과락점수:40} → 작은 칸 묶음 */
.kv-cells > div { min-width: 120px; padding: 10px 14px; background: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-md); } /* 칸 하나(흰 카드 — 페이지 바탕과 구분) */
.kv-cells dt { font-size: var(--fs-xs); color: var(--color-ink-2); }                       /* 이름(위, 작게) */
.kv-cells dd { margin: 2px 0 0; font-size: var(--fs-md); font-weight: 700; font-variant-numeric: tabular-nums; } /* 값(아래, 굵게) */
.path-lead { margin: 0 0 6px; font-size: var(--fs-sm); font-weight: 600; line-height: 1.6; } /* 응시자격 카드 머리 문장("다음 각 호의 자격이 있는 자가…") */
.path ul + .path-lead, .path .more-years + .path-lead { margin-top: 14px; }                 /* 카드 안 다음 부분(■ 소제목 등)은 위를 띄움 */
.path ul { line-height: 1.6; }                                                              /* 긴 법 조문 항목 줄 간격 */
.path .more-years { margin-top: 10px; }                                                     /* 카드 안 더 보기 */

/* ---------- 종목 페이지 합격률 표·등급 사다리(2026-11-06 휴대폰 점검) ---------- */
.rate-cell b { display: block; font-size: var(--fs-md); }                                 /* 합격률(굵게) */
.rate-cell small { display: block; font-size: var(--fs-xs); color: var(--color-ink-2); font-weight: 400; white-space: nowrap; } /* 그 아래 응시 인원 */
.rate-cell.hl b { color: var(--color-accent); }                                             /* 최근 해 강조 */
.empty-note { padding: var(--sp-4); background: var(--color-surface); border: 1px dashed var(--color-line); border-radius: var(--radius-md); font-size: var(--fs-sm); color: var(--color-ink-2); } /* 회차가 없을 때 안내(2026-11-06) */

/* ---------- 시험 용어 풀이(2026-11-06, public/glossary.js): 처음 나오는 용어에 점선 밑줄, 올리거나 누르면 말풍선 ---------- */
.term { position: relative; border-bottom: 1px dashed var(--color-accent); cursor: help; outline: none; } /* 점선 밑줄 */
.term::after { content: attr(data-def); display: none; position: absolute; z-index: 6; top: calc(100% + 6px); left: 0; width: max-content; max-width: min(260px, 70vw); white-space: normal; font-size: var(--fs-xs); font-weight: 400; line-height: 1.6; color: var(--color-ink); background: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-sm); box-shadow: 0 6px 18px rgba(0,0,0,.12); padding: 8px 10px; text-align: left; } /* 말풍선 */
.term.open::after, .term:focus-visible::after { display: block; }                           /* 누르거나(.open, glossary.js) 키보드로 고르면 */
@media (hover: hover) { .term:hover::after { display: block; } }                            /* 마우스 올림(마우스 있는 기기만) */

/* 칩 줄 이름표(2026-11-06 운영자 "전체 중분야가 무슨 말이야?"): 줄 앞에 "등급"·"분야"·"세부 분야", 칩은 그냥 "전체" */
.ef-row { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }               /* 이름표 + 칩 줄(칩이 두 줄로 접혀도 이름표는 첫 줄에) */
.ef-row > .ef-chips { flex: 1; min-width: 0; }                                              /* 칩 줄은 남은 폭(휴대폰은 그 안에서 옆으로 넘김) */
.ef-label { flex: none; width: 4.5em; padding-top: 6px; font-size: var(--fs-xs); font-weight: 700; color: var(--color-ink-2); } /* 이름표(같은 폭으로 줄 맞춤, 칩 글자 높이에 맞춤) */
@media (max-width: 599px) { .ef-row { flex-direction: column; gap: 4px; } .ef-label { padding-top: 0; } .ef-row > .ef-chips { width: 100%; } } /* 휴대폰: 이름표 위, 칩 한 줄 옆으로 넘김 */

/* ---------- 2026-11-07 UX 점검(접근성·휴대폰) ---------- */
:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 2px; }              /* 키보드로 고른 곳은 어디서나 노란 테두리(WCAG 2.4.7) — 마우스 클릭엔 안 보임 */
.skip-link { position: absolute; left: -9999px; top: 8px; z-index: 100; padding: 10px 14px; background: var(--color-ink); color: #fff; border-radius: var(--radius-md); font-weight: 700; text-decoration: none; } /* "본문으로 건너뛰기"(WCAG 2.4.1): 평소엔 화면 밖 */
.skip-link:focus { left: 8px; }                                                             /* Tab으로 오면 왼쪽 위에 나타남 */
.block-nav.mobile-only { position: sticky; top: var(--header-h); z-index: 5; background: var(--color-bg); margin: 0 calc(-1 * var(--gutter)); padding: 8px var(--gutter) 6px; } /* 종목 페이지 휴대폰 목차: 머리 아래에 붙어 따라옴(긴 페이지에서 블록 이동) */
.cal-head { display: flex; align-items: center; justify-content: space-between; gap: 8px 12px; flex-wrap: wrap; } /* 달력 머리: 월 이름 + 버튼 묶음 */
.cal-head .cal-nav { display: flex; gap: 6px; flex: none; }                                 /* 이전달·오늘·다음달은 늘 한 줄 */
.cal-head .cal-nav .btn { white-space: nowrap; }
.cell .v small.next-year { display: block; margin-top: 2px; font-size: var(--fs-xs); font-weight: 400; color: var(--color-ink-2); } /* "올해 남은 접수 없음" 밑 내년 안내 */

/* ---------- 블록 제목의 부제(2026-11-07 운영자 "응시자격 — 네 갈래…"의 ' — '가 이상함) ---------- */
.block > h2 { flex-wrap: wrap; }                                                            /* 부제가 다음 줄로 내려갈 수 있게 */
.block > h2 .sub { flex-basis: 100%; margin-left: calc(var(--fs-sm) * 1.25 + 10px); font-size: var(--fs-sm); font-weight: 500; color: var(--color-ink-2); } /* 제목 아래 작은 회색 줄, 번호 폭만큼 들여쓰기(번호 "01" + 10px 간격) */

/* 앵커 이동 위치(2026-11-07): 휴대폰 목차(sticky, 54px)가 있는 좁은 화면에서는 제목이 그 밑에 숨지 않게 여백을 더 둠 */
@media (max-width: 899px) { body:has(.block-nav.mobile-only) [id] { scroll-margin-top: calc(var(--header-h) + 54px + 12px); } }

/* ---------- 종목 페이지 상태 카드: 합격률 막대 · 응시료 합계(2026-11-07 운영자 "C 막대") ---------- */
.status-grid .rate-cell .bar { display: grid; grid-template-columns: 2.4em 1fr auto; align-items: center; gap: 8px; } /* 단계 이름 · 막대 · 숫자 */
.status-grid .rate-cell .bar + .bar { margin-top: 6px; }
.status-grid .rate-cell .ph { font-size: var(--fs-xs); font-weight: 600; color: var(--color-ink-2); } /* 필기·실기 */
.status-grid .rate-cell .track { height: 8px; background: var(--color-line); border-radius: 999px; overflow: hidden; } /* 막대 바탕 = 100% */
.status-grid .rate-cell .fill { display: block; height: 100%; border-radius: 999px; background: var(--color-accent); } /* 필기: 파랑(길이 = 합격률 %) */
.status-grid .rate-cell .fill.prac { background: #D97A22; }                                /* 실기: 주황(04 합격률 그래프와 같은 짝) */
.status-grid .rate-cell .num { font-family: var(--font-num); font-size: var(--fs-md); font-weight: 800; font-variant-numeric: tabular-nums; }
.status-grid .fee-cell .total { font-family: var(--font-num); font-size: var(--fs-lg); font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.2; } /* 합계 크게 */
.status-grid .fee-cell .total small { font-size: 0.7em; font-weight: 700; }
.status-grid .fee-cell .parts { font-size: var(--fs-xs); color: var(--color-ink-2); margin-top: 2px; } /* 필기 19,400원 · 실기 22,600원 */

/* ---------- 응시자격 "제한 없음"(2026-11-07): 빈 카드 대신 초록 표시 + 한 문장 ---------- */
.elig-open { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding: 14px 16px; background: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-md); } /* 흰 카드 그대로(왼쪽 초록 띠는 뺌 — 2026-11-07 운영자 "깔끔하게") */
.elig-open .dday { flex: none; }
.elig-open p { margin: 0; font-size: var(--fs-sm); }
.elig-open .note { color: var(--color-ink-2); }                                            /* 괄호 속 단서는 흐리게 */

/* ---------- 자료 출처 표(2026-11-07 운영자 "글씨 정렬이 안 맞음"): 항목 이름은 왼쪽 정렬·회색, 값은 그 옆 ---------- */
table.src { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
table.src th, table.src td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--color-line); }
table.src th { width: 12em; font-weight: 600; color: var(--color-ink-2); white-space: nowrap; }  /* 항목 이름 열: 같은 폭으로 줄 맞춤 */
table.src tr:last-child th, table.src tr:last-child td { border-bottom: 0; }
@media (max-width: 599px) { table.src th { width: 8.5em; white-space: normal; } }               /* 휴대폰: 이름 열을 좁히고 줄바꿈 허용 */
.name-list.orgs { line-height: 2.2; }                                                             /* 다른 기관 이름 목록: 줄 간격 넉넉히 */

/* ── 종목 페이지 "분석" 글(2026-11-08 운영자 C안: 기본은 전부 접고, 소제목을 누르면 그 자리에서 펼침) ── */
.analysis { margin-top: 14px; max-width: 68ch; }                                                 /* 표 아래 조용한 본문 글, 읽기 좋은 폭 */
.analysis.summary { margin-top: 4px; }                                                           /* 제목 아래 요약은 위 여백만 살짝 */
.analysis summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; min-height: 32px; font-size: var(--fs-xs); font-weight: 700; color: var(--color-ink-2); letter-spacing: .02em; } /* 소제목이 곧 여닫이(터치 32px) */
.analysis summary::-webkit-details-marker { display: none; }                                     /* 브라우저 기본 삼각형 숨김 */
.analysis summary::before { content: "▸"; font-size: 11px; transition: transform .15s; }         /* 접힘 표시 */
.analysis[open] summary { margin-bottom: 4px; }                                                   /* 펼쳐도 소제목은 남김 */
.analysis[open] summary::before { transform: rotate(90deg); }                                     /* 펼치면 화살표가 아래로 */
.analysis summary:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; border-radius: 4px; } /* 키보드 포커스 */
.analysis p { margin: 0 0 10px; font-size: var(--fs-sm); line-height: 1.75; color: var(--color-ink); } /* 문단 */
.analysis p:last-child { margin-bottom: 0; }
.analysis-note { margin-top: 28px; font-size: var(--fs-xs); color: var(--color-ink-2); line-height: 1.6; } /* 페이지 끝 한 줄(접지 않음) */

/* ── E4 바탕(2026-11-08 운영자): 바탕 흰색·카드 크림으로 바뀌면서 카드 밖에 바로 놓이던 것들도 카드색 상자로 ── */
.wrow { background: var(--color-surface); border: 0; border-radius: 10px; padding: 10px 14px; margin-bottom: 6px; } /* 직업·임금 줄마다 상자(선 구분 대신) */
.waxis { padding: 0 14px; }                                                                         /* 눈금 줄도 상자 안쪽 여백에 맞춤 */
.exam-areas { background: var(--color-surface); }                                                   /* 실기 평가 영역 상자(예전 바탕색 → 카드색, 바탕이 흰색이라 안 보였음) */

/* ── 허브 "시험일정 달력" 카드(2026-11-08 운영자 "달력 이모티콘 넣든가 꾸며야"): 점선 빈 칸 대신 아이콘 + 두 줄, 강조색 연한 바탕 ── */
.live-more { flex: 0 0 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 14px 12px; text-align: center; text-decoration: none; color: var(--color-accent); background: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-lg); transition: transform .12s, box-shadow .12s; } /* 다른 마감 카드와 같은 흰 카드, 아이콘·제목만 강조색(운영자 "하늘색 바탕 이상" → 뺌) */
.live-more:hover, .live-more:focus-visible { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,.08); } /* 올리면 살짝 뜸 */
.live-more-ico { width: 30px; height: 30px; }                                                      /* 달력 아이콘 */
.live-more b { font-size: var(--fs-sm); font-weight: 700; line-height: 1.2; }                      /* 제목 줄 */
.live-more span { font-size: var(--fs-xs); font-weight: 500; color: var(--color-ink-2); line-height: 1.3; } /* 설명 줄 */

/* ── 휴대폰 위 고정 목차 칩의 "지금 보는 블록" 표시(2026-11-08 운영자 "눌러도 색이 그대로"): 필터 칩의 고른 상태와 같은 꼴 ── */
.block-nav.mobile-only a[aria-current="true"] { background: var(--color-accent); border-color: var(--color-accent); color: var(--color-accent-ink, #fff); } /* 파란 칩 + 흰 글자 */