/* My Account: the address book (3 Nov 2026). */
.hh-book__lead { margin: 0 0 20px; color: var(--hh-ink-700); }
.hh-book__list { list-style: none; margin: 0 0 24px; padding: 0; border: 1px solid var(--hh-ink-200); border-radius: 6px; }
.hh-book__item { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; padding: 14px 16px; }
.hh-book__item + .hh-book__item { border-top: 1px solid var(--hh-line); }
.hh-book__text { display: grid; gap: 2px; font-size: 14px; line-height: 1.4; }
.hh-book__text b { font-weight: 600; color: var(--hh-ink); }
.hh-book__text span { color: var(--hh-ink-700); font-size: 13px; }
.hh-book__actions { display: flex; gap: 14px; align-items: center; flex: 0 0 auto; font-size: 13px; }
.hh-book__actions a, .hh-book__actions button { padding: 0; border: 0; background: none; font: inherit; font-size: 13px; color: var(--hh-ink); text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.hh-book__actions form { margin: 0; display: inline; }
.hh-book__empty { color: var(--hh-ink-600); }
.hh-book__form { max-width: 560px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.hh-book__form h3 { grid-column: 1 / -1; margin: 0 0 12px; }
.hh-book__row { grid-column: 1 / -1; margin: 0 0 14px; }
.hh-book__row--first_name, .hh-book__row--last_name, .hh-book__row--city, .hh-book__row--postcode { grid-column: span 1; }
.hh-book__row label { display: block; margin: 0 0 4px; font-size: 13px; color: var(--hh-ink-700); }
.hh-book__row input, .hh-book__row select { width: 100%; height: 48px; padding: 0 14px; border: 1px solid var(--hh-ink-200); border-radius: 6px; background: #fff; font: inherit; font-size: 15px; color: var(--hh-ink); }
.hh-book__row input:focus, .hh-book__row select:focus { outline: none; border-color: var(--hh-ink); box-shadow: 0 0 0 1px var(--hh-ink); }
.hh-book__buttons { grid-column: 1 / -1; display: flex; gap: 18px; align-items: center; margin: 6px 0 0; }
.hh-book__cancel { color: var(--hh-ink-700); text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 600px) { .hh-book__form { grid-template-columns: 1fr; } .hh-book__row--first_name, .hh-book__row--last_name, .hh-book__row--city, .hh-book__row--postcode { grid-column: 1 / -1; } .hh-book__item { flex-direction: column; gap: 8px; } }