/* Naydi.by — city archives. Selectors are limited to this component. */
.naydi-city-grid { --nc-ink: #30352c; --nc-muted: #66735d; --nc-line: #e3e6da; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; width: 100%; max-width: 1160px; margin: 22px auto 42px; padding: 0; font-family: inherit; }
.naydi-city-grid, .naydi-city-grid * { box-sizing: border-box; }
.naydi-city-grid .naydi-city-grid__link { display: flex; align-items: center; gap: 15px; min-width: 0; min-height: 98px; margin: 0; padding: 20px; border: 1px solid var(--nc-line); border-radius: 12px; background: #faf9f5; color: var(--nc-ink); text-decoration: none !important; box-shadow: none; transition: border-color .18s ease, background .18s ease, transform .18s ease; -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.naydi-city-grid .naydi-city-grid__link:nth-child(3n + 2) { background: #f4f6ef; }
.naydi-city-grid .naydi-city-grid__link:nth-child(3n) { background: #f8f5ef; }
.naydi-city-grid .naydi-city-grid__pin { display: flex; align-items: center; justify-content: center; flex: 0 0 42px; width: 42px; height: 46px; border: 1px solid #e1e5d6; border-radius: 13px; background: #fffdf8; color: #899b71; }
.naydi-city-grid svg { display: block; width: 23px; height: 23px; margin: 0; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.naydi-city-grid .naydi-city-grid__text { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0; }
.naydi-city-grid .naydi-city-grid__name { color: var(--nc-ink); font-size: 17px; font-weight: 600; line-height: 1.4; letter-spacing: -.15px; overflow-wrap: anywhere; }
.naydi-city-grid .naydi-city-grid__count { color: var(--nc-muted); font-size: 12px; font-weight: 400; line-height: 1.6; }
.naydi-city-grid .naydi-city-grid__arrow { display: flex; align-items: center; justify-content: center; flex: 0 0 26px; width: 26px; height: 26px; color: #9b855f; }
.naydi-city-grid .naydi-city-grid__arrow > svg { width: 17px; height: 17px; }
.naydi-city-grid .naydi-city-grid__link:hover { border-color: #bdc8ad; background: #f0f2e8; color: var(--nc-ink); transform: translateY(-2px); }
.naydi-city-grid .naydi-city-grid__link:focus-visible { outline: 3px solid #a7814c; outline-offset: 3px; }
.naydi-city-grid__status { max-width: 1160px; margin: 22px auto 42px; padding: 20px; border: 1px dashed #dbe1cf; border-radius: 10px; background: #f5f7ef; color: #748167; font: inherit; font-size: 14px; line-height: 1.7; }
@media (max-width: 1000px) { .naydi-city-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } }
@media (max-width: 620px) {
    .naydi-city-grid { grid-template-columns: minmax(0, 1fr); gap: 11px; margin-top: 18px; margin-bottom: 30px; }
    .naydi-city-grid .naydi-city-grid__link { min-height: 84px; gap: 13px; padding: 16px; }
    .naydi-city-grid .naydi-city-grid__name { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { .naydi-city-grid .naydi-city-grid__link { transition: none; } .naydi-city-grid .naydi-city-grid__link:hover { transform: none; } }