/* about.css — только уникальное для /about/. Общее — в static-page.css/main.css. */

.gate-numbers { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 16px 0; }
@media (min-width: 560px) { .gate-numbers { grid-template-columns: repeat(2, 1fr); } }
.gate-item { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.07); border-radius: 12px; padding: 14px 16px; }
.gate-item .num { font-size: 22px; font-weight: 800; color: #FF6B00; }
.gate-item .label { font-size: 13px; color: rgba(255,255,255,0.65); margin-top: 2px; }
.contacts-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.contact-chip { font-size: 14px; padding: 10px 16px; border-radius: 14px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.08); color: #fff; text-decoration: none; }
.contact-chip:hover { border-color: rgba(255,107,0,0.5); }