/* FLY-LAX.COM · the A-Z lists (consulates, airlines): one row design, one tag, one column layout, one A-Z index.
   Loaded after ui/flying_times.css, whose .city is the rounded row box. */
/* a row: the country on its own line, then the mission, address, hotline note and e-mail on the left, the telephones on the right */
.city{align-items:flex-start;flex-wrap:wrap;row-gap:.125rem;margin-bottom:.375rem}   /* a designed two-line row: the country, then details | telephones */
.city .c{flex:0 0 100%;display:block;color:#fff;font-weight:800;font-size:1.3125rem;line-height:1.25;letter-spacing:.01em}
/* the tag (a row's, or a legend's inside .tagKey): 14 px drawn at 70 % through zoom, so a browser minimum font size cannot enlarge it next to the name */
.city .tag,.tagKey .tag{display:inline-block;vertical-align:middle;position:relative;top:-2px;margin-left:.6rem;padding:0 .45rem;border-radius:.25rem;border:1px solid rgba(251,191,36,.5);color:#fcd34d;font-size:14px;zoom:.7;font-weight:600;text-transform:uppercase;letter-spacing:.06em;line-height:1.5}
.city .tag.far,.tagKey .tag.far{border-color:rgba(56,189,248,.45);color:#7dd3fc}      /* a mission outside Los Angeles: San Francisco, Washington, New York */
.city .tag.none,.tagKey .tag.none{border-color:rgba(148,163,184,.45);color:#cbd5e1}   /* no mission in the United States */
.city .tag.pick,.tagKey .tag.pick{border-color:rgba(52,211,153,.5);color:#6ee7b7}   /* on an outside list the site showcases (Time Out's essential museums) */
.city .n{flex:1 1 0;min-width:0}
.city .n a{color:#7dd3fc;text-decoration:none;font-weight:400}
.city .n a:hover{text-decoration:underline}
.city .n .note{display:block;color:#94a3b8;font-size:.8125rem;margin-top:.125rem}
.city .n .mail{display:block;color:#94a3b8;font-size:.8125rem;margin-top:.125rem;overflow-wrap:anywhere}
.city .t{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem;flex:0 0 auto;max-width:50%;text-align:right;white-space:nowrap;padding-left:.75rem}
.city .t a{color:inherit;text-decoration:none}
.city .fly{flex:0 0 100%;display:block;color:#94a3b8;font-size:.8125rem;line-height:1.6;margin-top:.25rem}   /* the country's cities on the flying-times map */
.city .fly a{color:#7dd3fc;font-weight:600;text-decoration:none}
.city .fly a:hover{text-decoration:underline}
.city .fly .num{font-variant-numeric:tabular-nums;color:#cbd5e1}
.city .t a:hover{text-decoration:underline}
.city .t .home{color:#fbbf24;font-weight:600;font-size:.8125rem}
.city .t .lbl{color:#94a3b8;font-weight:400;font-size:.75rem;margin-right:.35rem}
/* the list reads top to bottom, then the next column (CSS columns, never a left-to-right grid) */
.cols{column-gap:1.5rem}
@media (min-width:1024px){.cols{column-count:2}}
@media (min-width:1536px){.cols{column-count:3}.cols.wide{column-count:2}}   /* .wide: rows holding two facts per line (airlines) keep two columns, so a name is not cut short */
.az h3{break-after:avoid;scroll-margin-top:calc(5rem + var(--stickyH, 0px) + .75rem)}   /* a letter lands below the header and the sticky bar */
.city{break-inside:avoid}
/* the A–Z index */
#azIndex a{display:inline-grid;place-items:center;min-width:1.875rem;height:1.875rem;padding:0 .35rem;border-radius:.5rem;border:1px solid rgba(56,189,248,.3);color:#7dd3fc;font-weight:700;font-size:.875rem;transition:background .15s,border-color .15s}
#azIndex a:hover{background:rgba(14,165,233,.15);border-color:rgba(56,189,248,.6)}
#azIndex a[aria-disabled="true"]{color:#64748b;border-color:rgba(255,255,255,.08);pointer-events:none}
@media print{.city .n .note,.city .n .mail{color:#333}.city .t .home,.city .tag{color:#000;border-color:#999}.cols{column-count:2}#stickyBar{display:none}}