/* Topic map — site brand: navy/gold/Outfit on cream */
.tm-hero{background:linear-gradient(135deg,#1B3A6B 0%,#0D1F3C 100%);padding:calc(var(--nav-height) + 50px) 0 60px;color:#fff;position:relative;overflow:hidden;}
.tm-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,0.04) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;}
.tm-hero__inner{max-width:1100px;margin:0 auto;padding:0 24px;position:relative;}
.tm-hero .crumbs{font-size:13px;color:rgba(255,255,255,0.6);letter-spacing:0.04em;margin-bottom:14px;}
.tm-hero .crumbs a{color:rgba(255,255,255,0.75);text-decoration:underline;}
.tm-hero .eyebrow{color:var(--gold);}
.tm-hero h1{font-size:clamp(28px,4.4vw,48px);font-weight:800;margin:8px 0 14px;letter-spacing:-0.02em;line-height:1.1;}
.tm-hero h1 span{color:var(--gold);}
.tm-hero p.lede{font-size:17px;color:rgba(255,255,255,0.82);max-width:780px;line-height:1.65;margin:0;}
.tm-hero__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:26px;max-width:760px;}
.tm-stat{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:14px 18px;}
.tm-stat .num{font-size:24px;font-weight:800;color:var(--gold);line-height:1;}
.tm-stat .lab{font-size:11.5px;color:rgba(255,255,255,0.7);letter-spacing:0.04em;text-transform:uppercase;margin-top:5px;}

.tm-shell{background:#FAF7F0;padding:48px 0 80px;min-height:60vh;}
.tm-inner{max-width:1200px;margin:0 auto;padding:0 24px;}

/* Controls */
.tm-controls{background:#fff;border:1px solid rgba(27,58,107,0.08);border-radius:14px;padding:20px 22px;margin-bottom:22px;display:grid;grid-template-columns:1fr;gap:16px;box-shadow:0 2px 12px rgba(13,31,60,0.04);}
@media(min-width:1000px){.tm-controls{grid-template-columns:1fr auto;align-items:start;}}
.tm-legend{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.tm-legend__item{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#3d4f65;cursor:pointer;padding:5px 12px 5px 8px;border-radius:18px;border:1px solid transparent;transition:all 0.15s;background:#FAF7F0;}
.tm-legend__item:hover{border-color:rgba(27,58,107,0.18);background:#fff;}
.tm-legend__item.muted{opacity:0.4;}
.tm-legend__dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;display:inline-block;}
.tm-controls__hint{grid-column:1/-1;font-size:12.5px;color:#7a8597;line-height:1.6;border-top:1px solid rgba(27,58,107,0.06);padding-top:14px;}
.tm-controls__hint strong{color:var(--navy-deep);font-weight:700;}
.tm-buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.tm-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:7px;font-size:12px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;background:var(--navy-deep);color:#fff;border:0;cursor:pointer;font-family:inherit;transition:background 0.15s,color 0.15s;}
.tm-btn:hover{background:var(--navy);}
.tm-btn--ghost{background:transparent;color:var(--navy-deep);border:1px solid rgba(27,58,107,0.18);}
.tm-btn--ghost:hover{background:var(--navy-deep);color:#fff;border-color:var(--navy-deep);}
.tm-btn svg{width:12px;height:12px;}
.tm-search{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:7px;border:1px solid rgba(27,58,107,0.18);background:#fff;}
.tm-search input{border:0;outline:0;background:transparent;font-family:inherit;font-size:13px;color:var(--navy-deep);width:160px;}
.tm-search svg{width:14px;height:14px;color:#7a8597;flex-shrink:0;}

/* SVG canvas */
.tm-canvas-wrap{position:relative;width:100%;height:clamp(560px,72vh,760px);background:#fff;border:1px solid rgba(27,58,107,0.08);border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgba(13,31,60,0.05);}
#topic-map{width:100%;height:100%;display:block;cursor:grab;}
#topic-map:active{cursor:grabbing;}
#topic-map .link{stroke-linecap:round;}
#topic-map .node{cursor:pointer;transition:filter 0.2s;}
#topic-map .node circle{transition:stroke-width 0.15s,filter 0.15s;}
#topic-map .node:hover circle{stroke-width:3;filter:drop-shadow(0 4px 14px rgba(13,31,60,0.25));}
#topic-map .node text{font-family:Outfit,sans-serif;font-weight:600;pointer-events:none;user-select:none;}
#topic-map .node.dim{opacity:0.18;}
#topic-map .link.dim{opacity:0.05;}
#topic-map .link.highlight{stroke:#F0A500 !important;stroke-opacity:0.85 !important;}

/* Tooltip */
#tm-tooltip{position:absolute;pointer-events:none;background:#fff;border:1px solid rgba(27,58,107,0.12);border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.55;max-width:260px;color:#1a2540;box-shadow:0 8px 26px rgba(13,31,60,0.15);opacity:0;transform:translateY(-4px);transition:opacity 0.18s,transform 0.18s;z-index:5;font-family:Outfit,sans-serif;}
#tm-tooltip.show{opacity:1;transform:translateY(0);}
#tm-tooltip .tt-cluster{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:3px 9px;border-radius:11px;margin-bottom:8px;}
#tm-tooltip h4{font-size:15px;font-weight:800;color:var(--navy-deep);margin:0 0 4px;}
#tm-tooltip .tt-syllabus{font-size:11.5px;color:#5a6178;letter-spacing:0.02em;margin-bottom:8px;}
#tm-tooltip .tt-stats{display:flex;gap:14px;font-size:12px;color:#3d4f65;margin-bottom:8px;}
#tm-tooltip .tt-stats strong{color:var(--navy);font-weight:700;}
#tm-tooltip .tt-cta{font-size:11.5px;color:var(--gold);font-weight:700;letter-spacing:0.04em;text-transform:uppercase;margin-top:6px;}

/* Insight panel — appears below the canvas with the most-connected pairs */
.tm-insight{margin-top:20px;background:#fff;border:1px solid rgba(27,58,107,0.08);border-radius:14px;padding:22px 24px;box-shadow:0 2px 12px rgba(13,31,60,0.04);}
.tm-insight h2{color:var(--navy-deep);font-size:18px;font-weight:800;margin:0 0 6px;}
.tm-insight p{color:#5a6178;font-size:13.5px;line-height:1.6;margin:0 0 14px;}
.tm-insight__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;}
.tm-insight__pair{background:#FAF7F0;border-left:3px solid var(--gold);border-radius:0 8px 8px 0;padding:12px 14px;}
.tm-insight__pair__t{font-size:13px;font-weight:700;color:var(--navy-deep);margin-bottom:4px;}
.tm-insight__pair__t a{color:inherit;text-decoration:none;}
.tm-insight__pair__t a:hover{color:var(--navy);}
.tm-insight__pair__t .arrow{color:var(--gold);font-weight:700;margin:0 5px;}
.tm-insight__pair__weight{font-size:10.5px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#8c5a00;background:rgba(240,165,0,0.12);padding:2px 7px;border-radius:9px;display:inline-block;margin-bottom:5px;}
.tm-insight__pair__ctx{font-size:12.5px;color:#5a6178;line-height:1.55;margin:0;}

/* Mobile fallback list — shown only on small screens */
.tm-list{display:none;}
@media(max-width:760px){
  .tm-canvas-wrap{display:none;}
  .tm-list{display:block;background:transparent;}
  .tm-controls{display:none;}
}
.tm-list__cluster{background:#fff;border:1px solid rgba(27,58,107,0.08);border-radius:12px;margin-bottom:14px;overflow:hidden;box-shadow:0 2px 10px rgba(13,31,60,0.04);}
.tm-list__cluster summary{cursor:pointer;list-style:none;padding:16px 20px;font-size:15px;font-weight:800;color:var(--navy-deep);display:flex;align-items:center;justify-content:space-between;gap:10px;}
.tm-list__cluster summary::-webkit-details-marker{display:none;}
.tm-list__cluster summary::after{content:'＋';color:var(--gold);font-weight:700;font-size:18px;}
.tm-list__cluster[open] summary::after{content:'−';}
.tm-list__cluster__dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;}
.tm-list__cluster__head{display:flex;align-items:center;gap:10px;}
.tm-list__cluster__count{font-size:11px;color:#7a8597;font-weight:600;letter-spacing:0.04em;}
.tm-list__items{padding:0 8px 12px;list-style:none;}
.tm-list__item{padding:11px 14px;border-radius:8px;text-decoration:none;color:#1a2540;display:flex;flex-direction:column;gap:3px;}
.tm-list__item:hover{background:#FAF7F0;}
.tm-list__item__name{font-size:14px;font-weight:700;color:var(--navy-deep);}
.tm-list__item__meta{font-size:11.5px;color:#5a6178;}
.tm-list__item__meta strong{color:var(--navy);}

/* Footer CTA */
.tm-cta{background:linear-gradient(135deg,#0D1F3C,#1B3A6B);color:#fff;padding:42px 0;margin-top:30px;border-radius:14px;}
.tm-cta__inner{max-width:780px;margin:0 auto;padding:0 24px;text-align:center;}
.tm-cta h2{color:var(--gold);font-size:clamp(20px,2.4vw,28px);font-weight:800;margin:0 0 10px;}
.tm-cta p{color:rgba(255,255,255,0.82);font-size:15px;line-height:1.65;margin:0 0 18px;}
.tm-cta__btns{display:inline-flex;flex-wrap:wrap;gap:10px;justify-content:center;}

@media(max-width:880px){
  .tm-hero{padding:calc(var(--nav-height) + 30px) 0 40px;}
  .tm-hero__inner{padding:0 18px;}
  .tm-hero h1{font-size:clamp(24px,6vw,32px);}
  .tm-hero p.lede{font-size:14.5px;}
  .tm-shell{padding:32px 0 60px;}
  .tm-inner{padding:0 18px;}
  .tm-cta{padding:32px 0;}
}