/* 16_insights — 스포츠의학 가이드 전용 스타일 (토큰 변수만 사용) */
.guide-hub { max-width: 860px; }
.topic-chips ul { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.topic-chips a, .topic-chips .is-empty { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 8px 16px; border: 1px solid var(--line); border-radius: var(--radius-pill); color: var(--ink); text-decoration: none; font-size: 15px; }
.topic-chips a:hover { border-color: var(--tape-deep); color: var(--tape-deep); }
.topic-chips a[aria-current="page"] { background: var(--ink); border-color: var(--ink); color: var(--white); }
.topic-chips .is-empty { color: var(--ink-muted); background: var(--paper); }
.topic-chips__n { font-size: 13px; color: var(--ink-muted); }
.topic-chips a[aria-current="page"] .topic-chips__n { color: var(--skin); }

.guide-list { list-style: none; }
.guide-list > li { border-top: 1px solid var(--line); }
.guide-list > li:last-child { border-bottom: 1px solid var(--line); }
.guide-item { display: grid; gap: 6px; padding: 20px 4px; color: var(--ink); text-decoration: none; }
.guide-item:hover .guide-item__title { color: var(--tape-deep); text-decoration: underline; }
.guide-item__title { font-size: 19px; font-weight: 600; line-height: 1.5; }
.guide-item__excerpt { color: var(--ink-soft); font-size: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.guide-item__meta { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 14px; color: var(--ink-muted); }

.guide-process { display: grid; gap: 12px; padding: 24px; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-md); }
.guide-process__steps { padding-left: 1.3em; display: grid; gap: 6px; }
.medical-disclaimer { padding: 14px 18px; border-left: 4px solid var(--skin); background: var(--skin-tint); color: var(--ink-soft); font-size: 15px; max-width: 760px; }

.guide-cta { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; padding: 24px; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-md); }
.guide-cta__item { display: grid; gap: 12px; align-content: start; }
.guide-cta__program { grid-column: 1 / -1; font-size: 15px; color: var(--ink-soft); }

.guide-article { max-width: 760px; display: grid; gap: var(--space-32); }
.guide-byline { display: grid; gap: 8px; font-size: 15px; color: var(--ink-soft); }
.guide-byline p { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.guide-byline a { color: var(--ink); }
.guide-takeaways { padding: 20px 24px; background: var(--tape-tint); border-radius: var(--radius-md); display: grid; gap: 10px; }
.guide-takeaways ul { padding-left: 1.2em; display: grid; gap: 6px; }
.guide-toc { display: grid; gap: 8px; padding: 16px 20px; border: 1px solid var(--line); border-radius: var(--radius-md); }
.guide-toc ol { padding-left: 1.3em; display: grid; gap: 4px; }
.guide-figure img { width: 100%; height: auto; border-radius: var(--radius-md); }
.guide-references ol { padding-left: 1.5em; display: grid; gap: 6px; font-size: 15px; color: var(--ink-soft); word-break: break-word; }
.author-box { display: grid; gap: 12px; padding: 24px; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-md); }
.author-box__inner { display: flex; gap: 20px; align-items: flex-start; }
.author-box__photo { width: 96px; height: auto; border-radius: var(--radius-sm); flex-shrink: 0; }
.author-box__creds { padding-left: 1.1em; color: var(--ink-soft); font-size: 15px; margin: 6px 0 10px; }
.author-box__reviewer { font-size: 15px; color: var(--ink-soft); }