/* guide: used by 6 page(s): halal-business-partnership-guide.html, islamic-divorce-talaq-khula-uk.html, islamic-wills-faraid-uk.html, muslim-weddings-law-reform-2026.html, sharia-council-code-of-practice.html, sharia-council-review-explained.html */
/* ===== EDITORIAL ARTICLE DESIGN ===== */
.article{max-width:680px;margin:0 auto;font-family:var(--sans)}

/* refined meta row */
.article-meta{display:flex;gap:.85rem;align-items:center;flex-wrap:wrap;font-size:.82rem;color:var(--muted);letter-spacing:.02em;margin:0 0 2.5rem}
.article-meta .cat{color:var(--blue);font-weight:700;letter-spacing:.01em;text-transform:none}
.article-meta .sep{color:#D2D9E6}

/* dropped-cap lead paragraph, large and serif */
.article-lead{font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,2.3vw,1.75rem);line-height:1.5;color:var(--navy);margin:0 0 2.75rem;letter-spacing:-.01em}

/* section headings with generous air and a fine rule */
.article h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.55rem,2.6vw,2.1rem);color:var(--navy);line-height:1.15;letter-spacing:-.02em;margin:3.25rem 0 1.1rem;padding-top:0}
.article h2:first-of-type{margin-top:1rem}
.article h3{font-family:var(--serif);font-weight:600;font-size:1.3rem;color:var(--navy);margin:2.25rem 0 .8rem}

/* body: bigger, airier, warm ink, comfortable measure */
.article p{font-size:1.15rem;line-height:1.8;color:#39404D;margin:0 0 1.5rem;letter-spacing:.003em}
.article p a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* first paragraph after each h2 gets a subtle emphasis */
.article h2 + p{color:#2B3340}

/* elegant list with diamond markers and air */
.article ul{list-style:none;padding:0;margin:1.5rem 0 2rem}
.article ul li{list-style:none;position:relative;padding-left:2rem;margin-bottom:1rem;font-size:1.12rem;line-height:1.65;color:#39404D}
.article ul li::marker{content:""}


/* remove ugly inline bold; use a refined emphasis instead */
.article strong{font-weight:600;color:var(--navy)}

/* BEAUTIFUL pull-quote (replaces the boxy note) */
.article-pull{margin:2.5rem 0;padding:0 0 0 1.75rem;border-left:3px solid var(--blue);font-family:var(--serif);font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.45;color:var(--navy);font-weight:500;letter-spacing:-.01em}

/* key-point / callout - refined, not boxy */
.article-key{margin:2.5rem 0;padding:1.6rem 1.9rem;background:linear-gradient(180deg,#F5F8FF,#EEF3FB);border-radius:16px;border:1px solid #E1E9F7}
.article-key .k-lbl{display:block;font-size:.8125rem;letter-spacing:.01em;text-transform:none;color:var(--blue);font-weight:700;margin-bottom:.5rem}
.article-key p{font-size:1.08rem;line-height:1.65;color:var(--navy);margin:0}

/* section divider dot */
.article-hr{border:0;text-align:center;margin:3rem 0}
.article-hr::before{content:"♦  ♦  ♦";color:#C7D2E6;font-size:.75rem;letter-spacing:.3em}

/* end CTA - elegant */
.article-cta{background:var(--navy);color:#fff;border-radius:24px;padding:clamp(2rem,3.5vw,2.75rem);margin:3.5rem 0 0;text-align:center;position:relative;overflow:hidden}
.article-cta h3{font-family:var(--serif);color:#fff;font-size:1.5rem;margin:0 0 .6rem}
.article-cta p{color:#C7D3E8;font-size:1.05rem;margin:0 0 1.5rem;line-height:1.6}

/* reading-width figures / hero */
.article-hero-note{color:var(--muted);font-size:.9rem;margin-top:.5rem}
@media(max-width:640px){.article p{font-size:1.08rem}.article ul li{font-size:1.05rem}}