.splash-community-links {display:flex; flex-wrap:wrap; gap:0 28px; align-items:center;}
#cityrail-contact {box-sizing:border-box; width:min(520px,calc(100% - 24px)); max-height:calc(100dvh - 32px); padding:24px; border:1px solid var(--ui-line); border-radius:24px; color:var(--ui-text); background:var(--material-panel,var(--ui-surface)); -webkit-backdrop-filter:var(--material-blur,none); backdrop-filter:var(--material-blur,none); box-shadow:var(--ui-shadow); overflow:auto;}
#cityrail-contact::backdrop {background:var(--material-scrim,rgb(0 0 0 / 45%));}
#cityrail-contact header {display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px;}
#cityrail-contact h2 {margin:0; font-size:24px; letter-spacing:-.025em;}
#cityrail-contact [data-contact-close] {width:44px; height:44px; border:1px solid var(--ui-line); border-radius:50%; font-size:24px; color:var(--ui-text); background:var(--ui-field); cursor:pointer;}
.contact-details {margin:0; font-size:15px; line-height:1.6;}
.contact-details > div {display:flex; flex-wrap:wrap; justify-content:space-between; gap:4px 20px; padding:10px 0; border-bottom:1px solid var(--ui-line);}
.contact-details dt {color:var(--ui-muted);}
.contact-details dd {margin:0; overflow-wrap:anywhere; user-select:text;}
.contact-details a {color:var(--ui-text); text-underline-offset:3px;}
#cityrail-contact figure {margin:24px 0 0;}
#cityrail-contact img {display:block; width:100%; height:auto; border-radius:16px;}
#cityrail-contact figcaption {margin-top:12px; font-size:12px; color:var(--ui-muted);}
.settings-footer [data-contact-details] {width:min(100%,360px);}
.settings-footer > a {color:var(--ui-text); padding:12px 0;}
#cityrail-contact :focus-visible {outline:2px solid var(--ui-focus); outline-offset:3px;}