/* Legal pages (seo/legal/*): the few rules the shared design system (core/static/css/traxer.css) does not
   cover. Listing, services and pricing pages are styled by tenders.css and search.css. */
.legal-meta { margin: 14px 0 0; font-size: 13px; color: var(--muted); }
.legal-head .headline { max-width: none; }
.prose h2 { scroll-margin-top: calc(var(--header-h) + 16px); }
.legal-table { margin: 0 0 1.2em; }
/* „Контакти“ (seo/contacts.html): the e-mail and the phone as two cards */
.contact-card__value { margin: 6px 0 0; font: 600 20px/1.3 var(--font-display); overflow-wrap: anywhere; }
.contact-card__value.num { font-family: var(--font-num); font-variant-numeric: lining-nums tabular-nums; }
.contact-card__value a { color: var(--accent); text-decoration: none; }
.contact-card__value a:hover { text-decoration: underline; }
.contact-chat { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }
.contact-hours { display: flex; flex-wrap: wrap; gap: 8px 24px; color: var(--ink-2); }
.contact-topics { gap: 12px; }
.contact-topic { display: flex; flex-direction: column; gap: 6px; text-decoration: none; color: inherit; }
.contact-topic:hover { border-color: var(--line-strong); }
.contact-topic__title { font: 700 16px/1.3 var(--font-display); color: var(--ink); }
.contact-topic__text { color: var(--muted); font-size: 14px; }
.contact-form .grid-2 { gap: 16px 24px; }
.contact-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.contact-billing { display: grid; gap: 8px; margin: 0; }
.contact-billing div { display: grid; grid-template-columns: 140px 1fr; gap: 12px; }
.contact-billing dt { color: var(--muted); }
.contact-billing dd { margin: 0; color: var(--ink); }
@media (max-width: 560px) { .contact-billing div { grid-template-columns: 1fr; gap: 2px; } }