/* ============================================================
   Maa Kushmanda (Nav Durga Day 4) — Page-specific styles
   Solar yellow / golden palette
   ============================================================ */
.ks-day-strip { background:linear-gradient(90deg,#fff8e0,#fff0b0,#fdf8e8); border-bottom:1px solid #e8d070; padding:10px 0; position:sticky; top:0; z-index:90; }
.ks-strip-inner { max-width:1080px; margin:0 auto; padding:0 24px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.ks-chip { width:32px; height:32px; border-radius:50%; background:#fff; border:1px solid #e8d070; color:#c8a000; font-family:var(--font-jakarta); font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; text-decoration:none; transition:background 0.2s,color 0.2s; }
.ks-chip:hover { background:#c8a000; color:#fff; border-color:#c8a000; }
.ks-chip-active { background:#c8a000 !important; color:#fff !important; border-color:#c8a000 !important; }
.ks-strip-label { margin-left:auto; font-family:var(--font-jakarta); font-size:12px; color:#5a3e00; }

.ks-tag { display:inline-flex; align-items:center; gap:6px; font-family:var(--font-jakarta); font-size:11px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:#c8a000; margin-bottom:14px; }
.ks-h2 { font-family:var(--font-garamond); font-size:clamp(28px,3.8vw,42px); font-weight:700; color:var(--text-brown-heading); line-height:1.15; margin-bottom:16px; }
.ks-lead { font-family:var(--font-jakarta); font-size:15px; color:var(--color-on-surface-variant); max-width:680px; margin:0 auto; line-height:1.7; }
.ks-badge { display:inline-flex; align-items:center; gap:7px; background:#fff; border:1px solid #e8d070; border-radius:999px; padding:8px 16px; font-family:var(--font-jakarta); font-size:12.5px; font-weight:500; color:#5a3e00; }

.ks-icon-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.ks-icon-card { background:#fff; border:1px solid #e8d898; border-radius:var(--radius-lg); box-shadow:0 4px 18px rgba(180,140,0,0.07); padding:24px 20px; text-align:center; transition:box-shadow 0.2s,transform 0.2s; }
.ks-icon-card:hover { box-shadow:0 8px 28px rgba(180,140,0,0.15); transform:translateY(-3px); }
.ks-icon-wrap { width:54px; height:54px; background:#fff8e0; border:1px solid #e8d070; border-radius:14px; display:flex; align-items:center; justify-content:center; margin:0 auto 14px; }
.ks-icon-title { font-family:var(--font-garamond); font-size:16px; font-weight:700; color:#5a3e00; margin-bottom:8px; }
.ks-icon-desc { font-family:var(--font-jakarta); font-size:12.5px; color:var(--color-on-surface-variant); line-height:1.65; }

.ks-verse-box { background:#fff8e0; border-left:4px solid #c8a000; border-radius:var(--radius-md); padding:28px 32px; margin:0 0 72px; }

.ks-creation-flow { display:flex; flex-direction:column; gap:0; }
.ks-cf-step { display:flex; gap:24px; background:#fff; border:1px solid #e8d898; border-radius:var(--radius-lg); box-shadow:0 4px 16px rgba(180,140,0,0.07); padding:24px 28px; align-items:flex-start; }
.ks-cf-icon { flex-shrink:0; width:52px; height:52px; background:#fff8e0; border:1px solid #e8d070; border-radius:14px; display:flex; align-items:center; justify-content:center; }
.ks-cf-title { font-family:var(--font-garamond); font-size:20px; font-weight:700; color:#5a3e00; margin-bottom:8px; }
.ks-cf-text { font-family:var(--font-jakarta); font-size:13.5px; color:var(--color-on-surface-variant); line-height:1.75; margin:0; }
.ks-cf-arrow { text-align:center; font-size:24px; color:#c8a000; opacity:0.5; padding:6px 0; }

.ks-mantra-box { background:linear-gradient(135deg,#fff8e0,#fff0b0); border:1px solid #e8d070; border-radius:var(--radius-lg); padding:36px 32px; margin:0 0 72px; text-align:center; }
.ks-mantra-label { font-family:var(--font-jakarta); font-size:11px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:#c8a000; margin-bottom:16px; }

.ks-puja-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.ks-puja-card { display:flex; gap:18px; background:#fff; border:1px solid #e8d898; border-radius:var(--radius-md); padding:22px 24px; align-items:flex-start; }
.ks-puja-num { flex-shrink:0; width:36px; height:36px; background:#c8a000; color:#fff; border-radius:50%; font-family:var(--font-jakarta); font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center; margin-top:2px; }
.ks-puja-title { font-family:var(--font-garamond); font-size:17px; font-weight:700; color:#5a3e00; margin-bottom:8px; }
.ks-puja-body { font-family:var(--font-jakarta); font-size:13px; color:var(--color-on-surface-variant); line-height:1.7; margin:0; }

.ks-teach-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.ks-teach-card { background:#fff; border:1px solid #e8d898; border-radius:var(--radius-lg); box-shadow:0 4px 18px rgba(180,140,0,0.07); padding:28px 24px; text-align:center; transition:box-shadow 0.2s,transform 0.2s; }
.ks-teach-card:hover { box-shadow:0 8px 28px rgba(180,140,0,0.15); transform:translateY(-3px); }

.ks-nd-grid { display:grid; grid-template-columns:repeat(9,1fr); gap:10px; }
.ks-nd-card { display:flex; flex-direction:column; align-items:center; text-align:center; background:#fff; border:1px solid #e8d898; border-radius:var(--radius-md); padding:16px 8px 12px; text-decoration:none; transition:box-shadow 0.2s,transform 0.2s; }
.ks-nd-card:hover { box-shadow:0 6px 20px rgba(180,140,0,0.15); transform:translateY(-2px); }
.ks-nd-active { background:linear-gradient(135deg,#c8a000,#8a6a00); border-color:#c8a000; }
.ks-nd-active .ks-nd-num,.ks-nd-active .ks-nd-name,.ks-nd-active .ks-nd-sub { color:#fff !important; }
.ks-nd-num { font-family:var(--font-jakarta); font-size:18px; font-weight:700; color:#c8a000; margin-bottom:4px; }
.ks-nd-name { font-family:var(--font-garamond); font-size:12px; font-weight:700; color:#5a3e00; margin-bottom:4px; line-height:1.2; }
.ks-nd-sub { font-family:var(--font-jakarta); font-size:10px; color:var(--text-muted); line-height:1.3; }

@media(max-width:900px){ .ks-icon-grid,.ks-teach-grid{grid-template-columns:repeat(2,1fr);} .ks-nd-grid{grid-template-columns:repeat(3,1fr);} .ks-puja-grid{grid-template-columns:1fr;} }
@media(max-width:640px){ .ks-icon-grid{grid-template-columns:1fr 1fr;} .ks-teach-grid{grid-template-columns:1fr;} .ks-strip-label{display:none;} .ks-cf-step{flex-direction:column;} .ks-nd-sub{display:none;} }
@media(max-width:420px){ .ks-icon-grid{grid-template-columns:1fr;} .ks-nd-grid{grid-template-columns:repeat(3,1fr);} }