/* center-cards
   Generated from the approved mockup CSS by wp-build/css.py, plus css-fixes/center-cards.css. */
.center-list .pin { flex: none; width: 32px; height: 32px; border-radius: 50%; background: var(--accent); color: #fff; font-weight: 700; font-size: 15px; display: grid; place-items: center; }
.center-list .pin-accent { background: var(--highlight); }
.center-list .loc-name { display: flex; gap: var(--s2); align-items: flex-start; }
.center-list .loc-name .pin { margin-top: 4px; }
.center-list .loc-addr { margin-top: var(--s2); font-style: normal; font-size: 17px; line-height: 1.6; }
.center-list .loc-addr a { font-weight: 600; }
.center-list .loc-links { display: grid; gap: 4px; margin-top: var(--s3); }
.center-list .loc-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s4) var(--s5); margin: 0; }
.center-list .loc-facts dt { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 700; color: var(--accent); margin-bottom: 6px; }
.center-list .loc-facts dt svg { width: 20px; height: 20px; flex: none; }
.center-list .loc-facts dd { margin: 0; font-size: 17px; line-height: 1.55; }
.center-list .loc-facts .warn { display: block; margin-top: 6px; color: var(--highlight-text); font-weight: 600; }
.center-list .centers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s4); }
.center-list .center { background: var(--card); border-radius: var(--r-panel); padding: 40px 36px; scroll-margin-top: 24px; }
.center-list .center h3 { font-size: 24px; font-weight: 500; }
.center-list .center .loc-facts { grid-template-columns: minmax(0, 1fr); gap: var(--s3); margin-top: var(--s4); }
.center-list .online-band { margin-top: var(--s6); display: flex; flex-wrap: wrap; gap: var(--s2) var(--s5); align-items: baseline; }
.center-list .online-band h2 { font-size: 26px; font-weight: 500; }
@media (max-width: 1100px) {
  .center-list .centers { grid-template-columns: minmax(0, 1fr); max-width: 720px; gap: var(--s3); }
}
@media (max-width: 700px) {
  .center-list .loc-facts { grid-template-columns: minmax(0, 1fr); gap: var(--s3); }
  .center-list .center { padding: var(--s4) var(--s3); }
}

/* Block markup adjustments */
.center-list .loc-facts dt { display: flex; align-items: center; gap: 10px; }
.center-list .loc-facts dt::before { content: ""; width: 20px; height: 20px; flex: none; background: currentColor; -webkit-mask: var(--icon) center / contain no-repeat; mask: var(--icon) center / contain no-repeat; }
.center-list .loc-facts dt p, .center-list .loc-facts dd p { margin: 0; }
.center-list .loc-name p.pin { margin: 4px 0 0; }
.center-list .loc-links p { margin: 0; }
.center-list .loc-facts .warn { display: block; margin-top: 6px; color: var(--highlight-text); font-weight: 600; }
.center-list .loc-facts .is-hours dt { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 7v5l3 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.center-list .loc-facts .is-parking dt { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='3' width='16' height='18' rx='4' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M10 17V8h3a2.5 2.5 0 0 1 0 5h-3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.center-list .loc-facts .is-bus dt { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='3' width='14' height='15' rx='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M5 11h14M8 18v3M16 18v3' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='9' cy='14.5' r='1'/%3E%3Ccircle cx='15' cy='14.5' r='1'/%3E%3C/svg%3E"); }
.center-list .loc-facts .is-services dt { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 20V9l8-5 8 5v11' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9 20v-6h6v6' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E"); }