/* zip-checker.css — campo y botón en una fila; el resultado cambia de acento según la zona */
.zip__row { display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: end; }
.zip__field { flex: 1 1 12rem; max-inline-size: 20rem; }
.zip__btn { flex: 0 0 auto; }
.zip__result[data-state="in"] { border-color: color-mix(in oklch, var(--good) 50%, var(--border)); background: color-mix(in oklch, var(--good) 10%, var(--bg)); }
.zip__result[data-state="out"] { border-color: var(--border-strong); background: var(--bg); }
.zip__title { font-size: var(--step-2); }
.zip__title:focus { outline: none; }
.zip__areas summary { cursor: pointer; font-weight: 600; min-block-size: 2.75rem; display: flex; align-items: center; }
.zip__areas ul { margin: 0.5rem 0 0; padding-inline-start: 1.1rem; display: grid; gap: 0.3rem; }
.tool [aria-invalid="true"] { border-color: var(--bad); }