/* «Радуга»: важные направления — безопасность внутри раздела, по мотивам «Кораблика». */
.rd-important-directions{padding-top:clamp(38px,5vw,70px);padding-bottom:clamp(40px,5vw,78px)}
.rd-important-directions .rd-important-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:35px}
.rd-important-directions .rd-important-head>p{font:550 13px/1.7 "Manrope",Arial,sans-serif;color:#687f9d;max-width:440px}
.rd-important-directions .rd-important-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.rd-important-index{display:block;color:#5293ad;font:900 10px/1.5 "Manrope",Arial,sans-serif;letter-spacing:.14em}
.rd-important-directions .rd-important-section-head h3,.rd-important-directions .rd-important-other-heading h3{font:900 clamp(23px,2.7vw,34px)/1.18 "Nunito",Arial,sans-serif;letter-spacing:-.034em;color:#1d426f;margin:7px 0 0}
.rd-important-section-head>a{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;border-radius:999px;padding:11px 17px;background:#eaf5ff;border:1px solid #d5e5f3;color:#25669e;text-decoration:none;font:850 11px/1.5 "Manrope",Arial,sans-serif}
.rd-important-section-head>a:hover{background:#dceefa}
.rd-important-safety-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-items:stretch}
.rd-important-safety-link{--rd-important-color:#2d80b1;--rd-important-wash:#f0f8ff;--rd-important-line:#dceaf3;position:relative;isolation:isolate;display:grid;grid-template-columns:56px minmax(0,1fr) 32px;gap:12px;align-items:center;min-width:0;min-height:94px;padding:14px 15px;border:1px solid var(--rd-important-line);border-radius:19px;background:linear-gradient(120deg,#fff 12%,var(--rd-important-wash) 100%);text-decoration:none!important;box-shadow:0 7px 21px #1f4b780a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.rd-important-safety-link::before{content:"";position:absolute;z-index:-1;left:82px;right:54px;top:50%;height:38px;transform:translateY(-50%);background:#daeaf6b5;border-radius:50%;pointer-events:none}
.rd-important-safety-link.rd-important-mint{--rd-important-color:#2a9c86;--rd-important-wash:#effaf6;--rd-important-line:#d7ebe5}
.rd-important-safety-link.rd-important-blue{--rd-important-color:#3579bb;--rd-important-wash:#edf6ff;--rd-important-line:#d8e8f9}
.rd-important-safety-link.rd-important-rose{--rd-important-color:#d2638d;--rd-important-wash:#fff1f6;--rd-important-line:#f0dee7}
.rd-important-safety-link.rd-important-violet{--rd-important-color:#876cb9;--rd-important-wash:#f5f0ff;--rd-important-line:#e8ddf4}
.rd-important-safety-link.rd-important-yellow{--rd-important-color:#b38a40;--rd-important-wash:#fffaef;--rd-important-line:#f3e7cc}
.rd-important-safety-link.rd-important-coral{--rd-important-color:#cc816d;--rd-important-wash:#fff4f0;--rd-important-line:#f5e3dc}
.rd-important-safety-link.rd-important-lilac{--rd-important-color:#7981b6;--rd-important-wash:#f5f6ff;--rd-important-line:#e3e5f7}
.rd-important-safety-link:hover{transform:translateY(-2px);box-shadow:0 13px 28px #1b4e7818;border-color:color-mix(in srgb,var(--rd-important-color) 40%,white)}
.rd-important-safety-link:focus-visible{outline:3px solid #2962ad;outline-offset:3px}
.rd-important-safety-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff;color:var(--rd-important-color);box-shadow:0 4px 12px #2440680c}
.rd-important-safety-icon svg{display:block;width:27px;height:27px}
.rd-important-safety-label{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;gap:2px;text-align:center;color:#145988}
.rd-important-safety-label strong{font:800 clamp(13px,1.28vw,17px)/1.35 "Nunito","Manrope",Arial,sans-serif;color:#12618c;overflow-wrap:anywhere}
.rd-important-safety-label small{font:600 10px/1.4 "Manrope",Arial,sans-serif;color:#6b829c}
.rd-important-safety-arrow{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e1eff8;color:var(--rd-important-color);font-size:22px;line-height:1}
.rd-important-other-heading{margin:42px 0 17px;padding-top:27px;border-top:1px solid #dfe8f3}
.rd-important-other-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.rd-important-other-grid .raduga-direction-card{min-height:161px;padding:18px;border-radius:19px;gap:9px}
.rd-important-other-grid .raduga-direction-card .direction-icon{width:41px;height:41px;border-radius:13px;font-size:23px}
.rd-important-other-grid .raduga-direction-card strong{font-size:15px;line-height:1.33}
.rd-important-other-grid .raduga-direction-card small{font-size:11px;line-height:1.55}
.rd-important-other-grid .raduga-direction-card .direction-arrow{top:21px;right:20px}
@media(max-width:1090px){
.rd-important-other-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rd-important-safety-link{min-height:95px;padding:13px;grid-template-columns:49px minmax(0,1fr) 29px;gap:8px}
.rd-important-safety-icon{height:47px;width:47px}
.rd-important-safety-link::before{left:66px;right:46px}
}
@media(max-width:690px){
.rd-important-directions{padding-top:37px;padding-bottom:43px}
.rd-important-directions .rd-important-head{margin-bottom:26px;gap:6px}
.rd-important-directions .rd-important-head>p{font-size:12px;margin:0}
.rd-important-safety-grid{grid-template-columns:1fr;gap:10px}
.rd-important-safety-link{min-height:87px;grid-template-columns:45px minmax(0,1fr) 28px;gap:9px;padding:12px}
.rd-important-safety-link::before{left:64px;right:46px;height:34px}
.rd-important-safety-icon{width:43px;height:43px;border-radius:12px}
.rd-important-safety-icon svg{width:24px;height:24px}
.rd-important-safety-label strong{font-size:14px}
.rd-important-safety-label small{font-size:10px}
.rd-important-safety-arrow{width:28px;height:28px;font-size:19px}
.rd-important-other-heading{margin-top:31px}
.rd-important-other-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.rd-important-other-grid .raduga-direction-card{min-height:167px;padding:14px;gap:7px}
.rd-important-other-grid .raduga-direction-card .direction-icon{width:38px;height:38px;font-size:20px}
.rd-important-other-grid .raduga-direction-card .direction-arrow{right:14px;top:16px}
.rd-important-other-grid .raduga-direction-card strong{font-size:13px}
.rd-important-other-grid .raduga-direction-card small{font-size:10px}
}
@media(max-width:375px){.rd-important-other-grid{grid-template-columns:1fr}.rd-important-other-grid .raduga-direction-card{min-height:130px}}
@media(prefers-reduced-motion:reduce){.rd-important-safety-link{transition:none}.rd-important-safety-link:hover{transform:none}}