.elementor-10357 .elementor-element.elementor-element-f39df9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10357 .elementor-element.elementor-element-4f83cc6{--display:flex;}.elementor-10357 .elementor-element.elementor-element-565d705 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10357 .elementor-element.elementor-element-d7d2023{--display:flex;}.elementor-10357 .elementor-element.elementor-element-f71083c .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-10357 .elementor-element.elementor-element-6be0246{--display:flex;}.elementor-10357 .elementor-element.elementor-element-2012250{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10357 .elementor-element.elementor-element-32569ad{--display:flex;}.elementor-10357 .elementor-element.elementor-element-9a36347{--display:flex;}.elementor-10357 .elementor-element.elementor-element-0c2cc04{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-10357 .elementor-element.elementor-element-f26545e > .elementor-widget-container{margin:0px 0px 24px 0px;}.elementor-10357 .elementor-element.elementor-element-f26545e{--alignment:center;--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-10357 .elementor-element.elementor-element-1b3d46c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-10357 .elementor-element.elementor-element-4f83cc6{--content-width:1120px;}.elementor-10357 .elementor-element.elementor-element-d7d2023{--content-width:1120px;}.elementor-10357 .elementor-element.elementor-element-6be0246{--content-width:1120px;}}@media(max-width:1024px){ .elementor-10357 .elementor-element.elementor-element-f26545e{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){ .elementor-10357 .elementor-element.elementor-element-f26545e{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS *//* CS Navratri page — PAGE CSS. Paste into Page Settings (gear) → Advanced → Custom CSS. Built from Claude Design v7. */
.csn {
  --csn-blue: #6BA6D9;
  --csn-blue-dark: #4E86B8;
  --csn-blue-pale: #EAF2F9;
  --csn-band: #EDF1F5;
  --csn-gold: #D9A544;
  --csn-gold-dark: #A5771E;
  --csn-warm: #FAF3E6;
  --csn-text: #37424D;
  --csn-text-2: #55616B;
  --csn-muted: #6C7681;
  --csn-line: #E2E8EE;
  --csn-surface: #FFFFFF;
  --csn-media: #E7EDF3;
  --csn-wa: #25D366;
  --csn-serif: 'Lora', Georgia, serif;
  --csn-sans: 'Roboto', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --csn-dev: 'Noto Sans Devanagari', 'Kohinoor Devanagari', sans-serif;
  --csn-radius: 12px;
  --csn-radius-sm: 8px;
  --csn-pad: 18px;
  --csn-max: 1200px;
  --csn-tile: 104px;

  font-family: var(--csn-sans); font-size: 12.5px; line-height: 1.6; color: var(--csn-text);
  background: var(--csn-surface); -webkit-font-smoothing: antialiased; text-align: left;
}
/* Theme resets, scoped */
.csn *, .csn *::before, .csn *::after { box-sizing: border-box; }
.csn h1, .csn h2, .csn h3, .csn p, .csn ul, .csn ol, .csn li, .csn figure, .csn blockquote { margin: 0; padding: 0; border: 0; }
.csn ul, .csn ol { list-style: none; }
.csn h1, .csn h2, .csn h3 { font-family: var(--csn-serif); font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--csn-text); line-height: 1.25; }
.csn a { color: var(--csn-blue-dark); text-decoration: none; box-shadow: none; border: 0; }
.csn a:hover { color: var(--csn-gold-dark); }
.csn img { display: block; width: 100%; height: 100%; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; object-fit: cover; }
.csn .dev { font-family: var(--csn-dev); }
.csn .serif { font-family: var(--csn-serif); font-weight: 500; }

/* Layout */
.csn .csn-sec { padding: 20px 0; }
.csn .csn-sec--band { background: var(--csn-band); }
.csn .csn-sec--blue { background: var(--csn-blue-pale); }
.csn .csn-sec--warm { background: var(--csn-warm); }
.csn .csn-wrap { max-width: var(--csn-max); margin: 0 auto; padding: 0 var(--csn-pad); }
.csn .csn-h2 { font-size: 19px; color: var(--csn-gold-dark) !important; margin-bottom: 12px !important; text-wrap: balance; }
.csn .csn-h2.dev { font-family: var(--csn-dev); font-weight: 600; font-size: 21px; }
.csn .csn-intro { font-size: 12.5px; color: var(--csn-muted); margin: -6px 0 14px !important; max-width: 600px; }
.csn .csn-more { display: inline-flex; align-items: center; min-height: 44px; font-size: 11.5px; font-weight: 500; }
.csn .csn-stack { display: flex; flex-direction: column; gap: 12px; }

/* Media */
.csn .csn-m { position: relative; overflow: hidden; background: var(--csn-media); border-radius: var(--csn-radius-sm); }
.csn .csn-m--sq { aspect-ratio: 1 / 1; }
.csn .csn-m--wide { aspect-ratio: 16 / 9; }

/* Cards: title below image */
.csn .csn-card { display: flex; flex-direction: column; gap: 9px; min-width: 0; color: var(--csn-text); }
.csn .csn-card__t { font-family: var(--csn-serif); font-weight: 500; font-size: 14.5px; line-height: 1.3; color: var(--csn-text); }
.csn .csn-card__l { font-size: 12px; line-height: 1.5; color: var(--csn-muted); }
.csn { overflow-x: clip; }
.csn .csn-card__k { font-size: 11px; color: var(--csn-muted); }
a.csn-card:hover .csn-card__t { color: var(--csn-blue-dark); }

/* Row card (thumb left) — mobile lists */
.csn .csn-row { display: flex; gap: 11px; align-items: center; min-height: 56px; color: var(--csn-text); }
.csn .csn-row > .csn-m { flex: 0 0 110px; }
.csn .csn-row__b { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }

/* Swipe rows */
.csn .csn-swipe { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--csn-pad); margin: 0 calc(var(--csn-pad) * -1); padding: 0 var(--csn-pad) 6px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.csn .csn-swipe::-webkit-scrollbar { display: none; }
@media (hover: hover) and (pointer: fine) {
  .csn .csn-swipe { scrollbar-width: thin; scrollbar-color: #C9D3DC transparent; padding-bottom: 10px; }
  .csn .csn-swipe::-webkit-scrollbar { display: block; height: 6px; }
  .csn .csn-swipe::-webkit-scrollbar-thumb { background: #C9D3DC; border-radius: 3px; }
}
.csn .csn-swipe > * { scroll-snap-align: start; }

/* Overlay card (hero only) */
.csn .csn-ov { position: relative; display: flex; align-items: flex-end; overflow: hidden; border-radius: var(--csn-radius); background: #4A5661; color: #FFFFFF; aspect-ratio: 16 / 9; }
.csn .csn-ov > img { position: absolute; inset: 0; }
.csn .csn-ov::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(30,48,68,0) 35%, rgba(30,48,68,0.88) 100%); }
.csn .csn-ov__b { position: relative; z-index: 1; width: 100%; padding: 13px 15px; }
.csn .csn-ov__t { font-family: var(--csn-serif); font-weight: 500; font-size: 15px; line-height: 1.28; color: #FFFFFF; }
.csn .csn-ov--lead .csn-ov__t { font-size: 21px; line-height: 1.2; }
.csn .csn-ov__l { font-size: 12px; line-height: 1.5; color: rgba(255,255,255,0.92); margin-top: 6px; }
.csn a.csn-ov, .csn a.csn-ov:hover { color: #FFFFFF; }

/* HERO */
.csn .csn-hero { padding: 14px 0 18px; }
.csn .csn-hero__top { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.csn .csn-h1 { display: flex; align-items: baseline; gap: 9px; flex-wrap: wrap; font-size: 25px !important; line-height: 1.1 !important; }
.csn .csn-h1__pipe { color: #C9D3DC; font-weight: 400; }
.csn .csn-h1__hi { font-family: var(--csn-dev); font-size: 0.95em; font-weight: 500; color: var(--csn-blue); }
.csn .csn-pill { display: inline-flex; align-items: center; gap: 6px; background: #F7F9FB; border: 1px solid var(--csn-line); border-radius: 999px; padding: 5px 10px; font-size: 10.5px; color: var(--csn-muted); white-space: nowrap; }
.csn .csn-pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--csn-gold); }
.csn .csn-pill b { font-weight: 500; color: var(--csn-text); }
.csn .csn-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.csn .csn-mast { font-size: 11.5px; color: var(--csn-gold-dark); margin: 16px 0 0 !important; text-align: center; letter-spacing: 0.3px; }
.csn .csn-hero__meta { margin-top: -6px; }
.csn .csn-hero .csn-jump--m { margin: 0; }
.csn .csn-mast { font-size: 11.5px; color: var(--csn-gold-dark); margin: 16px 0 0 !important; text-align: center; letter-spacing: 0.3px; }
.csn .csn-hero__meta { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 10.5px; color: var(--csn-muted); }
.csn .csn-wa-link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 11.5px; font-weight: 500; color: #128C4B !important; }
.csn .csn-wa-link svg { width: 14px; height: 14px; fill: currentColor; }
.csn .csn-devi { display: flex; gap: 12px; align-items: center; color: var(--csn-text); }
.csn .csn-devi > .csn-m { flex: 0 0 92px; }
.csn .csn-devi__k { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: var(--csn-gold-dark); font-weight: 700; margin-bottom: 3px; }
.csn .csn-devi__n { font-family: var(--csn-serif); font-weight: 500; font-size: 16px; line-height: 1.28; }
.csn .csn-devi__d { font-family: var(--csn-dev); font-size: 12.5px; color: var(--csn-blue); margin-top: 2px; }
.csn .csn-devi__l { font-size: 12px; color: var(--csn-muted); line-height: 1.45; margin-top: 4px; }
.csn .csn-promos { display: grid; gap: 12px; }
/* Hero fallback (no clean image): title below */
.csn .csn-fb { display: flex; flex-direction: column; gap: 9px; color: var(--csn-text); }
.csn .csn-fb__t { font-family: var(--csn-serif); font-weight: 500; font-size: 15px; line-height: 1.28; }
.csn .csn-fb--lead .csn-fb__t { font-size: 21px; line-height: 1.2; }

/* JUMP MENU */
.csn .csn-jump { margin: 0 var(--csn-pad) 16px; overflow: hidden; border: 1px solid var(--csn-line); border-radius: var(--csn-radius); background: #F7F9FB; }
.csn .csn-jump--d { display: none; }
.csn .csn-jump summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 44px; padding: 0 14px; font-size: 12.5px; font-weight: 500; color: var(--csn-text); }
.csn .csn-jump summary::-webkit-details-marker { display: none; }
.csn .csn-jump summary::after { content: ""; width: 8px; height: 8px; border-right: 2px solid var(--csn-blue-dark); border-bottom: 2px solid var(--csn-blue-dark); transform: rotate(45deg) translateY(-3px); transition: transform .2s; }
.csn .csn-jump[open] summary::after { transform: rotate(-135deg) translateY(-1px); }
.csn .csn-jump ol { padding: 0 8px 8px; display: grid; gap: 0; }
.csn .csn-jump a { display: flex; align-items: center; min-height: 40px; padding: 0 8px; border-radius: 7px; font-size: 12.5px; color: #4A5661; }
.csn .csn-jump a:hover { background: var(--csn-blue-pale); color: var(--csn-text); }

/* SHLOKAS */
.csn .csn-shl { display: grid; gap: 12px; }
.csn .csn-verse { display: block; background: var(--csn-surface); border-radius: var(--csn-radius); padding: 16px 15px; text-align: center; color: var(--csn-text); }
.csn .csn-verse__sa { font-family: var(--csn-dev); font-size: 17px; line-height: 1.75; color: var(--csn-text); }
.csn .csn-verse__rule { height: 1px; margin: 13px 0 11px; background: linear-gradient(90deg, transparent, var(--csn-gold), transparent); }
.csn .csn-verse__en { font-family: var(--csn-serif); font-size: 12.5px; line-height: 1.6; color: var(--csn-text-2); }
.csn .csn-verse__hi { font-family: var(--csn-dev); font-size: 12.5px; line-height: 1.6; color: var(--csn-text-2); margin-top: 6px; }
.csn .csn-verse__src { font-size: 11px; color: var(--csn-muted); margin-top: 8px; }
.csn .csn-share-card { background: var(--csn-surface); border-radius: var(--csn-radius); padding: 13px; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.csn .csn-share-card > a { width: 100%; max-width: 240px; }
.csn .csn-send { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 0 18px; border-radius: 999px; background: var(--csn-wa); color: #FFFFFF !important; font-size: 12px; font-weight: 500; }
.csn .csn-send svg { width: 15px; height: 15px; fill: #FFFFFF; }
.csn .csn-tile { flex: 0 0 var(--csn-tile); display: flex; flex-direction: column; gap: 6px; color: var(--csn-text); }
.csn .csn-tile .csn-m { border-radius: 10px; }
.csn .csn-tile__n { font-family: var(--csn-serif); font-weight: 500; font-size: 12.5px; line-height: 1.25; }
.csn .csn-tile__d { font-family: var(--csn-dev); font-size: 11px; color: #8E99A4; line-height: 1.3; }
.csn .csn-tile.is-today .csn-m::after { content: ""; position: absolute; inset: 0; border: 3px solid var(--csn-gold); border-radius: inherit; pointer-events: none; }
.csn .csn-tile.is-today .csn-tile__n { color: var(--csn-gold-dark); }
.csn .csn-strip { margin-top: 14px; }

/* SAPTASHATI */
.csn .csn-flag { display: grid; gap: 10px; margin-bottom: 16px; }
.csn .csn-flag > a.csn-m { border-radius: var(--csn-radius); }
.csn .csn-flag__t { font-size: 16.5px; line-height: 1.3; }
.csn .csn-flag__t a { color: var(--csn-text); }
.csn .csn-flag__t a:hover { color: var(--csn-blue-dark); }
.csn .csn-eps { margin-bottom: 14px; }
.csn .csn-eps .csn-card { flex: 0 0 190px; }
.csn .csn-ep__n { font-size: 11px; font-weight: 500; color: var(--csn-blue-dark); }
.csn .csn-sap-pair { display: grid; gap: 12px; }
.csn .csn-comp { background: #F7F9FB; border-radius: 10px; padding: 14px; display: flex; flex-direction: column; gap: 8px; }
.csn .csn-comp__t { font-family: var(--csn-serif); font-weight: 500; font-size: 15px; line-height: 1.3; color: var(--csn-text); }
.csn .csn-comp__q { font-family: var(--csn-serif); font-style: italic; font-size: 13px; line-height: 1.6; color: var(--csn-text-2); }
.csn .csn-video { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: #4A5661; color: #FFFFFF !important; }
.csn .csn-video > img { position: absolute; inset: 0; opacity: 0.75; }
.csn .csn-video__play { position: absolute; top: 50%; left: 50%; width: 46px; height: 46px; margin: -23px 0 0 -23px; border-radius: 50%; background: rgba(255,255,255,0.95); display: flex; align-items: center; justify-content: center; }
.csn .csn-video__play svg { width: 18px; height: 18px; fill: var(--csn-blue-dark); margin-left: 2px; }
.csn .csn-video__t { position: absolute; left: 11px; right: 11px; bottom: 9px; font-size: 12px; font-weight: 500; text-shadow: 0 1px 6px rgba(0,0,0,0.4); }
.csn .csn-hi-link { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--csn-dev); font-size: 13px; }

/* ESSAYS */
.csn .csn-anchor { display: grid; background: var(--csn-surface); border-radius: var(--csn-radius); overflow: hidden; margin-bottom: 12px; }
.csn .csn-anchor > .csn-m { border-radius: 0; }
.csn .csn-anchor__b { padding: 14px; display: flex; flex-direction: column; gap: 7px; }
.csn .csn-anchor__t { font-size: 18px; line-height: 1.25; }
.csn .csn-anchor__p { font-size: 12.5px; line-height: 1.6; color: var(--csn-text-2); }
.csn .csn-essays { display: flex; flex-direction: column; gap: 10px; }
.csn .csn-essays > * { flex: 1 1 0; min-width: 0; }
.csn .csn-quote { background: var(--csn-warm); border-radius: var(--csn-radius); padding: 16px; display: flex; flex-direction: column; }
.csn .csn-quote__mark { font-family: var(--csn-serif); font-size: 28px; line-height: 1; color: var(--csn-gold); margin-bottom: 4px; }
.csn .csn-quote__t { font-family: var(--csn-serif); font-style: italic; font-size: 15.5px; line-height: 1.55; color: #333F49; flex: 1; }
.csn .csn-quote__src { margin-top: 12px; padding-top: 10px; border-top: 1px solid #EFE2C7; font-size: 11px; }
.csn .csn-quote__src a { color: var(--csn-gold-dark); font-weight: 500; }
.csn .csn-essay { background: var(--csn-surface); border-radius: var(--csn-radius); padding: 15px; display: flex; flex-direction: column; gap: 6px; }
.csn .csn-essay__t { font-size: 16.5px; line-height: 1.3; }
.csn .csn-essay__t a { color: var(--csn-text); }
.csn .csn-essay__p { font-size: 12px; line-height: 1.6; color: var(--csn-muted); flex: 1; }
.csn .csn-essay .csn-more { margin-top: auto; }

/* HINDI */
.csn .csn-hindi { display: grid; gap: 14px; }
.csn .csn-hindi .csn-row__t { font-family: var(--csn-dev); font-size: 14.5px; font-weight: 500; line-height: 1.4; color: var(--csn-text); }

/* NINE */
.csn .csn-nine { --csn-tile: 104px; }

/* FAQ */
.csn .csn-faq details { border-bottom: 1px solid var(--csn-line); }
.csn .csn-faq summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 8px 0; font-family: var(--csn-serif); font-weight: 500; font-size: 14.5px; line-height: 1.35; color: var(--csn-text); }
.csn .csn-faq summary::-webkit-details-marker { display: none; }
.csn .csn-faq summary::after { content: "+"; flex: 0 0 24px; height: 24px; border-radius: 50%; background: var(--csn-blue-pale); color: var(--csn-blue-dark); display: flex; align-items: center; justify-content: center; font-family: var(--csn-sans); font-size: 16px; }
.csn .csn-faq details[open] summary::after { content: "–"; background: #F7EBD3; color: var(--csn-gold-dark); }
.csn .csn-faq__a { padding: 0 0 14px; font-size: 14px; line-height: 1.65; color: var(--csn-text-2); }

/* EDITOR */
.csn .csn-ed { max-width: 760px; margin: 0 auto; }
.csn .csn-ed__k { font-family: var(--csn-serif); font-size: 9.5px; letter-spacing: 2.5px; text-transform: uppercase; color: var(--csn-gold-dark); margin-bottom: 10px; }
.csn .csn-ed__note p { font-family: var(--csn-serif); font-size: 14px; line-height: 1.7; color: #333F49; margin-bottom: 11px; }
.csn .csn-ed__by { display: flex; align-items: center; gap: 11px; padding-top: 14px; margin-top: 6px; border-top: 1px solid #EFE7D6; }
.csn .csn-ed__by .csn-m { flex: 0 0 40px; height: 40px; border-radius: 50%; }
.csn .csn-ed__n { font-family: var(--csn-serif); font-weight: 500; font-size: 14.5px; }
.csn .csn-ed__r { font-size: 11px; color: #97A0A9; }

/* SHARE (title row) */
.csn .csn-hero__acts { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.csn .csn-sharebtn { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 12px; border: 1px solid #BFE8CF; border-radius: 999px; background: #F2FBF5; font-size: 11.5px; font-weight: 500; color: #128C4B !important; position: relative; }
.csn .csn-sharebtn::before { content: ""; position: absolute; inset: -4px 0; }
.csn .csn-sharebtn svg { width: 14px; height: 14px; fill: currentColor; }

.csn .csn-sharefoot { border-top: 1px solid var(--csn-line); padding: 20px 0 24px; text-align: center; }
.csn .csn-sharefoot__k { font-size: 11.5px; color: var(--csn-muted); margin-bottom: 10px; }
.csn .csn-sharefoot__row { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.csn .csn-sharefoot__row a { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #FFFFFF !important; }
.csn .csn-sharefoot__row svg { width: 20px; height: 20px; fill: #FFFFFF; }

/* PILLS — mobile only. Live build: Elementor container, Sticky = Bottom, mobile only */
.csn .csn-pills { position: sticky; bottom: 0; z-index: 20; display: flex; justify-content: space-between; align-items: center; padding: 0 14px 14px; pointer-events: none; }
.csn .csn-pills a { pointer-events: auto; display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 0 16px; border-radius: 999px; font-size: 12px; font-weight: 500; box-shadow: 0 6px 18px rgba(30,50,75,0.18); }
.csn .csn-pills__top { background: #FFFFFF; color: var(--csn-text) !important; border: 1px solid var(--csn-line); }
.csn .csn-pills__wa { background: var(--csn-wa); color: #FFFFFF !important; }
.csn .csn-pills svg { width: 15px; height: 15px; fill: currentColor; }

/* ============ 480px+ : Nine Devis fit as a 5 + 4 grid, no swipe needed ============ */
@media (min-width: 480px) {
  .csn .csn-nine .csn-swipe { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; overflow: visible; margin: 0; padding: 0; }
}

/* ============ 768px+ (tablet) ============ */
@media (min-width: 768px) {
  .csn { font-size: 14px; --csn-pad: clamp(20px, 3.5vw, 40px); --csn-tile: 140px; }
  .csn .csn-sec { padding: clamp(18px, 1.9vw, 26px) 0; }
  .csn .csn-h2 { font-size: clamp(20px, 2vw, 25px); }
  .csn .csn-h2.dev { font-size: clamp(21px, 2.1vw, 26px); }
  .csn .csn-intro { font-size: 14px; }
  .csn .csn-more { font-size: 13px; }
  .csn .csn-h1 { font-size: clamp(26px, 2.8vw, 34px) !important; }
  .csn .csn-pill { font-size: 12px; padding: 7px 14px; }
  .csn .csn-promos { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .csn .csn-jump--m { display: none; }
  .csn .csn-devi > .csn-m { flex-basis: 120px; }
  .csn .csn-jump--d { display: block; }
  .csn .csn-jump { max-width: calc(var(--csn-max) - 2 * 40px); margin: 0 auto 18px; width: calc(100% - 2 * var(--csn-pad)); }
  .csn .csn-jump ol { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
  .csn .csn-shl { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); align-items: stretch; }
  .csn .csn-verse { display: flex; flex-direction: column; justify-content: center; padding: 22px; }
  .csn .csn-verse__sa { font-size: 20px; }
  .csn .csn-verse__en { font-size: 14px; }
  .csn .csn-swipe { margin: 0; padding-left: 0; padding-right: 0; }
  .csn .csn-flag { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 22px; }
  .csn .csn-flag__t { font-size: clamp(18px, 1.8vw, 21px); }
  .csn .csn-eps.csn-swipe { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; overflow: visible; }
  .csn .csn-sap-pair { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; gap: 18px; }
  .csn .csn-comp { justify-content: center; padding: 20px; }
  .csn .csn-comp__t { font-size: 18px; }
  .csn .csn-comp__q { font-size: 14px; }
  .csn .csn-anchor { grid-template-columns: minmax(0, 300px) minmax(0, 1fr); align-items: center; }
  .csn .csn-anchor__b { padding: 18px 24px; }
  .csn .csn-anchor__t { font-size: clamp(18px, 1.8vw, 21px); }
  .csn .csn-anchor__p { font-size: 13.5px; }
  .csn .csn-essays { flex-direction: row; gap: 18px; align-items: stretch; }
  .csn .csn-essay__t { font-size: clamp(17px, 1.7vw, 20px); }
  .csn .csn-essay__p { font-size: 13px; }
  .csn .csn-hindi { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: start; gap: 22px; }
  .csn .csn-cards3 { flex-direction: row !important; gap: 18px !important; align-items: stretch; }
  .csn .csn-cards3 > * { flex: 1 1 0; min-width: 0; }
  .csn .csn-cards3 .csn-row { flex-direction: column; align-items: stretch; gap: 9px; }
  .csn .csn-cards3 .csn-row > .csn-m { flex: none; width: 100%; }
  .csn .csn-card__t, .csn .csn-row__t { font-size: 16px; }
  .csn .csn-card__l { font-size: 13px; }
  .csn .csn-nine .csn-swipe { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; overflow: visible; }
  .csn .csn-faq-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: clamp(24px, 4vw, 48px); }
  .csn .csn-faq summary { font-size: 16px; }
  .csn .csn-ed__k { font-size: 11px; text-align: center; }
  .csn .csn-ed__note p { font-size: 15px; }
  .csn .csn-pills { display: none; }
}

/* ============ 1024px+ (desktop) ============ */
@media (min-width: 1024px) {
  .csn .csn-hero__grid { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "lead devi promos" "meta devi promos"; align-items: start; column-gap: 20px; row-gap: 0; }
  .csn .csn-hero__lead { grid-area: lead; }
  .csn .csn-mast { font-size: 11.5px; color: var(--csn-gold-dark); margin: 16px 0 0 !important; text-align: center; letter-spacing: 0.3px; }
.csn .csn-hero__meta { grid-area: meta; margin-top: 0; }
  .csn .csn-hero__devi { grid-area: devi; flex-direction: column; align-items: stretch; gap: 10px; }
  .csn .csn-hero__devi > .csn-m { flex: none; width: 100%; border-radius: var(--csn-radius); }
  .csn .csn-hero__promos { grid-area: promos; grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .csn .csn-ov--lead .csn-ov__t { font-size: clamp(24px, 2.4vw, 30px); }
  .csn .csn-ov--lead .csn-ov__b { padding: 22px 24px; }
  .csn .csn-ov--lead .csn-ov__l { font-size: 15px; }
  .csn .csn-devi__n { font-size: 20px; }
  .csn .csn-devi__d { font-size: 15px; }
  .csn .csn-devi__l { font-size: 13px; }
  .csn .csn-nine .csn-swipe { grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 12px; }
}


/* ===================== ELEMENTOR BUILD ADDITIONS (merge, 16 Oct) ===================== */
/* Blocks that sit on a coloured container or inside the sticky bar */
.csn.csn--bare { background: transparent; }
.csn.csn--fill, .csn.csn--fill > .csn-comp { height: 100%; }
.csn .csn-sec--flush-b { padding-bottom: 12px; }
.csn .csn-sec--flush-t { padding-top: 0; }
.csn .csn-tile__n { color: var(--csn-text); }
.csn .csn-anchor__t a:hover, .csn .csn-essay__t a:hover { color: var(--csn-blue-dark) !important; }
.csn .csn-sharefoot--label { padding-bottom: 4px; }
.csn .csn-faq-head .csn-h2 { margin-bottom: 4px !important; }
.csn .csn-hindi.csn-hindi-list { display: block; }

/* Outer page container: class  csn-page  (Full width, no padding, no gaps) */
.e-con.csn-page, .e-con.csn-page > .e-con-inner { padding: 0 !important; gap: 0 !important; --gap: 0px; --row-gap: 0px; --column-gap: 0px; }
.csn-page .elementor-widget-html { margin: 0 !important; }

/* Two-column containers: class  csn-box  (+ csn-box--blue / csn-box--faq / csn-box--pb) */
.e-con.csn-box { padding: 0 18px !important; --padding-top: 0px; }
.e-con.csn-box > .e-con-inner, .e-con.csn-box.e-con-full { display: flex; flex-direction: column; gap: 12px !important; max-width: 1120px; margin: 0 auto; width: 100%; padding: 0 !important; }
.e-con.csn-box--blue { background: #EAF2F9 !important; }
.e-con.csn-box--pb { padding-bottom: 20px !important; }
.e-con.csn-box--faq { padding-top: 20px !important; padding-bottom: 20px !important; }
@media (min-width: 768px) {
  .e-con.csn-box { padding-left: clamp(20px, 3.5vw, 40px) !important; padding-right: clamp(20px, 3.5vw, 40px) !important; }
  .e-con.csn-box > .e-con-inner, .e-con.csn-box.e-con-full { flex-direction: row; align-items: stretch; gap: 18px !important; }
  .e-con.csn-box > .e-con-inner > *, .e-con.csn-box.e-con-full > * { flex: 1 1 0; min-width: 0; width: auto !important; }
  .e-con.csn-box--blue > .e-con-inner, .e-con.csn-box--blue.e-con-full { gap: 22px !important; align-items: start; }
  .e-con.csn-box--blue > .e-con-inner > :first-child, .e-con.csn-box--blue.e-con-full > :first-child { flex-grow: 1.1; }
  .e-con.csn-box--pb { padding-bottom: clamp(18px, 1.9vw, 26px) !important; }
  .e-con.csn-box--faq { padding-top: clamp(18px, 1.9vw, 26px) !important; padding-bottom: clamp(18px, 1.9vw, 26px) !important; }
  .e-con.csn-box--faq > .e-con-inner > :first-child, .e-con.csn-box--faq.e-con-full > :first-child { flex-grow: 1; }
  .e-con.csn-box--faq > .e-con-inner > :last-child, .e-con.csn-box--faq.e-con-full > :last-child { flex-grow: 2; }
}

/* Video widgets: class  csn-vid */
.csn-vid .elementor-wrapper, .csn-vid .elementor-custom-embed-image-overlay { border-radius: 10px; overflow: hidden; }

/* FAQ (Toggle or Accordion widget): class  csn-acc */
.csn-acc .elementor-toggle-item, .csn-acc .elementor-accordion-item, .csn-acc .e-n-accordion-item { border: 0 !important; border-bottom: 1px solid #E2E8EE !important; }
.csn-acc .elementor-tab-title, .csn-acc .e-n-accordion-item-title { border: 0 !important; padding: 14px 0 !important; background: transparent !important; }
.csn-acc .elementor-tab-title, .csn-acc .elementor-tab-title a, .csn-acc .elementor-toggle-title, .csn-acc .e-n-accordion-item-title-text {
  font-family: 'Lora', Georgia, serif !important; font-weight: 500 !important; font-size: 14.5px !important; line-height: 1.35 !important; color: #37424D !important; }
.csn-acc .elementor-tab-content, .csn-acc .e-n-accordion-item .elementor-widget-text-editor {
  border: 0 !important; padding: 0 0 14px !important; font-family: 'Roboto', system-ui, sans-serif; font-size: 14px !important; line-height: 1.65 !important; color: #55616B !important; }
.csn-acc .elementor-tab-content a { color: #4E86B8; }
.csn-acc .elementor-toggle-icon, .csn-acc .elementor-accordion-icon { color: #4E86B8 !important; }
@media (min-width: 768px) { .csn-acc .elementor-tab-title, .csn-acc .elementor-tab-title a, .csn-acc .elementor-toggle-title, .csn-acc .e-n-accordion-item-title-text { font-size: 16px !important; } }

/* Floating pills: container class  csn-pills-wrap  (Sticky: Bottom, mobile only) */
.csn-pills-wrap, .csn-pills-wrap > .e-con-inner { pointer-events: none; background: transparent !important; padding: 0 !important; }
.csn-pills-wrap .csn-pills { position: static; }
.csn-pills-wrap a { pointer-events: auto; }
.csn .csn-pills { gap: 8px; }
.csn .csn-pills a { white-space: nowrap; }
@media (max-width: 419px) {
  .csn .csn-pills { padding: 0 10px 12px; }
  .csn .csn-pills__top { width: 44px; padding: 0 !important; justify-content: center; font-size: 0 !important; }
  .csn .csn-pills__wa { padding: 0 14px !important; font-size: 11.5px !important; min-width: 0; }
}
@media (max-width: 349px) { .csn .csn-pills__wa { font-size: 10.5px !important; padding: 0 11px !important; gap: 5px !important; } }

/* Added 16 Oct during build: nested Accordion (Toggle widget unavailable) — remove answer-box border, match icon colour */
.csn-acc .e-n-accordion-item > .e-con, .csn-acc .e-n-accordion-item > [role="region"] { border: 0 !important; padding: 0 0 14px !important; background: transparent !important; }
.csn-acc .e-n-accordion-item-title-icon, .csn-acc .e-n-accordion-item-title-icon svg { color: #4E86B8 !important; fill: #4E86B8 !important; }
/* Added 16 Oct during build: stop Gridlove's decorative blockquote quote-mark */
.csn blockquote::before, .csn blockquote::after { content: none !important; display: none !important; }

/* Added 16 Oct during build: tighter section spacing on desktop */
@media (min-width: 768px) {
  .csn .csn-sec { padding: 16px 0; }
  .csn .csn-sec--flush-t { padding-top: 0; }
  .csn .csn-hi-link { min-height: 32px; }
}/* End custom CSS */