.ramadan-strip { padding:16px; border:1px solid #597965; border-radius:12px; margin:24px 0; }
.ramadan-strip h2 { margin-top:0; }
.guide-breadcrumbs { font-size:14px; margin:16px 0; line-height:1.6; }
.sister-guides { margin:28px 0; }
.sister-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:12px; }
.sister-card { padding:16px; border:1px solid #597965; border-radius:12px; }
.sister-card h3 { font-size:17px; margin:0 0 8px; }
.sister-card p { margin:0; line-height:1.65; }
.sister-footer { margin:18px 0; }
.sister-footer h2 { font-size:14px; margin:0 0 8px; }
.sister-footer a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
/* Readable prerendered documents remain usable when JavaScript is unavailable. */
.seo-document { max-width:960px; margin:auto; padding:24px; color:#e7f2ec; font:17px/1.7 'Hind',sans-serif; }
.seo-document a { color:#3ee08f; text-underline-offset:3px; }
.seo-document header img { vertical-align:middle; border-radius:50%; }
.seo-document nav { display:flex; flex-wrap:wrap; gap:12px; margin:20px 0; }
.seo-document h1 { font-size:clamp(28px,5vw,44px); line-height:1.2; }
.seo-document article { border-top:1px solid #597965; padding:20px 0; }
.seo-document footer { margin-top:40px; border-top:1px solid #597965; padding-top:20px; }
/* Independent of the application bundle, including when module loading fails. */
html { color-scheme: dark; background: #071c12; }
body { margin: 0; }
.boot-fallback { box-sizing: border-box; min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; padding: 24px; background: radial-gradient(ellipse at bottom, #123e29, #071c12 70%); color: #ecf5ef; font: 16px/1.8 'Hind', sans-serif; }
/* Shared by prerendered pages and the hydrated app, including localized headings. */
h1, h2, h3, h4, h5, h6, .brand-name, .seo-document header > a {
  font-family: 'Poppins', sans-serif !important;
}
.boot-fallback > div { width: 100%; max-width: 540px; }
.boot-fallback h1 { font-size: 28px; line-height: 1.4; font-weight: 500; }
.boot-fallback p { color: #b8cbbf; }
.boot-fallback [data-boot-lang] { display: block; }
.boot-fallback [hidden] { display: none; }
.boot-fallback button { min-height: 44px; padding: 10px 18px; font: inherit; color: #e0f7e9; background: #103522; border: 1px solid #68947c; border-radius: 18px; cursor: pointer; }
.boot-fallback :focus-visible { outline: 2px solid #58e5a0; outline-offset: 4px; }