/* Jannah Child custom blocks - scoped styles only */
.jcb-block{width:100%;max-width:100%;min-width:0;overflow:hidden}
.jcb-block .jcb-items{width:100%;max-width:100%;min-width:0;display:grid;gap:18px;align-items:stretch}
.jcb-block .jcb-card{position:relative;min-width:0;max-width:100%;overflow:hidden;background:#fff;border:1px solid #eee6ec;border-radius:14px;box-shadow:0 3px 14px rgba(58,34,48,.045);transition:transform .2s ease,box-shadow .2s ease}
.jcb-block .jcb-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(58,34,48,.10)}
.jcb-block .jcb-image{display:block!important;position:relative!important;width:100%!important;height:auto!important;aspect-ratio:16/9;overflow:hidden;background:#f5eaf0;line-height:0;max-height:470px}
.jcb-block .jcb-image img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important;object-position:center;transition:transform .3s ease}
.jcb-block .jcb-card:hover .jcb-image img{transform:scale(1.035)}
.jcb-block .jcb-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#f6dfe8,#eee5f8)}
.jcb-block .jcb-card-body{min-width:0;padding:13px 15px 15px}
.jcb-block .jcb-category{display:inline-block;margin:0 0 5px;color:#c35c82;font-size:12px;font-weight:700;text-decoration:none}
.jcb-block .jcb-title{font-size:16px;line-height:1.65;font-weight:700;margin:0 0 5px;overflow-wrap:anywhere}
.jcb-block .jcb-title a{color:inherit;text-decoration:none}
.jcb-block .jcb-title a:hover{color:#c35c82}
.jcb-block .jcb-excerpt{font-size:13px;line-height:1.8;color:#77717a;margin:5px 0 8px}
.jcb-block .jcb-meta{font-size:11px;color:#999;margin-top:6px}
.jcb-block .jcb-read-more{display:inline-flex;gap:7px;align-items:center;margin-top:8px;color:#b84f78;font-size:12px;font-weight:700;text-decoration:none}
.jcb-block .jcb-read-more:hover{text-decoration:underline}

/* 1. Compact responsive news grid */
.jcb-news-grid .jcb-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.jcb-news-grid .jcb-image{aspect-ratio:390/220;max-height:220px}
.jcb-news-grid .jcb-card-body{padding:12px 13px}

/* 2. Hero feature: one wide article, image and text side by side */
.jcb-featured .jcb-items{grid-template-columns:1fr}
.jcb-featured .jcb-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;background:#2d2338;color:#fff;border:0}
.jcb-featured .jcb-image{height:100%;min-height:270px;aspect-ratio:auto}
.jcb-featured .jcb-card-body{padding:clamp(20px,3vw,34px);display:flex;flex-direction:column;justify-content:center}
.jcb-featured .jcb-category{color:#f5a9c2}
.jcb-featured .jcb-title{font-size:clamp(21px,2.4vw,30px);line-height:1.45}
.jcb-featured .jcb-excerpt{color:#e5dce7;font-size:14px}
.jcb-featured .jcb-meta{color:#c9bdcc}
.jcb-featured .jcb-read-more{color:#ffc2d4}

/* 3. Magazine split: large lead card and compact side stories */
.jcb-split .jcb-items{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));gap:12px}
.jcb-split .jcb-card:first-child{grid-row:span 3}
.jcb-split .jcb-card:first-child .jcb-image{aspect-ratio:16/10;max-height:390px}
.jcb-split .jcb-card:first-child .jcb-title{font-size:21px}
.jcb-split .jcb-card:not(:first-child){display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center}
.jcb-split .jcb-card:not(:first-child) .jcb-image{height:100%!important;min-height:0;aspect-ratio:1/1;max-height:112px}
.jcb-split .jcb-card:not(:first-child) .jcb-card-body{padding:8px 11px}
.jcb-split .jcb-card:not(:first-child) .jcb-excerpt,.jcb-split .jcb-card:not(:first-child) .jcb-meta{display:none}

/* 4. Horizontal list with small thumbnails */
.jcb-article-list .jcb-items{grid-template-columns:1fr;gap:9px}
.jcb-article-list .jcb-card{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;border-radius:10px;box-shadow:none;border-inline-start:3px solid #e8b6c8}
.jcb-article-list .jcb-image{grid-column:1;grid-row:1;aspect-ratio:4/3;height:86px}
.jcb-article-list .jcb-card-body{grid-column:2;grid-row:1;padding:8px 13px}
.jcb-article-list .jcb-title{font-size:15px}
.jcb-article-list .jcb-meta{margin-top:3px}

/* 5. Pregnancy stages: horizontal week/article journey */
.jcb-stages .jcb-items{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.jcb-stages .jcb-card{padding:14px 12px 12px;border-radius:18px;background:#fbf7fc}
.jcb-stages .jcb-image{aspect-ratio:16/10;border-radius:11px}
.jcb-stages .jcb-stage-number{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#8159a8;color:#fff;font-weight:800;font-size:13px;margin:10px 0 6px}
.jcb-stages .jcb-card:nth-child(3n+2) .jcb-stage-number{background:#d8799b}
.jcb-stages .jcb-card:nth-child(3n) .jcb-stage-number{background:#55a99c}
.jcb-stages .jcb-card-body{padding:0}
.jcb-stages .jcb-title{font-size:14px}
.jcb-stages .jcb-excerpt{font-size:12px}

/* 6. Nutrition: soft pastel editorial cards */
.jcb-nutrition .jcb-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.jcb-nutrition .jcb-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;background:#fffaf7;border-color:#f2e6df}
.jcb-nutrition .jcb-image{height:100%;min-height:124px;aspect-ratio:1/1}
.jcb-nutrition .jcb-card-body{padding:11px 13px}
.jcb-nutrition .jcb-title{font-size:15px}
.jcb-nutrition .jcb-excerpt{font-size:12px}

/* 7. Health: vertical timeline */
.jcb-health .jcb-items{grid-template-columns:1fr;gap:0;max-width:900px;margin-inline:auto}
.jcb-health .jcb-card{display:grid;grid-template-columns:42px minmax(0,1fr);border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
.jcb-health .jcb-card:before{content:"";grid-column:1;grid-row:1/3;justify-self:center;width:2px;background:#ead7e2}
.jcb-health .jcb-card:after{content:"";position:absolute;top:19px;inset-inline-start:12px;width:12px;height:12px;border-radius:50%;background:#c86b91;border:3px solid #f8eaf0}
.jcb-health .jcb-image{display:none}
.jcb-health .jcb-card-body{grid-column:2;background:#fff;border:1px solid #f0e5eb;border-radius:12px;padding:12px 16px;margin:0 0 12px}
.jcb-health .jcb-title{font-size:16px}
.jcb-health .jcb-excerpt{margin-bottom:0}

/* 8. Motherhood: magazine cover first, supporting stories after */
.jcb-motherhood .jcb-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.jcb-motherhood .jcb-card:first-child{grid-column:span 2;grid-row:span 2}
.jcb-motherhood .jcb-card:first-child .jcb-image{aspect-ratio:16/10}
.jcb-motherhood .jcb-card:first-child .jcb-title{font-size:21px}
.jcb-motherhood .jcb-card:not(:first-child) .jcb-image{aspect-ratio:5/3}
.jcb-motherhood .jcb-card:not(:first-child) .jcb-excerpt{display:none}

/* 9. FAQ accordion */
.jcb-faq .jcb-items{grid-template-columns:1fr;gap:9px;max-width:900px}
.jcb-faq .jcb-card{border-radius:12px;box-shadow:none}
.jcb-faq .jcb-card-body{padding:0}
.jcb-faq .jcb-faq-item{padding:13px 16px}
.jcb-faq .jcb-faq-item summary{cursor:pointer;list-style:none;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:14px}
.jcb-faq .jcb-faq-item summary::-webkit-details-marker{display:none}
.jcb-faq .jcb-faq-item summary:after{content:"+";font-size:22px;color:#bd6286}
.jcb-faq .jcb-faq-item[open] summary:after{content:"−"}
.jcb-faq .jcb-faq-item .jcb-excerpt{padding-top:10px}

/* 10. Popular: editorial ranked list */
.jcb-popular .jcb-items{grid-template-columns:1fr;gap:0;max-width:900px}
.jcb-popular .jcb-card{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;border:0;border-bottom:1px solid #eee5eb;border-radius:0;box-shadow:none;background:transparent}
.jcb-popular .jcb-rank{grid-column:1;grid-row:1;color:#d98aa7;font-size:29px;font-weight:900;text-align:center}
.jcb-popular .jcb-card-body{grid-column:2;grid-row:1;padding:12px}
.jcb-popular .jcb-title{font-size:16px}
.jcb-popular .jcb-category{margin-bottom:2px}

/* 11. Topic cards */
.jcb-categories .jcb-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.jcb-categories .jcb-card{background:linear-gradient(135deg,#fff7fa,#f7f2fb);border-color:#f1e3eb}
.jcb-categories .jcb-card-body{padding:18px 16px}
.jcb-categories .jcb-category{font-size:12px}
.jcb-categories .jcb-title{font-size:16px}
.jcb-categories .jcb-excerpt{font-size:12px}

/* 12. Daily tip quote */
.jcb-tip .jcb-items{grid-template-columns:1fr}
.jcb-tip .jcb-card{background:linear-gradient(120deg,#fff3f7,#f4effb);border:0;border-inline-start:4px solid #d9789d;border-radius:16px}
.jcb-tip .jcb-card-body{padding:clamp(18px,3vw,28px)}
.jcb-tip-label{display:block;color:#bd6286;font-size:12px;font-weight:800;margin-bottom:8px}
.jcb-tip-quote{font-size:clamp(17px,2vw,22px);font-weight:700;line-height:1.8;margin:0;color:#453849}

/* 13. Article ticker */
.jcb-ticker{background:#33283a;border-radius:12px;color:#fff;padding:8px 12px}
.jcb-ticker .jcb-items{display:flex;gap:12px;overflow:hidden;white-space:nowrap}
.jcb-ticker .jcb-card{flex:0 0 auto;display:flex;gap:9px;align-items:center;background:transparent;border:0;box-shadow:none;color:#fff}
.jcb-ticker .jcb-card-body{display:flex;gap:9px;align-items:center;padding:4px 8px}
.jcb-ticker-category{color:#ffc1d4;font-size:11px;font-weight:800}
.jcb-ticker-title{color:#fff;text-decoration:none;font-size:13px;font-weight:600}
.jcb-ticker .jcb-meta{display:none}

/* 14. Image overlay cards */
.jcb-overlay .jcb-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.jcb-overlay .jcb-card{border:0;border-radius:14px}
.jcb-overlay .jcb-image{aspect-ratio:4/3}
.jcb-overlay .jcb-card-body{position:absolute;inset:auto 0 0;padding:34px 13px 12px;background:linear-gradient(transparent,rgba(27,18,34,.88));color:#fff}
.jcb-overlay .jcb-category{color:#ffd0df}
.jcb-overlay .jcb-title{font-size:15px;color:#fff;margin:0}
.jcb-overlay .jcb-title a{color:#fff}
.jcb-overlay .jcb-meta,.jcb-overlay .jcb-excerpt{display:none}

@media(max-width:900px){
 .jcb-news-grid .jcb-items,.jcb-categories .jcb-items,.jcb-overlay .jcb-items{grid-template-columns:repeat(2,minmax(0,1fr))}
 .jcb-stages .jcb-items{grid-template-columns:repeat(2,minmax(0,1fr))}
 .jcb-split .jcb-items{grid-template-columns:1fr 1fr;grid-template-rows:auto}
 .jcb-split .jcb-card:first-child{grid-column:span 2;grid-row:auto}
 .jcb-split .jcb-card:not(:first-child){grid-template-columns:90px minmax(0,1fr)}
 .jcb-motherhood .jcb-items{grid-template-columns:repeat(2,minmax(0,1fr))}
 .jcb-motherhood .jcb-card:first-child{grid-column:span 2;grid-row:auto}
 .jcb-featured .jcb-card{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .jcb-block .jcb-items{gap:11px}
 .jcb-news-grid .jcb-items,.jcb-categories .jcb-items,.jcb-overlay .jcb-items{grid-template-columns:repeat(2,minmax(0,1fr))}
 .jcb-news-grid .jcb-title,.jcb-categories .jcb-title,.jcb-overlay .jcb-title{font-size:13px}
 .jcb-featured .jcb-card{grid-template-columns:1fr}
 .jcb-featured .jcb-image{min-height:0;aspect-ratio:16/9}
 .jcb-featured .jcb-card-body{padding:16px}
 .jcb-featured .jcb-title{font-size:20px}
 .jcb-split .jcb-items{grid-template-columns:1fr}
 .jcb-split .jcb-card:first-child{grid-column:auto}
 .jcb-split .jcb-card:not(:first-child){grid-template-columns:92px minmax(0,1fr)}
 .jcb-article-list .jcb-card{grid-template-columns:92px minmax(0,1fr)}
 .jcb-article-list .jcb-image{height:76px}
 .jcb-stages .jcb-items{grid-template-columns:repeat(2,minmax(0,1fr))}
 .jcb-nutrition .jcb-items{grid-template-columns:1fr}
 .jcb-nutrition .jcb-card{grid-template-columns:100px minmax(0,1fr)}
 .jcb-motherhood .jcb-items{grid-template-columns:1fr 1fr}
 .jcb-motherhood .jcb-card:first-child{grid-column:span 2}
}
@media(max-width:380px){
 .jcb-news-grid .jcb-items,.jcb-categories .jcb-items,.jcb-overlay .jcb-items{grid-template-columns:1fr}
 .jcb-stages .jcb-items{grid-template-columns:1fr}
 .jcb-block .jcb-title{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.jcb-block *{transition:none!important}}

/* Image sizing follows Jannah's registered image-large (390x220) and image-post (780x470) sizes. */
.jcb-block .jcb-image{contain:layout paint}
.jcb-block .jcb-image img{object-fit:cover!important}
@media(max-width:767px){
    .jcb-news-grid .jcb-image{aspect-ratio:390/220;max-height:220px}
    .jcb-split .jcb-card:first-child .jcb-image{aspect-ratio:16/10;max-height:300px}
    .jcb-split .jcb-card:not(:first-child) .jcb-image{max-height:90px}
}


/* Half-width custom blocks: consecutive blocks are paired by the front-end helper. */
.jcb-half-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;width:100%;clear:both}
.jcb-half-row>.mag-box.jcb-half-block{float:none!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding-inline:0!important;}
.jcb-half-row>.mag-box.jcb-half-block .mag-box-container{min-width:0;}
.jcb-half-row>.mag-box.jcb-half-block .jcb-items{min-width:0;}
@media(max-width:767px){.jcb-half-row{grid-template-columns:minmax(0,1fr);gap:18px}}

/* Redesigned custom article grid: two balanced horizontal columns. */
.jcb-news-grid .jcb-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.jcb-news-grid .jcb-card{display:flex;flex-direction:column;min-height:0}
.jcb-news-grid .jcb-image{height:auto;min-height:0;aspect-ratio:16/9;max-height:220px}
.jcb-news-grid .jcb-card-body{padding:12px 14px}
.jcb-news-grid .jcb-title{font-size:15px;line-height:1.6}
.jcb-news-grid .jcb-excerpt{font-size:12px;line-height:1.65;margin:4px 0}
.jcb-half-row .jcb-news-grid .jcb-items{grid-template-columns:1fr}
@media(max-width:767px){
 .jcb-news-grid .jcb-items{grid-template-columns:1fr;gap:12px}
 .jcb-news-grid .jcb-title{font-size:14px}
}