/* City pages (/ramadan/calendar/{city}/) and the "Popular cities" list on the calendar page. */
.rmd-city{display:grid;gap:var(--s6)}
.rmd-city>h1{margin:0}
.rmd-crumbs{color:var(--ink-2)}
.rmd-crumbs a{color:inherit}
.rmd-city-lede{max-width:var(--measure);margin:calc(-1 * var(--s4)) 0 0;font-size:1.1rem}
.rmd-city-note{max-width:var(--measure);margin:0;padding:var(--s4) var(--s5);background:var(--sand);border-left:3px solid var(--brass);border-radius:var(--r-sm)}
.rmd-city-summary{max-width:var(--measure)}
.rmd-city-summary h2,.rmd-city-cal h2{margin:0 0 var(--s4)}
.rmd-city-summary p{margin:0 0 var(--s4)}
.rmd-city-cal{gap:var(--s4)}
.rmd-city-cal>p{margin:0}
.rmd-times tr.extra td{color:var(--ink-2);font-style:italic}
.rmd-cal-legend .l-extra::before{background:none;border:1px dashed var(--ink-2)}
.rmd-city-signup .rmd-signup{margin:0}
.rmd-city-kit{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:var(--s6);align-items:center;padding:var(--s6);background:var(--panel);border:1px solid var(--rule);border-radius:var(--r-lg)}
.rmd-city-kit-img{width:100%;height:auto;border-radius:var(--r-sm);box-shadow:0 10px 30px rgba(6,48,61,.18)}
.rmd-city-kit h2{margin:var(--s2) 0 var(--s3)}
.rmd-city-kit p{margin:0 0 var(--s3);max-width:var(--measure)}
.rmd-city-kit-list{margin:0 0 var(--s4);padding-left:1.2em}
@media (max-width:700px){.rmd-city-kit{grid-template-columns:1fr;padding:var(--s5)}.rmd-city-kit-img{max-width:12rem}}
.rmd-city-links h2{margin:0 0 var(--s2)}
.rmd-city-links>p{margin:0 0 var(--s5)}
.rmd-city-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--s5) var(--s6)}
.rmd-city-links h3{font:500 .75rem/1.3 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);margin:0 0 var(--s2)}
.rmd-city-links ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s1)}
.rmd-city-links [aria-current]{font-weight:600}
.rmd-cal .rmd-city-links{margin-top:var(--s6)}