.mosque-lead{max-width:850px}.mosque-intro{padding-bottom:32px}.directory-stats{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.directory-stats span{padding:8px 14px;border:1px solid #c8c7bd;font-size:.85rem}.province-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.province-link{display:flex;flex-direction:column;padding:18px;border:1px solid #c8c7bd;text-decoration:none;min-height:100px}.province-link strong{font-size:1.05rem}.province-link span{font-size:.82rem;opacity:.8}.mosque-filters{padding:24px;border:1px solid #c8c7bd;display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;align-items:end;margin:24px 0}.mosque-filters input,.mosque-filters select{width:100%;min-height:48px}.mosque-filters .filter-actions{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap}.mosque-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mosque-card{padding:24px;border:1px solid #c8c7bd;min-width:0;display:flex;flex-direction:column;scroll-margin-top:130px}.mosque-card h3{font-size:1.5rem;overflow-wrap:anywhere;margin-bottom:12px}.mosque-card .location{font-weight:bold;font-size:.85rem;margin-bottom:12px}.mosque-card address{font-style:normal;margin-bottom:18px}.mosque-card .mosque-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:auto}.mosque-card .source-note{margin-top:18px;margin-bottom:0;font-size:.75rem;overflow-wrap:anywhere}.mosque-card .source-note a{display:inline}.mosque-source-label{display:block}.mosque-group{padding-top:26px;margin-bottom:30px}.mosque-group>h2{font-size:2rem}.directory-note{padding:20px;border-inline-start:3px solid currentColor;margin:24px 0;max-width:920px}.directory-note p:last-child{margin-bottom:0}.directory-feature{border-bottom:1px solid #c8c7bd}.directory-feature .wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}.directory-feature h2{font-size:clamp(2rem,3vw,3rem)}.area-links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.area-links a{padding:7px 12px;border:1px solid #c8c7bd;text-decoration:none;font-size:.88rem}.directory-crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:.8rem;margin-bottom:24px}.mosque-card[hidden],[data-city-group][hidden],#mosque-empty[hidden]{display:none!important}.directory-method{max-width:850px}.directory-method li{margin-bottom:12px}.header .main-nav{gap:17px}.header .main-nav a{white-space:nowrap}@media(max-width:1250px){.header-inner{gap:14px}.header .main-nav{gap:11px}.header .main-nav a{font-size:.77rem}}@media(max-width:1050px){.province-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mosque-filters{grid-template-columns:1fr 1fr}.mosque-filters>div:first-child{grid-column:1/-1}}@media(max-width:700px){.province-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mosque-grid,.directory-feature .wrap{grid-template-columns:1fr}.mosque-filters{grid-template-columns:1fr;padding:16px}.mosque-filters>div:first-child{grid-column:auto}.mosque-card{padding:20px}.province-link{padding:14px}.directory-feature .wrap{gap:10px}}@media print{.mosque-filters,.mosque-links{display:none}.mosque-grid{display:block}.mosque-card{break-inside:avoid;margin-bottom:12px}}

@media(min-width:1001px){.header .main-nav{flex-wrap:wrap;justify-content:flex-end;row-gap:10px;max-width:900px;padding:12px 0}}
/* Canada + United States directory and prominent Explore control. */
@media(max-width:700px){.header .header-inner{gap:12px!important}.header .brand{min-width:0}.header .brand-name{white-space:normal}.header .brand-name small{white-space:normal;font-size:.47rem;letter-spacing:.1em;line-height:1.5}}
.country-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 35px}.country-card{display:block;padding:30px;background:#12533f;color:#fffdf8;text-decoration:none;font-family:Georgia,serif;font-size:1.6rem;border:2px solid #12533f}.country-card:hover{background:#295947;color:white}.mosque-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.mosque-filters .query-field{grid-column:1/-1}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:30px 0}.pagination[hidden]{display:none}.pagination button:disabled{opacity:.45;cursor:default}.report-link{font-size:.78rem;margin-top:14px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}#directory-submission input,#directory-submission select{width:100%;margin-bottom:20px}#directory-submission fieldset{border:1px solid #c8c7bd;padding:26px}#directory-submission legend{padding:0 10px;font-weight:bold}#directory-submission fieldset:disabled{opacity:.6}.review-card{padding:24px;border:1px solid #c8c7bd;margin:25px 0;overflow-wrap:anywhere}.review-card select,.review-card textarea{display:block;width:100%;margin:15px 0}.review-card h2{font-size:1.7rem}#submission-status{padding:20px 0;font-weight:bold;overflow-wrap:anywhere}.header .header-inner{position:relative;gap:20px}.header .menu-toggle,html[lang=ar] .header .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#12533f;color:#fffdf8;border:2px solid #12533f;border-radius:6px;padding:13px 23px;min-width:132px;min-height:52px;font-size:1rem;font-weight:700;box-shadow:0 3px 0 #826222;flex-shrink:0}.header .menu-toggle:hover,html[lang=ar] .header .menu-toggle:hover{background:#295947;color:white}.header .menu-toggle[aria-expanded=true]{box-shadow:none}.header .main-nav,html[lang=ar] .header .main-nav{display:none;position:absolute;top:100%;right:0;left:auto;width:min(620px,100%);max-height:75vh;overflow-y:auto;padding:18px;background:#faf6ed;box-shadow:0 12px 24px #12533f25;border:1px solid #c8c7bd;flex-wrap:wrap;gap:8px;justify-content:flex-start}.header .main-nav.open,html[lang=ar] .header .main-nav.open{display:grid;grid-template-columns:1fr 1fr}.header .main-nav a,html[lang=ar] .header .main-nav a{font-size:.95rem;padding:12px 14px;white-space:normal;min-height:46px;border:1px solid #d8d4c9}.header .main-nav a:hover{background:#eae6dc;color:#12533f}.header .main-nav a[aria-current=page]{border:2px solid #826222}html[lang=ar] .header .main-nav{left:0;right:auto}@media(max-width:700px){.country-grid,.form-columns,.mosque-filters{grid-template-columns:1fr}.country-card{padding:22px;font-size:1.35rem}.header .menu-toggle,html[lang=ar] .header .menu-toggle{min-width:114px;padding:11px 15px}.header .brand-name{font-size:1.25rem}.header .brand{gap:8px}.header .mark{width:30px;height:30px}.header .main-nav,html[lang=ar] .header .main-nav{width:100%}#directory-submission fieldset{padding:18px}.pagination{gap:12px;font-size:.85rem}}@media(max-width:360px){.header .brand-name{font-size:1.12rem}.header .menu-toggle{min-width:96px;padding:10px}}
