/* Soft ivory, royal blue and warm gold, drawn from the supplied Next Generation logo. */
:root {
  --ink: #122c45;
  --forest: #143e8b;
  --forest-2: #10265c;
  --moss: #295bb0;
  --charcoal: #102b43;
  --gold: #d2ad59;
  --gold-deep: #9a793b;
  --gold-soft: #f1dfb3;
  --cream: #f6f3ea;
  --paper: #fffdf8;
  --muted: #5a6b73;
  --line: rgba(18,44,69,.14);
}
body { background: var(--paper); color: var(--ink); }
.site-header { background: #faf7ef; color: var(--ink); border-bottom: 1px solid #e3dccb; box-shadow: 0 6px 22px rgba(17,43,65,.08); }
.site-header .brand { padding: 0; border: 0; background: transparent; }
.site-header .header-logo { width: 190px; height: 78px; object-fit: contain; filter: none; }
.site-header nav a { color: #183a51; opacity: 1; font-weight: 700; }
.site-header nav a:hover, .site-header nav a.active { color: #0b695a; }
.menu-toggle { color: #12324b; border: 1px solid #d6ceb9; background: #fffdf8; }
.header-donate, .primary-cta, .vision-button, .service-enquiry-button, .contact-submit {
  border: 1px solid #143e8b; border-radius: 12px; background: #143e8b; color: #fff;
  box-shadow: 0 8px 20px rgba(14,85,75,.12);
}
.header-donate:hover, .primary-cta:hover, .vision-button:hover, .service-enquiry-button:hover, .contact-submit:hover { background: #10316e; color: #fff; }
.hero-shell, body[data-page="home"] .hero-shell, body[data-page="home"] .hero-reference {
  border-bottom: 5px solid #d2ad59;
  background: linear-gradient(90deg,rgba(12,39,60,.95),rgba(13,53,65,.78) 48%,rgba(12,39,60,.18)),url('mosque-hero.webp') center / cover no-repeat;
}
body[data-page="home"] .hero-reference h1.hero-message-title { font-size: 35px; }
body[data-page="home"] .hero-reference .hero-vision-line { color: #f4dfae; }
body[data-page="home"] .hero-reference .hero-secondary-cta { border-radius: 12px; }
.eyebrow, .eyebrow.light { color: #f1dfb3; }
.eyebrow.dark, .donation-kicker { color: #3b6577; }
.eyebrow span, .donation-kicker::before { background: #d2ad59; }
.future-bridge, .vision-section, .prayer-board, .ceremony-details, .contact-section { background: #f2f4fa; }
.appeal-section, .islam-section, .services-intro { background: #fffdf8; }
.future-bridge-heading h2, .future-bridge-steps h3, .section-heading h2, .vision-intro h2, .plan-heading h2, .contact-details h2, .prayer-board-head h2, .islam-section-heading h2, .services-intro h2, .services-section-heading h2 { color: #122f49; }
.future-bridge-steps { border-color: #d5dced; }
.future-bridge-steps article { border-color: #d5dced; }
.bridge-donate { border-radius: 12px; background: #143e8b; }
.bridge-donate:hover { background: #10316e; }
.quote-strip, .future-pillars > div, .contact-card, .prayer-card, .documents-panel, .islam-contents a { border-color: #dfe5f1; background: #fff; border-radius: 14px; }
.quote-strip { border-left-color: #d2ad59; }
.section-heading h2::after, .vision-intro h2::after, .contact-details h2::after, .prayer-board-head h2::after, .services-intro h2::after { border-bottom-color: #d2ad59; }
.vision-carousel { border-color: #dfe5f1; border-radius: 18px; overflow: hidden; }
.vision-controls { background: #122f49; }
.plan-section, .dark-section, .marriage-process, .service-final-cta { background: linear-gradient(125deg,#102d47,#143e8b); border-color: #d2ad59; }
.plan-section .plan-heading h2, .dark-section .islam-section-heading h2, .marriage-process .services-section-heading h2, .service-final-cta h2 { color: #fff; }
.final-cta { background: #eee7d5; color: #122f49; }
.final-cta h2 { color: #122f49; }
.final-cta .final-button { border-radius: 12px; background: #143e8b; color: #fff; }
.subpage-hero { border-bottom-color: #d2ad59; background: linear-gradient(90deg,rgba(12,39,60,.94),rgba(13,73,73,.72)),url('mosque-hero.webp') center 42% / cover no-repeat; }
.contact-form, .important-panel, .next-prayer, .prayer-card.next { background: #12364f; border-color: #d2ad59; }
body[data-page="home"] .kindness-statement { background: #103c4b; }
body[data-page="donate"] .compact-donation-page { background: #f2f4fa; }
body[data-page="donate"] .compact-donate-intro h1, body[data-page="donate"] .donation-legacy h2 { color: #122f49; }
body[data-page="donate"] .compact-donate-intro h1::after { background: linear-gradient(90deg,#143e8b 50%,#d2ad59 50%); }
body[data-page="donate"] .donation-legacy { border-left-color: #d2ad59; border-radius: 14px; }
.donation-callout { background: #e9edf7; border-radius: 14px; }
.donation-callout strong { color: #173a75; }
body[data-page="donate"] .donation-primary-grid { background: #e9edf7; border-radius: 18px; }
body[data-page="donate"] .compact-paypal-panel { border-top: 5px solid #d2ad59; border-radius: 16px; background: linear-gradient(145deg,#164a61,#103b52); }
body[data-page="donate"] .donation-video-panel { border-top: 5px solid #d2ad59; border-radius: 16px; background: #143e8b; }
body[data-page="donate"] .compact-paypal-panel .donate-amount.selected { border-color: #e0bd70; background: #e0bd70; color: #17386d; }
body[data-page="donate"] .compact-paypal-panel .paypal-donate-button { border-radius: 10px; background: #2459ac; color: #fff; }
body[data-page="donate"] .compact-paypal-panel .paypal-donate-button:hover { background: #164683; }
body[data-page="donate"] .donation-goal-strip { border-radius: 14px; background: #efe5cd; }
.donation-meaning-panel, .donation-slider-panel, .donation-progress-panel { border-top-color: #d2ad59; border-radius: 16px; background: linear-gradient(125deg,#12364f,#143e8b); }
.site-footer { border-top: 5px solid #d2ad59; background: #faf7ef; color: #122f49; }
.footer-logo { width: min(330px, 85vw); height: auto; max-height: 230px; object-fit: contain; }
.footer-identity > p, .footer-contact a, .footer-links a, .footer-notice, .site-footer .copyright { color: #566a72; }
.footer-contact a, .footer-links a, .footer-donate-slot { border-color: #dfe5f1; background: #fffdf8; border-radius: 10px; }
.footer-contact .footer-donate-flash { border-color: #143e8b; background: #143e8b; color: #fff; }
.footer-contact .footer-donate-flash:hover { background: #10316e; color: #fff; }
@keyframes footer-donate-flash {
  0%,56%,100% { background: #143e8b; box-shadow: none; transform: scale(1); }
  68% { background: #315fbd; box-shadow: 0 0 0 4px rgba(49,95,189,.15); transform: scale(1.025); }
  80% { background: #143e8b; box-shadow: none; transform: scale(1); }
}
@media (max-width: 760px) {
  .site-header .header-logo { width: 130px; height: 65px; }
  .site-header nav { background: #faf7ef; border: 1px solid #e3dccb; }
  .site-header nav a { color: #183a51; }
}

/* The supplied square mark remains legible beside a simple text wordmark. */
.site-header .brand { display: flex; gap: .55rem; align-items: center; min-width: 0; }
.site-header .header-logo { width: 73px; height: 73px; flex: 0 0 73px; }
.site-header .brand-wordmark { display: flex; flex-direction: column; gap: .15rem; white-space: nowrap; }
.site-header .brand-wordmark strong { color: #112d67; font: 700 1.04rem/1.1 Georgia,serif; letter-spacing: -.02em; }
.site-header .brand-wordmark small { color: #936c27; font-size: .62rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; opacity: 1; }
.site-header { border-bottom-color: #e4d7b7; }
.header-donate, .primary-cta, .vision-button, .service-enquiry-button, .contact-submit { background: #143e8b; border-color: #143e8b; }
.header-donate:hover, .primary-cta:hover, .vision-button:hover, .service-enquiry-button:hover, .contact-submit:hover { background: #10316e; }
body[data-page="home"] .hero-reference, .hero-shell, body[data-page="home"] .hero-shell {
  background: linear-gradient(90deg,rgba(13,34,82,.95),rgba(19,58,121,.78) 48%,rgba(20,62,139,.17)),url('mosque-hero.webp') center / cover no-repeat;
}
.subpage-hero { background: linear-gradient(90deg,rgba(13,34,82,.94),rgba(20,62,139,.7)),url('mosque-hero.webp') center 42% / cover no-repeat; }
body[data-page="donate"] .compact-paypal-panel { background: linear-gradient(145deg,#194b9c,#102f70); }
body[data-page="donate"] .donation-video-panel { background: #17386d; }
body[data-page="donate"] .compact-paypal-panel .paypal-donate-button { background: #2459ac; }
body[data-page="donate"] .compact-paypal-panel .paypal-donate-button:hover { background: #164683; }
.donation-meaning-panel, .donation-slider-panel, .donation-progress-panel { background: linear-gradient(125deg,#10265c,#194b9c); }
.footer-logo { width: min(285px,75vw); max-height: 290px; }
@media (max-width: 760px) {
  .site-header .header-logo { width: 54px; height: 54px; flex-basis: 54px; }
  .site-header .brand-wordmark strong { font-size: .85rem; }
  .site-header .brand-wordmark small { font-size: .5rem; letter-spacing: .08em; }
}
@media (max-width: 420px) {
  .site-header .brand-wordmark { display: none; }
}
.site-header nav a:hover, .site-header nav a.active { color: #174ca4; }
.site-header .menu-toggle { border-color: #d9c99f; background: #fffdf8; color: #112d67; }
.bridge-donate, .final-cta .final-button { background: #143e8b; }
.bridge-donate:hover, .final-cta .final-button:hover { background: #10316e; }
.plan-section, .dark-section, .marriage-process, .service-final-cta { background: linear-gradient(125deg,#10265c,#194b9c); }
.contact-form, .important-panel, .next-prayer, .prayer-card.next { background: #17386d; }
body[data-page="home"] .kindness-statement { background: #102f70; }

/* Front-page campaign updates. */
.home-updates { background: #f8f6ef; padding-top: 28px; padding-bottom: 28px; }
.home-updates-grid { max-width: 1240px; margin: auto; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.home-update-card { min-width: 0; padding: 24px; background: #fff; border: 1px solid #dfe5f1; border-radius: 18px; box-shadow: 0 8px 22px rgba(18,44,69,.05); }
.home-update-label { display: block; color: #3b6577; font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }
.home-update-card h2 { margin: 8px 0 14px; font-size: clamp(1.35rem,2vw,1.7rem); color: #122f49; }
.home-update-card h3 { margin: 5px 0; font-size: 1.05rem; color: #122f49; }
.home-update-card p { margin: 0 0 12px; color: #455c6b; line-height: 1.55; }
.home-update-card .home-update-date { color: #3b6577; font-size: .82rem; font-weight: 700; }
.home-update-card a { color: #143e8b; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.home-verse-card { background: #102d47; border-color: #102d47; }
.home-verse-card h2, .home-verse-card p { color: #fff; }
.home-verse-card .home-update-label, .home-verse-card .home-update-date, .home-verse-card a { color: #f1dfb3; }
@media (max-width: 760px) { .home-updates-grid { grid-template-columns: 1fr; } .home-update-card { padding: 20px; } }

/* Emerald and antique gold redesign inspired by the supplied mosque emblem. */
:root { --ink:#152b40; --forest:#133954; --forest-2:#0b2a43; --moss:#345a71; --charcoal:#0b263c; --gold:#bd9440; --gold-deep:#3b6577; --gold-soft:#f1dfab; --cream:#f6f2e6; --paper:#fffdf7; --muted:#61717e; --line:rgba(7,70,48,.16); }
body { background:#fffdf7; color:#152b40; }
.site-header { background:#fffdf7; border-bottom:1px solid #e2d5b6; box-shadow:0 8px 25px rgba(7,47,31,.08); }
.site-header nav a { color:#17384f; }
.site-header nav a:hover,.site-header nav a.active { color:#245773; }
.site-header .header-logo { width:84px; height:68px; flex:0 0 84px; object-fit:contain; }
.site-header .brand-wordmark strong { color:#0c2e48; }
.site-header .brand-wordmark small { color:#3b6577; letter-spacing:.04em; text-transform:none; }
.header-donate,.primary-cta,.vision-button,.service-enquiry-button,.contact-submit,.bridge-donate { background:#173f5b; border-color:#173f5b; color:#fff; border-radius:999px; }
.header-donate:hover,.primary-cta:hover,.vision-button:hover,.service-enquiry-button:hover,.contact-submit:hover,.bridge-donate:hover { background:#0b2b43; color:#fff; }
body[data-page="home"] .hero-reference,.hero-shell,body[data-page="home"] .hero-shell { background:linear-gradient(95deg,rgba(5,29,48,.96) 0%,rgba(12,48,73,.88) 48%,rgba(12,41,64,.27) 100%),url('mosque-hero.webp') center / cover no-repeat; border-bottom:4px solid #caa657; }
body[data-page="home"] .hero-reference h1.hero-message-title { font-family:Georgia,serif; font-size:clamp(2rem,3.2vw,3.6rem); line-height:1.18; letter-spacing:-.025em; }
body[data-page="home"] .hero-reference .hero-copy { max-width:900px; }
body[data-page="home"] .hero-reference .hero-vision-line { color:#f2d89b; }
.hero-shell::before { opacity:.045; }
.hero-shell::after { display:none; }
.home-updates { background:#f5f2e8; }
.home-update-card { border-color:#e7ddc7; border-radius:22px; box-shadow:0 12px 28px rgba(5,54,37,.06); }
.home-update-label,.home-update-card .home-update-date { color:#3b6577; }
.home-update-card h2,.home-update-card h3 { color:#14364c; }
.home-update-card a { color:#214e6a; }
.home-verse-card { background:linear-gradient(145deg,#123951,#09283e); border-color:#123951; }
.home-verse-card h2,.home-verse-card p { color:#fff; }
.home-verse-card .home-update-label,.home-verse-card .home-update-date,.home-verse-card a { color:#f2d89b; }
.future-bridge,.vision-section,.prayer-board,.ceremony-details,.contact-section { background:#f7f5ec; }
.appeal-section,.islam-section,.services-intro { background:#fffdf7; }
.future-bridge-heading h2,.future-bridge-steps h3,.section-heading h2,.vision-intro h2,.plan-heading h2,.contact-details h2,.prayer-board-head h2,.islam-section-heading h2,.services-intro h2,.services-section-heading h2 { color:#14364c; }
.quote-strip,.future-pillars > div,.contact-card,.prayer-card,.documents-panel,.islam-contents a { border-color:#e6ddc8; border-radius:20px; }
.plan-section,.dark-section,.marriage-process,.service-final-cta { background:linear-gradient(125deg,#063b2b,#245773); }
.final-cta { background:#eee8d9; }
.final-cta h2 { color:#14364c; }
.final-cta .final-button { background:#173f5b; border-radius:999px; }
.subpage-hero { background:linear-gradient(90deg,rgba(5,29,48,.94),rgba(17,61,86,.72)),url('mosque-hero.webp') center / cover no-repeat; border-bottom-color:#caa657; }
body[data-page="donate"] .compact-paypal-panel { background:linear-gradient(145deg,#1b4b66,#092c44); }
body[data-page="donate"] .donation-video-panel { background:#11364e; }
body[data-page="donate"] .compact-paypal-panel .paypal-donate-button { background:#285d79; }
body[data-page="donate"] .compact-paypal-panel .paypal-donate-button:hover { background:#173e59; }
.donation-meaning-panel,.donation-slider-panel,.donation-progress-panel { background:linear-gradient(125deg,#0b2a43,#1b4b66); }
.site-footer { background:#08253b; }
.footer-logo { width:min(350px,85vw); height:auto; max-height:265px; }
@media(max-width:760px) { .site-header .header-logo { width:60px; height:54px; flex-basis:60px; } body[data-page="home"] .hero-reference h1.hero-message-title { font-size:clamp(1.8rem,6vw,2.5rem); } }
.london-news-list { list-style:none; padding:0; margin:0 0 14px; }
.london-news-list li { padding:9px 0; border-bottom:1px solid #e6ddc8; }
.london-news-list li:first-child { padding-top:0; }
.london-news-list a { font-size:.92rem; line-height:1.4; display:block; }
.london-news-list small { display:block; margin-top:4px; color:#66756c; font-size:.72rem; }

/* Compact the two home-page appeal rows shown in the reference. */
body[data-page="home"] .appeal-section {
  padding: 28px clamp(1.2rem,5vw,5rem);
  grid-template-columns: minmax(0,.85fr) minmax(0,1.35fr);
  gap: clamp(24px,4vw,48px);
  align-items: start;
  border-bottom: 1px solid #c6dfe8;
}
body[data-page="home"] .appeal-section .section-heading .eyebrow { margin:0 0 8px; font-size:.7rem; }
body[data-page="home"] .appeal-section .section-heading h2 {
  margin:0; font-family:Georgia,serif; font-size:clamp(1.8rem,3vw,2.5rem); line-height:1.12; letter-spacing:-.03em;
}
body[data-page="home"] .appeal-section .section-heading h2::after { margin-top:12px; width:44px; }
body[data-page="home"] .appeal-section .appeal-copy { max-width:none; }
body[data-page="home"] .appeal-section .appeal-copy > p { margin:0 0 10px; font-size:.86rem; line-height:1.55; }
body[data-page="home"] .appeal-section .appeal-copy > p:last-child { margin-bottom:0; }
body[data-page="home"] .appeal-section .appeal-copy .lead { font-size:1.15rem; line-height:1.4; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #c6dfe8; }
body[data-page="home"] .appeal-section .quote-strip { margin-top:12px; padding:12px 16px; gap:10px; border-radius:14px; }
body[data-page="home"] .appeal-section .quote-strip p { margin:0; font-size:.9rem; line-height:1.4; }
body[data-page="home"] .appeal-section .quote-strip small { margin-top:5px; font-size:.68rem; }
@media(max-width:760px) {
  body[data-page="home"] .appeal-section { grid-template-columns:1fr; gap:16px; padding:24px 20px; }
  body[data-page="home"] .appeal-section .section-heading h2 { font-size:1.8rem; }
}

/* Full logo presentation on a light surface for legible navy lettering. */
.site-header { padding-top:8px; padding-bottom:8px; background:#fffdf8; }
.site-header .brand { flex-shrink:0; }
.site-header .header-logo { width:200px; height:126px; flex:0 0 200px; object-fit:contain; object-position:center; filter:none; }
.site-header .brand-wordmark { display:none; }
.site-header nav { gap:clamp(10px,1.4vw,22px); }
.site-header nav a { font-size:.84rem; }
.footer-identity { padding:18px 28px; background:#fffdf8; border:1px solid #d6b667; border-radius:20px; }
.footer-logo { width:min(380px,75vw); height:auto; max-height:none; filter:none; }
.footer-identity > p { color:#526575; }
@media(max-width:1100px) { .site-header .header-logo { width:160px; height:105px; flex-basis:160px; } }
@media(max-width:760px) { .site-header .header-logo { width:144px; height:92px; flex-basis:144px; } .site-header { padding-top:5px; padding-bottom:5px; } .footer-identity { padding:16px; } }

/* Bright white, azure and champagne presentation. */
:root { --ink:#163653; --forest:#1264b5; --forest-2:#18477c; --moss:#3585c5; --paper:#fff; --cream:#f3f8fd; --muted:#546c80; --gold:#c49a42; }
body,.site-header { background:#fff; }
.site-header { border-bottom:1px solid #dce8f2; box-shadow:0 5px 20px rgba(26,78,123,.07); }
.site-header nav a { color:#234965; }
.site-header nav a:hover,.site-header nav a.active { color:#1264b5; }
.header-donate,.primary-cta,.vision-button,.bridge-donate,.service-enquiry-button,.contact-submit { background:#1264b5; border-color:#1264b5; box-shadow:0 6px 16px rgba(18,100,181,.17); }
.header-donate:hover,.primary-cta:hover,.vision-button:hover,.bridge-donate:hover,.service-enquiry-button:hover,.contact-submit:hover { background:#0d4f91; }
body[data-page="home"] .hero-reference,.hero-shell,body[data-page="home"] .hero-shell { background:linear-gradient(90deg,rgba(245,250,255,.99),rgba(242,248,254,.96) 48%,rgba(238,246,253,.25)),url('mosque-hero.webp') center / cover no-repeat; color:#163653; border-bottom:3px solid #dcc07d; }
body[data-page="home"] .hero-reference h1.hero-message-title { color:#163653; text-shadow:none; }
body[data-page="home"] .hero-reference .eyebrow { color:#1264b5; }
body[data-page="home"] .hero-reference .hero-vision-line { color:#3b6577; }
body[data-page="home"] .hero-reference .hero-future-copy,body[data-page="home"] .hero-reference .hero-legacy-note { color:#385b77; }
body[data-page="home"] .hero-reference .hero-secondary-cta { color:#163653; background:#fff; border-color:#b9cee0; }
.home-updates,.future-bridge,.vision-section,.prayer-board,.ceremony-details,.contact-section { background:#f1f7fc; }
.appeal-section,.islam-section,.services-intro { background:#fff; }
.home-update-card { border-color:#d9e6f0; background:#fff; }
.home-update-card h2,.home-update-card h3 { color:#163653; }
.home-update-card a { color:#1264b5; }
.home-verse-card { background:#eaf4ff; border-color:#cbdff2; }
.home-verse-card h2 { color:#18477c; }
.home-verse-card p { color:#385b77; }
.home-verse-card .home-update-label,.home-verse-card .home-update-date { color:#3b6577; }
.home-verse-card a { color:#1264b5; }
.final-cta { background:#eaf4ff; }
.final-cta h2,.final-cta .final-copy { color:#163653; }
.final-cta .final-button { background:#1264b5; }
body[data-page="donate"] .compact-paypal-panel { background:linear-gradient(145deg,#236fb8,#164d85); }
body[data-page="donate"] .donation-video-panel { background:#205b91; }
body[data-page="donate"] .compact-paypal-panel .paypal-donate-button { background:#1774c6; }
body[data-page="donate"] .compact-paypal-panel .paypal-donate-button:hover { background:#105a9d; }
.donation-slider-panel,.donation-progress-panel { background:linear-gradient(125deg,#205b91,#2779b9); }
.site-footer { background:#edf5fc; color:#163653; border-top:1px solid #d0e1ef; }
.site-footer a,.site-footer .footer-contact a,.site-footer .footer-bottom,.site-footer .footer-bottom p { color:#385b77; }
.footer-contact a { border-color:#c7dbea; }
.footer-identity { background:#fff; border-color:#c6dfe8; }

/* Royal blue, warm gold and luminous ivory for the London Masjid mark. */
:root { --forest:#2649bd; --forest-2:#173484; --moss:#476fd2; --ink:#182f65; --paper:#fffefa; --cream:#f8f6ee; --gold:#cfaa4f; }
body { background:#fffefa; }
.site-header { background:#fffefa; border-bottom-color:#e9d9ad; }
.site-header .header-logo { width:150px; height:140px; flex-basis:150px; }
.site-header nav a { color:#253e74; }
.site-header nav a:hover,.site-header nav a.active { color:#2649bd; }
.header-donate,.primary-cta,.vision-button,.bridge-donate,.service-enquiry-button,.contact-submit { background:#2649bd; border-color:#2649bd; }
.header-donate:hover,.primary-cta:hover,.vision-button:hover,.bridge-donate:hover { background:#18368f; }
body[data-page="home"] .hero-reference,.hero-shell,body[data-page="home"] .hero-shell { background:linear-gradient(90deg,rgba(255,252,240,.99),rgba(250,247,233,.96) 48%,rgba(239,244,255,.25)),url('mosque-hero.webp') center / cover no-repeat; border-bottom-color:#d7b456; }
body[data-page="home"] .hero-reference h1.hero-message-title { color:#182f65; }
body[data-page="home"] .hero-reference .eyebrow { color:#2649bd; }
.home-updates,.future-bridge,.vision-section,.prayer-board,.ceremony-details,.contact-section { background:#f4f6fe; }
.home-update-card a,.home-verse-card a { color:#2649bd; }
.home-verse-card { background:#fff6dc; border-color:#e6cc83; }
.home-verse-card h2 { color:#182f65; }
.final-cta { background:#fff3d0; }
.final-cta .final-button { background:#2649bd; }
body[data-page="donate"] .compact-paypal-panel { background:linear-gradient(145deg,#365bd0,#203c92); }
body[data-page="donate"] .donation-video-panel { background:#28499e; }
body[data-page="donate"] .compact-paypal-panel .paypal-donate-button { background:#365ed6; }
.site-footer { background:#f4f6fe; }
.footer-logo { width:min(300px,75vw); max-height:330px; }
@media(max-width:1100px) { .site-header .header-logo { width:120px; height:112px; flex-basis:120px; } }
@media(max-width:760px) { .site-header .header-logo { width:100px; height:94px; flex-basis:100px; } }

/* Bright teal, mint and champagne to complement the horizontal wordmark. */
:root { --ink:#103e43; --forest:#087978; --forest-2:#065b60; --moss:#248f8b; --paper:#fff; --cream:#f0faf7; --muted:#537073; --gold:#bc963e; }
body,.site-header { background:#fff; }
.site-header { border-bottom:1px solid #d6eae6; box-shadow:0 6px 20px rgba(6,91,96,.07); }
.site-header .header-logo { width:300px; height:86px; flex:0 0 300px; object-fit:contain; }
.site-header nav a { color:#164c50; }
.site-header nav a:hover,.site-header nav a.active { color:#087978; }
.header-donate,.primary-cta,.vision-button,.bridge-donate,.service-enquiry-button,.contact-submit { background:#087978; border-color:#087978; box-shadow:0 6px 16px rgba(8,121,120,.14); }
.header-donate:hover,.primary-cta:hover,.vision-button:hover,.bridge-donate:hover,.service-enquiry-button:hover,.contact-submit:hover { background:#065b60; }
body[data-page="home"] .hero-reference,.hero-shell,body[data-page="home"] .hero-shell { background:linear-gradient(90deg,rgba(241,252,249,.99),rgba(240,250,246,.96) 48%,rgba(231,250,244,.28)),url('mosque-hero.webp') center / cover no-repeat; border-bottom-color:#b9d7e2; }
body[data-page="home"] .hero-reference h1.hero-message-title { color:#103e43; }
body[data-page="home"] .hero-reference .eyebrow { color:#087978; }
body[data-page="home"] .hero-reference .hero-future-copy,body[data-page="home"] .hero-reference .hero-legacy-note { color:#43676a; }
.home-updates,.future-bridge,.vision-section,.prayer-board,.ceremony-details,.contact-section { background:#eff9f6; }
.home-update-card { border-color:#d6eae6; }
.home-update-card h2,.home-update-card h3,.future-bridge-heading h2,.future-bridge-steps h3,.section-heading h2,.vision-intro h2,.contact-details h2 { color:#103e43; }
.home-update-card a,.home-verse-card a { color:#087978; }
.home-verse-card { background:#fff7e2; border-color:#c6dfe8; }
.home-verse-card h2 { color:#103e43; }
.final-cta { background:#e4f5ed; }
.final-cta h2,.final-cta .final-copy { color:#103e43; }
.final-cta .final-button { background:#087978; }
.subpage-hero { background:linear-gradient(90deg,rgba(5,73,77,.94),rgba(8,121,120,.65)),url('mosque-hero.webp') center / cover no-repeat; }
.plan-section,.dark-section,.marriage-process,.service-final-cta { background:linear-gradient(125deg,#075b60,#168c86); }
body[data-page="donate"] .compact-paypal-panel { background:linear-gradient(145deg,#168c86,#075b60); }
body[data-page="donate"] .donation-video-panel { background:#086a70; }
body[data-page="donate"] .compact-paypal-panel .paypal-donate-button { background:#108580; }
body[data-page="donate"] .compact-paypal-panel .paypal-donate-button:hover { background:#065b60; }
.donation-slider-panel,.donation-progress-panel { background:linear-gradient(125deg,#075b60,#168c86); }
.site-footer { background:#edf8f4; color:#103e43; border-top-color:#d6eae6; }
.footer-identity { background:#fff; }
.footer-logo { width:min(480px,80vw); height:auto; max-height:none; }
@media(max-width:1100px) { .site-header .header-logo { width:230px; height:76px; flex-basis:230px; } }
@media(max-width:760px) { .site-header .header-logo { width:210px; height:68px; flex-basis:210px; } }
@media(max-width:380px) { .site-header .header-logo { width:170px; height:58px; flex-basis:170px; } }

/* Legacy of Faith: luminous aqua, silver and deep ocean blue. */
:root { --ink:#123b53; --forest:#087d96; --forest-2:#07506a; --moss:#229bb1; --paper:#fff; --cream:#edfafd; --muted:#526c7a; --gold:#90b5c5; --gold-deep:#3b6577; --gold-soft:#d9edf3; }
.site-header { border-bottom-color:#cfE5ed; }
.site-header .header-logo { width:156px; height:142px; flex:0 0 156px; }
.site-header nav a { color:#234c63; }
.site-header nav a:hover,.site-header nav a.active { color:#087d96; }
.header-donate,.primary-cta,.vision-button,.bridge-donate,.service-enquiry-button,.contact-submit { background:#087d96; border-color:#087d96; }
.header-donate:hover,.primary-cta:hover,.vision-button:hover,.bridge-donate:hover,.service-enquiry-button:hover,.contact-submit:hover { background:#075c74; }
body[data-page="home"] .hero-reference,.hero-shell,body[data-page="home"] .hero-shell { background:linear-gradient(90deg,rgba(244,252,255,.99),rgba(233,249,253,.96) 48%,rgba(216,245,252,.3)),url('mosque-hero.webp') center / cover no-repeat; border-bottom-color:#b8d9e6; }
body[data-page="home"] .hero-reference h1.hero-message-title { color:#123b53; }
body[data-page="home"] .hero-reference .eyebrow { color:#087d96; }
body[data-page="home"] .hero-reference .hero-vision-line { color:#3b6577; }
.home-updates,.future-bridge,.vision-section,.prayer-board,.ceremony-details,.contact-section { background:#edfafd; }
.home-update-card { border-color:#cfe5ed; }
.home-update-card h2,.home-update-card h3,.future-bridge-heading h2,.future-bridge-steps h3,.section-heading h2,.vision-intro h2,.contact-details h2 { color:#123b53; }
.home-update-card a,.home-verse-card a { color:#087d96; }
.home-verse-card { background:#e5f5fb; border-color:#c6dfe8; }
.home-verse-card h2 { color:#123b53; }
.final-cta { background:#e2f5fa; }
.final-cta .final-button { background:#087d96; }
.subpage-hero { background:linear-gradient(90deg,rgba(7,63,85,.94),rgba(8,125,150,.65)),url('mosque-hero.webp') center / cover no-repeat; }
.plan-section,.dark-section,.marriage-process,.service-final-cta { background:linear-gradient(125deg,#07506a,#138da6); }
body[data-page="donate"] .compact-paypal-panel { background:linear-gradient(145deg,#138da6,#07506a); }
body[data-page="donate"] .donation-video-panel { background:#096b86; }
body[data-page="donate"] .compact-paypal-panel .paypal-donate-button { background:#087d96; }
.donation-slider-panel,.donation-progress-panel { background:linear-gradient(125deg,#07506a,#138da6); }
.site-footer { background:#edf7fb; border-top-color:#cfe5ed; }
.footer-logo { width:min(310px,75vw); height:auto; }
@media(max-width:1100px) { .site-header .header-logo { width:130px; height:119px; flex-basis:130px; } }
@media(max-width:760px) { .site-header .header-logo { width:112px; height:102px; flex-basis:112px; } }

/* Smaller footer logo. */
.site-footer .footer-logo { width:min(180px,55vw); height:auto; max-height:185px; }
.site-footer .footer-identity { padding:12px 18px; }

/* Compact footer identity from the supplied screenshot. */
.site-footer .footer-identity { width:auto; max-width:260px; min-width:0; padding:12px 16px; }
.site-footer .footer-identity .footer-logo { width:120px; max-width:100%; height:auto; max-height:125px; }
.site-footer .footer-identity > p { max-width:220px; margin:8px 0 0; font-size:.65rem; line-height:1.4; }

/* Colour-only section refresh: existing dimensions and spacing retained. */
.site-header { background:#fffef8; border-color:#e4d5ab; }
.site-header nav a { color:#205240; }
.site-header nav a:hover,.site-header nav a.active { color:#08704c; }
.header-donate,.primary-cta,.vision-button,.bridge-donate,.service-enquiry-button,.contact-submit { background:#08704c; border-color:#08704c; }
.header-donate:hover,.primary-cta:hover,.vision-button:hover,.bridge-donate:hover,.service-enquiry-button:hover,.contact-submit:hover { background:#06563b; }
body[data-page="home"] .hero-reference,.hero-shell,body[data-page="home"] .hero-shell { background:linear-gradient(90deg,rgba(242,253,245,.99),rgba(236,250,239,.96) 48%,rgba(226,248,232,.3)),url('mosque-hero.webp') center / cover no-repeat; border-bottom-color:#d5b969; }
body[data-page="home"] .hero-reference h1.hero-message-title { color:#184a35; }
body[data-page="home"] .hero-reference .eyebrow { color:#08704c; }
body[data-page="home"] .hero-reference .hero-vision-line { color:#836321; }
.home-updates { background:#edf6ff; }
.home-update-card { background:#fff; border-color:#cddfee; }
.home-verse-card { background:#fff5d8; border-color:#e5cf93; }
.home-update-card a,.home-verse-card a { color:#08704c; }
.future-bridge { background:#fff5df; }
body[data-page="home"] .appeal-section { background:#f0faf4; border-color:#cddfd2; }
body[data-page="home"] .appeal-section + .appeal-section { background:#f2f0fc; border-color:#d8d3e9; }
.kindness-statement { background:#fff1e8; }
.kindness-statement p,.kindness-statement h2,.kindness-statement h2 span { color:#644536; }
.vision-section { background:#ebf8fb; }
.plan-section { background:linear-gradient(125deg,#255c79,#337da0); }
.final-cta { background:#fff5d8; }
.final-cta h2,.final-cta .final-copy { color:#184a35; }
.final-cta .final-button { background:#08704c; }
.subpage-hero { background:linear-gradient(90deg,rgba(5,70,47,.94),rgba(16,121,81,.65)),url('mosque-hero.webp') center / cover no-repeat; }
.contact-section,.ceremony-details { background:#f0faf4; }
.prayer-board,.islam-section { background:#edf6ff; }
.services-intro { background:#fff5df; }
.dark-section,.marriage-process,.service-final-cta { background:linear-gradient(125deg,#265b67,#358491); }
body[data-page="donate"] .compact-paypal-panel { background:linear-gradient(145deg,#177d5b,#09523b); }
body[data-page="donate"] .donation-video-panel { background:#286b91; }
body[data-page="donate"] .compact-paypal-panel .paypal-donate-button { background:#15815b; }
.donation-slider-panel { background:linear-gradient(125deg,#255c79,#337da0); }
.donation-progress-panel { background:linear-gradient(125deg,#396969,#468c85); }
.site-footer { background:#f0f7ec; border-top-color:#d3dfc9; }
.footer-identity { background:#fff; border-color:#e4d5ab; }

/* Blue and gold section colours; no layout or size changes. */
.site-header { background:#fffdf5; border-color:#dfcc97; }
.site-header nav a { color:#173e86; }
.site-header nav a:hover,.site-header nav a.active { color:#234fc4; }
.header-donate,.primary-cta,.vision-button,.bridge-donate,.service-enquiry-button,.contact-submit { background:#234fc4; border-color:#234fc4; }
.header-donate:hover,.primary-cta:hover,.vision-button:hover,.bridge-donate:hover,.service-enquiry-button:hover,.contact-submit:hover { background:#193a95; }
body[data-page="home"] .hero-reference,.hero-shell,body[data-page="home"] .hero-shell { background:linear-gradient(90deg,rgba(242,247,255,.99),rgba(234,242,255,.96) 48%,rgba(225,238,255,.3)),url('mosque-hero.webp') center / cover no-repeat; border-bottom-color:#d5b45b; }
body[data-page="home"] .hero-reference h1.hero-message-title { color:#17356c; }
body[data-page="home"] .hero-reference .eyebrow { color:#234fc4; }
.home-updates { background:#fff5dd; }
.home-update-card { background:#fff; border-color:#e1d5ba; }
.home-verse-card { background:#edf2ff; border-color:#ccd7f4; }
.home-update-card a,.home-verse-card a { color:#234fc4; }
.future-bridge { background:#edf8f7; }
body[data-page="home"] .appeal-section { background:#fff9ef; border-color:#e8d8b8; }
body[data-page="home"] .appeal-section + .appeal-section { background:#eef2fc; border-color:#d1dbed; }
.kindness-statement { background:#f4eef9; }
.kindness-statement p,.kindness-statement h2,.kindness-statement h2 span { color:#504171; }
.vision-section { background:#edf7ff; }
.plan-section { background:linear-gradient(125deg,#173a83,#2d5eba); }
.final-cta { background:#fff1cb; }
.final-cta h2,.final-cta .final-copy { color:#17356c; }
.final-cta .final-button { background:#234fc4; }
.subpage-hero { background:linear-gradient(90deg,rgba(20,48,111,.94),rgba(41,83,168,.65)),url('mosque-hero.webp') center / cover no-repeat; }
.contact-section { background:#eef8f7; }
.ceremony-details { background:#fff9ef; }
.prayer-board { background:#edf7ff; }
.islam-section { background:#fff9ef; }
.services-intro { background:#eef2fc; }
.dark-section,.marriage-process,.service-final-cta { background:linear-gradient(125deg,#253968,#40558c); }
body[data-page="donate"] .compact-paypal-panel { background:linear-gradient(145deg,#345fbd,#1b3e86); }
body[data-page="donate"] .donation-video-panel { background:#366d83; }
body[data-page="donate"] .compact-paypal-panel .paypal-donate-button { background:#315cc1; }
.donation-slider-panel { background:linear-gradient(125deg,#37527e,#4a6a9f); }
.donation-progress-panel { background:linear-gradient(125deg,#396b72,#49838a); }
.site-footer { background:#f1f3fb; border-top-color:#d4dced; }
.footer-identity { background:#fff; border-color:#dfcc97; }