/* 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; } }

/* Shared social-link strip used by the Koti Namam landing and chant pages. */
.share-strip {
    position: fixed;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 200;
}
.share-strip-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: transform .15s, box-shadow .15s;
    box-shadow: 0 2px 8px rgba(0,0,0,.18);
}
.share-strip-btn:hover { transform:scale(1.13); box-shadow:0 4px 16px rgba(0,0,0,.25); }
.ssb-copy { background:#546e7a; color:#fff; }
.ssb-wa { background:#25D366; color:#fff; }
.ssb-fb { background:#1877F2; color:#fff; }
.ssb-ig { background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%); color:#fff; }
.ssb-pin { background:#E60023; color:#fff; }
.ssb-x { background:#111; color:#fff; }
.ssb-copy.copied { background:#27ae60; }
@media (max-width:768px) {
    .share-strip { right:auto; top:auto; bottom:16px; left:50%; transform:translateX(-50%); flex-direction:row; background:rgba(255,250,243,.95); border-radius:50px; padding:6px 10px; box-shadow:0 4px 20px rgba(0,0,0,.15); gap:6px; }
    .share-strip-btn { width:36px; height:36px; box-shadow:none; }
}