/* Module navigation and hero metadata. Practice/workspace styling stays local. */
.kn-subnav { background:var(--tam-ivory); border-bottom:1px solid var(--tam-border); position:relative; z-index:20; }
.kn-subnav-inner { width:min(calc(100% - 48px),var(--tam-page-max)); margin:auto; display:flex; align-items:center; justify-content:center; gap:8px; padding:8px 0; overflow-x:auto; flex-wrap:nowrap; scrollbar-width:thin; }
.kn-tab { flex:0 0 auto; display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:8px 14px; color:var(--tam-muted); font:600 12px/1.4 var(--tam-font-body); border-bottom:2px solid transparent; text-decoration:none; white-space:nowrap; }
.kn-tab:hover, .kn-tab.active { color:var(--tam-maroon); background:var(--tam-cream); border-bottom-color:var(--tam-gold); border-radius:8px 8px 0 0; }
.kn-tab-icon { font-size:14px; }
.kn-breadcrumb-bar { background:var(--tam-ivory); border-bottom:1px solid var(--tam-border); padding:7px 0; }
.kn-breadcrumb-bar > .container { width:min(calc(100% - 48px),var(--tam-page-max)); max-width:none; padding:0; }
.kn-breadcrumb-list { display:flex; flex-wrap:wrap; gap:6px; align-items:center; list-style:none; margin:0; padding:0; font:400 12px/1.5 var(--tam-font-body); }
.kn-breadcrumb-list li { display:flex; gap:6px; color:var(--tam-muted); }
.kn-breadcrumb-list a { color:var(--tam-maroon); text-decoration:none; }
.kn-bc-active { font-weight:600; }
.kn-breadcrumb-sep { color:var(--tam-gold); }
.tam-inner-hero .hero-stats-row { display:inline-flex; flex-wrap:wrap; justify-content:center; margin-top:20px; overflow:hidden; border:1px solid var(--tam-border); border-radius:var(--tam-radius-sm); background:var(--tam-ivory); box-shadow:0 5px 18px rgba(91,47,25,.06); }
.tam-inner-hero .hero-stat { padding:10px 24px; min-width:150px; }
.tam-inner-hero .hero-stat-my { background:var(--tam-maroon); }
.tam-inner-hero .hero-stat-global { background:var(--tam-ivory); }
.tam-inner-hero .hero-stat-num { display:block; font:700 26px/1.2 var(--tam-font-display); }
.tam-inner-hero .hero-stat-global .hero-stat-num { color:var(--tam-maroon); }
.tam-inner-hero .hero-stat-lbl { font:500 11px/1.4 var(--tam-font-body); letter-spacing:0; }
.tam-inner-hero .hero-stat-global .hero-stat-lbl { color:var(--tam-muted); }
.tam-inner-hero .hero-stat-my .hero-stat-num, .tam-inner-hero .hero-stat-my .hero-stat-lbl { color:var(--tam-ivory); }
.tam-inner-hero .lb-badge { margin-top:18px; padding:8px 18px; background:var(--tam-ivory); color:var(--tam-maroon); border:1px solid var(--tam-border); border-radius:var(--tam-radius-sm); box-shadow:none; font:600 12px/1.5 var(--tam-font-body); }
.tam-inner-hero .qa-btn { color:var(--tam-maroon)!important; background:var(--tam-ivory)!important; border:1px solid var(--tam-border)!important; font-family:var(--tam-font-body); }
.tam-inner-hero .qa-btn.filled { color:var(--tam-ivory)!important; background:var(--tam-maroon)!important; }
@media(max-width:767px) { .kn-subnav-inner { width:calc(100% - 28px); justify-content:flex-start; gap:4px; } .kn-tab { padding:8px 10px; } .kn-breadcrumb-bar > .container { width:calc(100% - 28px); } .tam-inner-hero .hero-stat { padding:10px 16px; min-width:140px; } }