/* 성장 보기 카드(역량 진단·준비 지식·필기 안내·합격 후) — 클래스 머리 .gr- (styles.css 의 토큰·부품을 재사용한다. 등장 애니메이션 없음) */
.gr-toggle { margin-top: 10px; }
.gr-gap { margin-top: 12px; }
.gr-h { margin: 18px 0 4px; font-size: 1rem; font-weight: 700; }
.gr-h4 { margin: 12px 0 2px; font-size: 0.93rem; font-weight: 700; color: var(--pink-8); }
.gr-h4 .plan-sub { font-weight: 500; }
.gr-list { margin: 6px 0 0; padding-left: 20px; font-size: 0.92rem; }
.gr-list > li { padding: 5px 0; overflow-wrap: anywhere; }
.gr-small { font-size: 0.8125rem; color: var(--gray-7); }
.gr-comps { list-style: none; padding-left: 0; }
.gr-comp { padding: 10px 0; border-bottom: 1px solid var(--gray-1); }
.gr-rate { min-width: 44px; min-height: 36px; padding: 6px 0; }
.gr-btns { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
/* '확인 필요'는 색이 아니라 글자와 테두리로 표시한다 */
.gr-verify { display: inline-block; padding: 0 6px; border: 1px solid #7a4a00; border-radius: var(--radius-sm); color: #7a4a00; font-size: 0.75rem; font-weight: 700; }
.gr-note { margin-top: 8px; padding: 8px 12px; border-radius: var(--radius-md); background: #fff4d6; color: #7a4a00; font-size: 0.86rem; }
.gr-topic { border-bottom: 1px solid var(--gray-1); padding-bottom: 6px; }
.gr-topic-btn { width: 100%; min-height: 44px; padding: 8px 0; border: none; background: transparent; color: var(--black); font-size: 0.95rem; font-weight: 700; text-align: left; cursor: pointer; }
.gr-topic-btn::after { content: " ＋"; color: var(--gray-6); }
.gr-topic-btn[aria-expanded="true"]::after { content: " －"; }
.gr-scroll { overflow-x: auto; margin-top: 8px; }
.gr-table { border-collapse: collapse; min-width: 520px; width: 100%; font-size: 0.86rem; }
.gr-table.gr-fit { min-width: 0; width: auto; margin-top: 6px; }
.gr-table caption { text-align: left; padding-bottom: 4px; }
.gr-table th, .gr-table td { padding: 8px; border-bottom: 1px solid var(--gray-2); text-align: left; vertical-align: top; }
.gr-table thead th { color: var(--gray-7); font-weight: 600; white-space: nowrap; }
.gr-narrow { max-width: 180px; }
/* 긴 한글·학교 이름·사용자 글이 360px 폭을 밀지 않게 */
.gr-comp, .gr-note, .gr-topic-btn, .gr-table th, .gr-table td { overflow-wrap: anywhere; }
.gr-table th[scope="row"] { min-width: 96px; }