.coti-offices{scroll-margin-top:120px}
.coti-offices .offices-intro{max-width:760px;margin-bottom:28px}
.office-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.office-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:26px;min-width:0}
.office-card h3{font-size:22px;line-height:1.25;margin:14px 0 10px}
.office-card p{margin:10px 0 0;line-height:1.65}
.office-card address{font-style:normal;line-height:1.65;margin:10px 0 0}
.office-card a{overflow-wrap:anywhere;text-underline-offset:4px}
.office-status{display:inline-flex;font-size:12px;font-weight:700;line-height:1.4;padding:6px 10px;border-radius:6px;background:var(--color-bg);border:1px solid var(--color-border)}
.office-status--active{color:#176247;background:#e6f4ed;border-color:#badbc9}
.office-status--paused{color:#755013;background:#faf1df;border-color:#e6d3aa}
.office-status--planned{color:#294b83;background:#e9effb;border-color:#c8d7f1}
.office-service-note{font-size:14px}
.contact-offices{margin-top:30px;padding-top:24px;border-top:1px solid var(--color-border)}
.contact-offices h2{font-size:25px;margin:0 0 18px}
.contact-offices .office-grid{grid-template-columns:1fr;gap:14px}
.contact-offices .office-card{padding:20px}
.contact-offices .office-card h3{font-size:19px}
@media(max-width:650px){.office-grid{grid-template-columns:1fr}.office-card{padding:22px}.coti-offices{scroll-margin-top:90px}}