:root {
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --text-xs: clamp(.75rem, .7rem + .25vw, .875rem);
  --text-sm: clamp(.875rem, .8rem + .35vw, 1rem);
  --text-base: clamp(1rem, .95rem + .25vw, 1.125rem);
}
.zip-intro, .zip-reference { padding-block: var(--space-6); }
.zip-intro > h2, .zip-reference > h2, .zip-hub-link > h2 { border: 0; padding-left: 0; }
.zip-kicker { color: var(--red); font-weight: 700; font-size: var(--text-sm); }
.zip-borough-links { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-block: var(--space-6); }
.zip-borough-links a { display: inline-flex; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); border: 1px solid color-mix(in srgb, var(--ink) 22%, transparent); border-radius: 4px; color: var(--ink); font-weight: 600; }
.zip-borough-links a:hover, .zip-borough-links a:focus-visible { background: var(--yellow); color: #1a1a1a; }
.zip-borough-links span { font-variant-numeric: tabular-nums; opacity: .7; font-size: var(--text-xs); }
.zip-filter { display: flex; align-items: flex-end; flex-wrap: wrap; gap: var(--space-4); padding: var(--space-5); background: var(--off, var(--paper)); border: 1px solid color-mix(in srgb, var(--ink) 16%, transparent); border-radius: 4px; margin-top: var(--space-6); }
.zip-search-field { flex: 1 1 18rem; }
.zip-filter label { display: block; margin-bottom: var(--space-2); font-size: var(--text-sm); font-weight: 600; }
.zip-filter input, .zip-filter select { height: 48px; width: 100%; border: 1px solid color-mix(in srgb, var(--ink) 28%, transparent); border-radius: 4px; padding: var(--space-3); color: var(--ink); background: var(--paper); font-family: inherit; font-size: 16px; }
.zip-reset { min-height: 48px; margin: 0; padding: var(--space-3) var(--space-4); background: var(--red); border: 0; border-radius: 4px; color: #fff; font-family: inherit; font-size: 16px; font-weight: 600; cursor: pointer; }
.zip-reset:hover { filter: brightness(.9); }
.zip-result-count { font-size: var(--text-sm); color: var(--grey, var(--muted)); margin-block: var(--space-3); }
.zip-table-wrap { overflow-x: auto; margin-block: var(--space-4); }
.zip-table { width: 100%; max-width: none; margin: 0; border-collapse: collapse; table-layout: auto; }
.zip-table thead th { padding: var(--space-4); background: var(--ink); color: var(--paper); font-family: 'Barlow', sans-serif; text-transform: none; font-size: var(--text-sm); }
.zip-table td, .zip-table tbody th { padding: var(--space-4); border: 0; border-bottom: 1px solid color-mix(in srgb, var(--ink) 14%, transparent); vertical-align: top; font-size: var(--text-sm); background: transparent; color: var(--ink); line-height: 1.5; }
.zip-table tbody tr:nth-child(even) { background: var(--off, var(--paper)); }
.zip-table tbody th { width: 6rem; }
.zip-code { font-family: 'Barlow', sans-serif; font-size: var(--text-base); font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.zip-source { display: block; font-size: var(--text-xs); margin-top: var(--space-2); }
.zip-source a { text-decoration: underline; text-underline-offset: 3px; }
.zip-row-sources, .zip-row-notes { margin-top: var(--space-2); }
.zip-row-sources summary, .zip-row-notes summary { font-size: var(--text-xs); cursor: pointer; padding-block: var(--space-2); min-height: 44px; }
.zip-row-sources a { display: inline-block; padding-block: var(--space-2); }
.zip-breadcrumbs { display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; padding: var(--space-3); background: transparent; margin-bottom: var(--space-6); font-size: var(--text-sm); }
.zip-note { display: block; font-size: var(--text-xs); margin-top: var(--space-2); color: var(--grey, var(--muted)); }
.zip-footnote, .zip-scope { font-size: var(--text-sm); color: var(--grey, var(--muted)); }
.zip-empty { padding: var(--space-6); background: var(--off, var(--paper)); border: 1px solid color-mix(in srgb, var(--ink) 20%, transparent); }
[hidden] { display: none !important; }
.zip-method, .zip-special-records { border: 1px solid color-mix(in srgb, var(--ink) 18%, transparent); border-radius: 4px; padding: var(--space-5); margin-block: var(--space-6); }
.zip-method summary, .zip-special-records summary { font-weight: 700; min-height: 44px; cursor: pointer; display: list-item; }
.zip-method a, .zip-footnote a { text-decoration: underline; text-underline-offset: 3px; }
.zip-jump a { display: inline-block; padding: var(--space-2); text-decoration: underline; text-underline-offset: 4px; color: #ffc400; }
.zip-home-link { margin-top: var(--space-6); text-decoration: underline; text-underline-offset: 4px; font-weight: 600; }
.zip-hub-link { padding: var(--space-6); margin-block: var(--space-6); border: 1px solid color-mix(in srgb, var(--ink) 20%, transparent); background: var(--off, var(--paper)); }
.zip-hub-link .btn-y { display: inline-block; margin-top: var(--space-3); color: #1a1a1a; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.zip-reference { scroll-margin-top: 10rem; }
@media (max-width: 600px) {
  .zip-filter > div, .zip-filter > button { width: 100%; flex-basis: 100%; }
  .zip-filter { padding: var(--space-4); }
  .zip-table, .zip-table tbody { display: block; min-width: 0; }
  .zip-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
  .zip-table tbody tr { display: block; padding: var(--space-4); border: 1px solid var(--tbg-line); margin-bottom: var(--space-4); border-radius: 4px; }
  .zip-table tbody td, .zip-table tbody th { display: block; width: auto; padding: var(--space-2) 0; border: 0; font-size: 16px; overflow-wrap: break-word; }
  .zip-table tbody td::before { content: attr(data-label); display: block; margin-bottom: var(--space-1); color: var(--tbg-muted); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
  .zip-table tbody th::before { content: "ZIP code"; display: inline; margin-right: var(--space-3); color: var(--tbg-muted); font-size: 12px; text-transform: uppercase; }
  .zip-code { font-size: 22px; }
  .zip-row-sources summary, .zip-row-notes summary { font-size: 14px; }
  .zip-special-records { padding: var(--space-3); }
}
@media (prefers-reduced-motion: reduce) {
  .zip-reference, .zip-filter * { scroll-behavior: auto; transition: none; }
}