/* Approved "Марки и направления" design, shared palette roles. */
#directions.directions-ready {padding-block:48px;background:var(--tnvd-page);color:var(--tnvd-ink)}
#directions .dd-split {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:stretch;font:400 18px/1.45 Circe,Arial,sans-serif}
#directions .dd-split * {box-sizing:border-box}
#directions .dd-darkbox {display:flex;flex-direction:column;justify-content:space-between;gap:26px;padding:30px;border-radius:18px;background:var(--tnvd-footer-bg);color:var(--tnvd-footer-ink)}
#directions .dd-label {margin:0 0 14px;color:var(--tnvd-footer-focus);font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
#directions .dd-darkbox h2 {margin:0;color:var(--tnvd-footer-ink);font-size:32px;line-height:1.18;font-weight:700;text-align:left;max-width:360px}
#directions .dd-brandgrid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 22px;font-size:26px;line-height:1.25;font-weight:700}
#directions .dd-brandgrid span {font-style:normal}
#directions .dd-sub {margin:0;font-size:16px;line-height:1.4;color:var(--tnvd-footer-ink)}
#directions .dd-services {min-width:0}
#directions .dd-service {display:grid;grid-template-columns:34px minmax(0,1fr) 22px;gap:14px;align-items:center;padding:23px 0;border-bottom:1px solid var(--tnvd-line);color:var(--tnvd-ink);text-decoration:none}
#directions .dd-service:first-child {padding-top:9px}
#directions .dd-number {color:var(--tnvd-link);font-size:14px;font-weight:700;line-height:1.3}
#directions .dd-service h3 {display:block;margin:0;color:var(--tnvd-heading);font-size:24px;line-height:1.25;font-weight:700}
#directions .dd-detail {display:block;margin-top:5px;color:var(--tnvd-muted);font-size:16px;line-height:1.4}
#directions .dd-service svg {width:22px;height:22px;color:var(--tnvd-link)}
#directions .dd-service:hover h3 {color:var(--tnvd-link)}
#directions .dd-service:focus-visible,#directions .dd-proof a:focus-visible {outline:2px solid var(--tnvd-focus);outline-offset:5px;border-radius:4px}
#directions .dd-proof {display:flex;align-items:center;gap:10px;margin:22px 0 0;font-size:16px;line-height:1.45;color:var(--tnvd-muted)}
#directions .dd-proof svg {width:22px;height:22px;flex:none;color:var(--tnvd-link)}
#directions .dd-proof a {color:var(--tnvd-link);text-decoration:underline;text-underline-offset:4px}
#directions .dd-proof a:hover {color:var(--tnvd-link-hover)}
@media(max-width:950px) {
 #directions .dd-split {gap:26px}
 #directions .dd-darkbox {padding:25px}
 #directions .dd-darkbox h2 {font-size:29px}
 #directions .dd-brandgrid {font-size:24px;gap:16px}
 #directions .dd-service {gap:12px;grid-template-columns:28px minmax(0,1fr) 20px;padding-block:21px}
 #directions .dd-service h3 {font-size:22px}
 #directions .dd-detail,#directions .dd-proof {font-size:15px}
}
@media(max-width:640px) {
 #directions.directions-ready {padding-block:30px}
 #directions .dd-split {grid-template-columns:minmax(0,1fr);gap:22px}
 #directions .dd-darkbox {padding:24px;gap:22px}
 #directions .dd-darkbox h2 {font-size:28px;max-width:360px}
 #directions .dd-brandgrid {font-size:24px;gap:12px 22px}
 #directions .dd-sub {font-size:15px}
 #directions .dd-service {padding-block:19px}
 #directions .dd-service:first-child {padding-top:0}
 #directions .dd-service h3 {font-size:21px}
 #directions .dd-proof {margin-top:20px}
}
@media(max-width:360px) {
 #directions .dd-darkbox {padding:21px}
 #directions .dd-darkbox h2 {font-size:26px}
 #directions .dd-brandgrid {font-size:23px}
 #directions .dd-service {grid-template-columns:24px minmax(0,1fr) 18px;gap:10px}
 #directions .dd-service h3 {font-size:20px}
 #directions .dd-detail,#directions .dd-proof {font-size:14px}
}