/* Masjid Ibrahim — service discovery and visit information.
   Reuses Version 9 semantic emerald / ivory / gold tokens. */
.mi-services-discovery {margin:21px 0 30px}
.mi-services-discovery-head {display:flex;gap:16px;align-items:end;justify-content:space-between;margin-bottom:17px}
.mi-services-discovery-head h2 {font:800 clamp(22px,2.3vw,29px)/1.25 'Manrope',sans-serif;letter-spacing:-.7px;margin:5px 0 6px;color:var(--ui-strong)}
.mi-services-discovery-head p {margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.mi-services-all-link {flex-shrink:0;color:var(--ui-link);font-weight:800;font-size:12px}
.mi-services-discovery-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mi-services-discovery-card {
 display:flex;align-items:center;gap:12px;min-width:0;min-height:96px;
 padding:16px;border-radius:15px;background:var(--ui-raised);color:var(--ink);
 border:1px solid var(--border);box-shadow:0 9px 26px #112c2009;
 transition:border-color .16s ease,background-color .16s ease,transform .16s ease;
}
.mi-services-discovery-card:hover,.mi-services-discovery-card:focus-visible {background:var(--ui-soft);border-color:var(--ui-accent);transform:translateY(-1px)}
.mi-services-discovery-icon {flex:0 0 42px;height:42px;display:grid;place-items:center;background:var(--ui-pill);border-radius:12px;color:var(--ui-pill-ink)}
.mi-services-discovery-copy {display:flex;flex:1;flex-direction:column;min-width:0;gap:3px}
.mi-services-discovery-copy strong {font:800 13px/1.35 'Manrope',sans-serif;color:var(--ui-strong)}
.mi-services-discovery-copy small {font:500 11px/1.45 'DM Sans',sans-serif;color:var(--muted)}
.mi-services-discovery-arrow {color:var(--ui-link);flex:0 0 17px}
.mi-services-compact .mi-services-discovery-card {min-height:84px;padding:13px}
.mi-services-compact .mi-services-discovery-icon {flex-basis:38px;height:38px}
.mi-services-extra {padding:24px;margin-top:17px;background:var(--ui-raised);color:var(--ink)}
.mi-services-extra h2 {color:var(--ui-strong)}
.mi-services-extra-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}
.mi-services-extra-grid>div {padding:13px 0;border-bottom:1px solid var(--border)}
.mi-services-extra-grid h3 {margin:0 0 6px;color:var(--ui-strong);font-size:14px}
.mi-services-extra-grid p {margin:0;color:var(--muted);line-height:1.6;font-size:12px}
.mi-services-source-note {margin:14px 0 0;color:var(--muted);font-size:12px;line-height:1.65}
.mi-services-source-note a {color:var(--ui-link);text-decoration:underline;text-underline-offset:2px;font-weight:700}
.mi-visit-grid {display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:18px}
.mi-visit-details,.mi-visit-map-panel {padding:26px;min-width:0;background:var(--ui-raised);color:var(--ink)}
.mi-visit-grid h2,.mi-visit-followup h2 {color:var(--ui-strong);font:800 22px/1.3 'Manrope',sans-serif;margin:7px 0 12px}
.mi-visit-grid p,.mi-visit-followup p {color:var(--muted);line-height:1.7}
.mi-visit-detail {padding:12px 0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 14px}
.mi-visit-detail strong {font-size:12px;color:var(--ui-strong)}
.mi-visit-detail span,.mi-visit-detail a {font-size:12px;color:var(--ui-link);overflow-wrap:anywhere;max-width:100%}
.mi-visit-detail span {color:var(--ink);text-align:right}
.mi-visit-actions {display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.mi-visit-actions .btn {white-space:normal;text-align:center}
.mi-visit-map {width:100%;height:330px;border:1px solid var(--border);border-radius:12px;background:var(--ui-soft);display:block}
.mi-visit-followup {margin-top:17px;padding:23px 26px;background:var(--ui-raised);color:var(--ink)}
@media(max-width:1100px){.mi-services-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.mi-visit-grid{grid-template-columns:1fr}}
@media(max-width:560px){
 .mi-services-discovery-head{display:block}
 .mi-services-all-link{display:inline-block;margin-top:10px}
 .mi-services-discovery-grid{grid-template-columns:1fr;gap:9px}
 .mi-services-discovery-card,.mi-services-compact .mi-services-discovery-card{min-height:73px;padding:12px}
 .mi-services-extra-grid{grid-template-columns:1fr}
 .mi-visit-details,.mi-visit-map-panel,.mi-visit-followup{padding:20px 16px}
 .mi-visit-detail{display:block}
 .mi-visit-detail span,.mi-visit-detail a{display:block;text-align:left;margin-top:5px}
 .mi-visit-map{height:285px}
}
@media(prefers-reduced-motion:reduce){.mi-services-discovery-card{transition:none}.mi-services-discovery-card:hover{transform:none}}