/* ============================================================
   Maa Skandamata (Nav Durga Day 5) — Page-specific styles
   Rose / deep pink palette
   ============================================================ */
.sm-day-strip { background:linear-gradient(90deg,#fce8f0,#f8d8e8,#fce8f4); border-bottom:1px solid #e0a8c8; padding:10px 0; position:sticky; top:0; z-index:90; }
.sm-strip-inner { max-width:1080px; margin:0 auto; padding:0 24px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.sm-chip { width:32px; height:32px; border-radius:50%; background:#fff; border:1px solid #e0a8c8; color:#b02878; 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; }
.sm-chip:hover { background:#b02878; color:#fff; border-color:#b02878; }
.sm-chip-active { background:#b02878 !important; color:#fff !important; border-color:#b02878 !important; }
.sm-strip-label { margin-left:auto; font-family:var(--font-jakarta); font-size:12px; color:#6e1040; }

.sm-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:#b02878; margin-bottom:14px; }
.sm-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; }
.sm-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; }
.sm-badge { display:inline-flex; align-items:center; gap:7px; background:#fff; border:1px solid #e8c0d8; border-radius:999px; padding:8px 16px; font-family:var(--font-jakarta); font-size:12.5px; font-weight:500; color:#6e1040; }

.sm-icon-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.sm-icon-card { background:#fff; border:1px solid #e8c0d8; border-radius:var(--radius-lg); box-shadow:0 4px 18px rgba(160,40,100,0.06); padding:24px 20px; text-align:center; transition:box-shadow 0.2s,transform 0.2s; }
.sm-icon-card:hover { box-shadow:0 8px 28px rgba(160,40,100,0.13); transform:translateY(-3px); }
.sm-icon-wrap { width:54px; height:54px; background:#fce8f4; border:1px solid #e8c0d8; border-radius:14px; display:flex; align-items:center; justify-content:center; margin:0 auto 14px; }
.sm-icon-title { font-family:var(--font-garamond); font-size:16px; font-weight:700; color:#6e1040; margin-bottom:8px; }
.sm-icon-desc { font-family:var(--font-jakarta); font-size:12.5px; color:var(--color-on-surface-variant); line-height:1.65; }

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

.sm-story-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.sm-story-card { background:#fff; border:1px solid #e8c0d8; border-radius:var(--radius-lg); box-shadow:0 4px 16px rgba(160,40,100,0.06); padding:26px 28px; }
.sm-story-icon { width:44px; height:44px; background:#fce8f4; border:1px solid #e8c0d8; border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
.sm-story-title { font-family:var(--font-garamond); font-size:19px; font-weight:700; color:#6e1040; margin-bottom:10px; }
.sm-story-body { font-family:var(--font-jakarta); font-size:13px; color:var(--color-on-surface-variant); line-height:1.75; margin:0; }

.sm-paradox { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center; }
.sm-paradox-quote { background:linear-gradient(135deg,#fce8f4,#f8d0e8); border:1px solid #e8c0d8; border-radius:var(--radius-lg); padding:36px 32px; text-align:center; }

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

.sm-puja-list { display:flex; flex-direction:column; gap:16px; }
.sm-puja-item { display:flex; gap:20px; background:#fff; border:1px solid #e8c0d8; border-radius:var(--radius-md); padding:22px 24px; align-items:flex-start; }
.sm-puja-num { flex-shrink:0; width:36px; height:36px; background:#b02878; 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; }
.sm-puja-title { font-family:var(--font-garamond); font-size:18px; font-weight:700; color:#6e1040; margin-bottom:8px; }
.sm-puja-body { font-family:var(--font-jakarta); font-size:13px; color:var(--color-on-surface-variant); line-height:1.7; margin:0; }

.sm-teach-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.sm-teach-card { background:#fff; border:1px solid #e8c0d8; border-radius:var(--radius-lg); box-shadow:0 4px 18px rgba(160,40,100,0.06); padding:28px 24px; text-align:center; transition:box-shadow 0.2s,transform 0.2s; }
.sm-teach-card:hover { box-shadow:0 8px 28px rgba(160,40,100,0.13); transform:translateY(-3px); }

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

@media(max-width:900px){ .sm-icon-grid,.sm-teach-grid{grid-template-columns:repeat(2,1fr);} .sm-nd-grid{grid-template-columns:repeat(3,1fr);} .sm-story-grid,.sm-paradox{grid-template-columns:1fr;} }
@media(max-width:640px){ .sm-icon-grid{grid-template-columns:1fr 1fr;} .sm-teach-grid{grid-template-columns:1fr;} .sm-strip-label{display:none;} .sm-nd-sub{display:none;} }
@media(max-width:420px){ .sm-icon-grid{grid-template-columns:1fr;} .sm-nd-grid{grid-template-columns:repeat(3,1fr);} }