.topic-hub-g13 .kp-g13-main { background: var(--paper); }
.topic-hub-g13 .kp-g13-hero { padding: clamp(4.5rem, 8vw, 8rem) 0 clamp(3.5rem, 6vw, 6rem); background: linear-gradient(135deg, #eee7dc 0%, #ddd4c6 68%, #f36b22 160%); border-bottom: 1px solid var(--line); }
.topic-hub-g13 .kp-g13-hero--dark { color: var(--white); background: radial-gradient(circle at 82% 18%, rgba(243,107,34,.28), transparent 30%), #171717; }
.topic-hub-g13 .kp-g13-hero--dark .breadcrumb a,
.topic-hub-g13 .kp-g13-hero--dark .breadcrumb span,
.topic-hub-g13 .kp-g13-hero--dark .lede { color: #e9e3da; }
.topic-hub-g13 .kp-g13-hero__grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: clamp(2rem, 7vw, 7rem); align-items: end; margin-top: clamp(2rem, 5vw, 5rem); }
.topic-hub-g13 .kp-g13-hero h1 { max-width: 12ch; margin: .45rem 0 1.25rem; font: 800 clamp(3.4rem, 7.4vw, 7.2rem)/.86 "Barlow Condensed", Impact, sans-serif; letter-spacing: -.035em; text-transform: uppercase; }
.topic-hub-g13 .kp-g13-hero .lede { max-width: 720px; font-size: clamp(1.1rem, 1.7vw, 1.35rem); line-height: 1.55; }
.topic-hub-g13 .kp-g13-snapshot { display: grid; gap: .8rem; padding: clamp(1.5rem, 3vw, 2.5rem); color: var(--white); background: var(--ink); border-top: 6px solid var(--orange); box-shadow: 18px 18px 0 rgba(17,17,17,.09); }
.topic-hub-g13 .kp-g13-hero--dark .kp-g13-snapshot { color: var(--ink); background: var(--paper); box-shadow: 18px 18px 0 rgba(243,107,34,.18); }
.topic-hub-g13 .kp-g13-snapshot > span { color: var(--orange); font: 700 .78rem/1 "Barlow", sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.topic-hub-g13 .kp-g13-snapshot strong { padding-bottom: .75rem; font: 700 1.3rem/1.08 "Barlow", sans-serif; border-bottom: 1px solid rgba(255,255,255,.18); }
.topic-hub-g13 .kp-g13-hero--dark .kp-g13-snapshot strong { border-color: var(--line); }
.topic-hub-g13 .kp-g13-snapshot p { margin: .35rem 0 0; color: inherit; line-height: 1.55; opacity: .78; }
.topic-hub-g13 .kp-g13-answer { padding-top: clamp(2.5rem, 5vw, 5rem); padding-bottom: 0; }
.topic-hub-g13 .kp-g13-answer .answer-box { max-width: 1040px; margin: 0; padding: clamp(1.5rem, 3vw, 2.5rem); }
.topic-hub-g13 .kp-g13-answer .answer-box p { font-size: clamp(1.15rem, 1.8vw, 1.45rem); line-height: 1.55; }
.topic-hub-g13 .kp-g13-library { padding-top: clamp(4rem, 7vw, 7rem); }
.topic-hub-g13 .kp-g13-next { background: #e6dfd4; border-top: 1px solid var(--line); }
.topic-hub-g13 .kp-g13-paths { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin-top: 2rem; padding: 1px; background: var(--line); }
.topic-hub-g13 .kp-g13-paths a { min-height: 180px; display: flex; flex-direction: column; justify-content: space-between; gap: 2rem; padding: 1.5rem; color: var(--ink); background: var(--white); text-decoration: none; transition: transform .2s ease, background-color .2s ease, color .2s ease; }
.topic-hub-g13 .kp-g13-paths a:hover,
.topic-hub-g13 .kp-g13-paths a:focus-visible { color: var(--white); background: var(--ink); transform: translateY(-4px); }
.topic-hub-g13 .kp-g13-paths span { color: var(--orange-dark); font: 700 .76rem/1 "Barlow", sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.topic-hub-g13 .kp-g13-paths strong { font: 700 1.3rem/1.1 "Barlow", sans-serif; }
.kp-g13-topic-return { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin: 0 0 2rem; padding: 1rem 1.15rem; color: var(--ink); background: #eee7dc; border-left: 4px solid var(--orange); }
.kp-g13-topic-return span { color: var(--muted); }
.kp-g13-topic-return a { flex: 0 0 auto; font-weight: 750; }

@media (max-width: 980px) {
  .topic-hub-g13 .kp-g13-hero__grid { grid-template-columns: 1fr; align-items: start; }
  .topic-hub-g13 .kp-g13-snapshot { max-width: 620px; }
  .topic-hub-g13 .kp-g13-paths { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .topic-hub-g13 .kp-g13-hero { padding-top: 3rem; }
  .topic-hub-g13 .kp-g13-hero h1 { font-size: clamp(3.1rem, 15vw, 5rem); }
  .topic-hub-g13 .kp-g13-hero .button-row { align-items: stretch; }
  .topic-hub-g13 .kp-g13-hero .button-row .btn { width: 100%; justify-content: center; }
  .topic-hub-g13 .kp-g13-paths { grid-template-columns: 1fr; }
  .topic-hub-g13 .kp-g13-paths a { min-height: 132px; }
  .kp-g13-topic-return { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .topic-hub-g13 .kp-g13-paths a { transition: none; }
  .topic-hub-g13 .kp-g13-paths a:hover,
  .topic-hub-g13 .kp-g13-paths a:focus-visible { transform: none; }
}