/* School district map (schools-and-activities) */
.dcard{margin:28px 0 0;background:#F4F1EA;border:1px solid var(--border);border-radius:16px;padding:clamp(12px,3vw,32px);display:grid;gap:24px}
@media(min-width:1000px){.dcard{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}}
.dmap{display:block;width:100%;height:auto;max-width:720px;margin:0 auto}
.dcard figcaption{display:grid;gap:14px}
.dnote{font-weight:700;font-size:17px;line-height:1.45;background:var(--paper);border:1px solid var(--border);border-left:4px solid #0E3B2E;border-radius:12px;padding:14px 16px}
.dlegend{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dlegend li{display:flex;gap:12px;align-items:center;background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:10px 12px}
.dlegend li.split{border-color:#1D2326}
.dlegend .sw{width:40px;height:40px;flex:none}
.dlegend b{display:block;font-size:17px;line-height:1.2}
.dlegend span{display:block;font-size:15.5px;line-height:1.4;color:var(--warm-muted)}
.dlook{margin-top:4px}
.dlinks{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.dlinks a{display:flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--border);border-radius:12px;background:var(--paper);font-weight:600;line-height:1.3}
@media(max-width:600px){.dcard{padding:8px;gap:16px}.dcard figcaption{padding:0 6px 8px}}
@media(max-width:600px){.dcard{margin-left:calc(-1*var(--gut) + 6px);margin-right:calc(-1*var(--gut) + 6px)}}
