.growth-entry { margin: 18px 0 26px; padding: 22px 0; border-bottom: 1px solid var(--rule, #cbd3de); }
.growth-kicker { color: var(--case, #3159d8); font-size: .75rem; font-weight: 600; margin: 0 0 7px; }
.growth-entry h2, .growth-related h2 { font-family: "Gowun Batang", serif; color: var(--ink, #17212b); font-size: clamp(1.2rem,3vw,1.55rem); line-height: 1.6; margin: 0 0 12px; word-break: keep-all; text-wrap: balance; }
.growth-answer { color: var(--ink-2, #333c46); font-size: 1rem; line-height: 1.9; word-break: keep-all; overflow-wrap: anywhere; }
.growth-jumps { display: flex; flex-wrap: wrap; gap: 4px 20px; margin: 14px 0 7px; }
.growth-jumps a { display: inline-flex; align-items: center; min-height: 44px; color: var(--ink, #17212b); font-size: .84rem; text-underline-offset: 5px; }
.growth-guide summary { min-height: 44px; display: list-item; align-content: center; cursor: pointer; color: var(--muted, #5d6874); font-size: .82rem; }
.growth-guide > p { color: var(--muted, #5d6874); font-size: .84rem; line-height: 1.8; margin: 12px 0; }
.growth-guide a { color: var(--ink, #17212b); }
.growth-guide .reading-layers { margin: 12px 0; }
.growth-related { margin: 36px 0; }
.growth-related-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.growth-related-card { display: flex; flex-direction: column; padding: 22px; border: 1px solid var(--rule-2, #bfc7d1); background: var(--panel, #fcfdfe); color: var(--ink, #17212b); text-decoration: none; min-width: 0; }
.growth-related-card h3, .growth-related-card h2 { font-family: "Gowun Batang",serif; font-size: 1.15rem; line-height: 1.6; margin: 9px 0 12px; word-break: keep-all; }
.growth-related-card p { font-size: .87rem; line-height: 1.85; color: var(--ink-2,#333c46); margin: 0 0 16px; word-break: keep-all; }
.growth-work { font-size: .76rem; color: var(--muted,#5d6874); }
.growth-read { margin-top: auto; font-size: .82rem; text-decoration: underline; text-underline-offset: 5px; }
.growth-related-card:hover { border-color: var(--case,#3159d8); }
.growth-entry a:focus-visible, .growth-guide summary:focus-visible, .growth-related-card:focus-visible { outline: 2px solid var(--case,#3159d8); outline-offset: 4px; }
.growth-review { font-size: .73rem; color: var(--muted,#5d6874); padding: 12px 0; border-bottom: 1px dashed var(--rule-2,#bfc7d1); }
.growth-review a { color: inherit; margin-left: 8px; }
.growth-index { background: #eef1f4; color: #17212b; font-family: "Apple SD Gothic Neo",system-ui,sans-serif; margin: 0; padding: 40px 24px; line-height: 1.8; }
.growth-index main { max-width: 920px; margin: auto; }
.growth-index a { color: #263f78; text-underline-offset: 4px; }
.growth-index .growth-related-card { color: #17212b; }
.topic-entry { display:flex; flex-wrap:wrap; align-items:center; gap:4px 18px; padding:8px 0; margin:8px 0; border-bottom:1px solid var(--rule,#cbd3de); font-size:.82rem; color:var(--muted,#5d6874); }
.topic-entry a { min-height:44px; display:inline-flex; align-items:center; color:var(--ink,#17212b); text-underline-offset:4px; }
.growth-index h1 { font-size: clamp(1.7rem,4vw,2.5rem); line-height: 1.5; }
.growth-index .growth-related-grid { margin: 28px 0; }
@media(max-width:600px) {
  .growth-entry { padding: 14px 0 18px; margin: 12px 0 20px; }
  .growth-related-grid { grid-template-columns: minmax(0,1fr); }
  .growth-related-card { padding: 20px; }
  .growth-jumps { column-gap: 16px; }
  .growth-guide .reading-layers { display: grid; grid-template-columns: minmax(0,1fr); grid-auto-flow: row; overflow: visible; }
}