/* Семь направлений в едином блоке */
.directions-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.directions-grid .direction-card{box-sizing:border-box;grid-column:span 3;border:1px solid #ccd0c8;padding:26px;min-height:240px;display:flex;flex-direction:column;text-decoration:none;color:#20312b;transition:background .2s,border-color .2s,transform .2s}
.directions-grid .direction-card:nth-child(n+5){grid-column:span 4}
.directions-grid .direction-card:hover{background:#eeefe8;border-color:#6a7c6d;transform:translateY(-3px)}
.direction-card .top{display:flex;justify-content:space-between;align-items:center}
.direction-card .num{font:12px Arial,sans-serif;letter-spacing:2px;color:#7b857d}
.direction-card svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.home .direction-card h2{font:normal 24px/1.15 Georgia,serif;margin:25px 0 12px}
.direction-card p{font:14px/1.55 Arial,sans-serif;margin:0 0 22px;color:#58635b}
.direction-card .more{margin-top:auto;font:12px Arial,sans-serif}
.directions-grid .direction-card.accent{background:#20362d;color:#fff;border-color:#20362d}
.direction-card.accent p,.direction-card.accent .num{color:#d0dbd2}
.directions-grid .direction-card.accent:hover{background:#2b463a}
.direction-card:focus-visible{outline:3px solid #849b6f;outline-offset:3px}
@media(max-width:1000px){.directions-grid .direction-card,.directions-grid .direction-card:nth-child(n+5){grid-column:span 6}}
@media(max-width:600px){.directions-grid .direction-card,.directions-grid .direction-card:nth-child(n+5){grid-column:span 12;min-height:215px}}