/* Страницы Impressum и Datenschutz */
.legal{padding:64px 32px 96px;background:linear-gradient(180deg,#edf8fe 0,#fff 360px)}
.legal-wrap{max-width:820px;margin:auto}
.back-link{display:inline-flex;align-items:center;gap:10px;margin-bottom:30px;color:var(--blue);font-weight:bold;font-size:14px;text-decoration:none}
.back-link::before{
  content:"";width:.9em;height:.9em;background:currentColor;transform:rotate(-135deg);transition:transform .25s;
  -webkit-mask:var(--arrow-ur) center/contain no-repeat;mask:var(--arrow-ur) center/contain no-repeat;
}
.back-link:hover::before{transform:rotate(-135deg) translate(3px,-3px)}
.legal h1{font:normal clamp(40px,5vw,58px)/1.08 Georgia,serif;color:var(--navy);letter-spacing:-1px;margin:0 0 14px}
.legal .lead{font-size:18px;color:#536b7b;margin:0 0 40px}
.legal h2{font:normal clamp(23px,2.4vw,29px)/1.25 Georgia,serif;color:var(--navy);margin:46px 0 14px;letter-spacing:-.3px}
.legal h2 .n{color:var(--blue);margin-right:10px}
.legal h3{font-size:17px;font-weight:bold;color:var(--navy);margin:26px 0 8px}
.legal p,.legal li{color:#3d5a6b;font-size:16px;line-height:1.7}
.legal p{margin:0 0 14px}
.legal ul{padding-left:20px;margin:0 0 14px}
.legal a{color:var(--blue);word-break:break-word}
.legal address{font-style:normal}

.legal-card{background:#fff;border-radius:16px;border-top:4px solid var(--blue);box-shadow:0 8px 30px #123e5414;padding:30px 32px;margin:0 0 20px}
.legal-card h2{margin-top:0}
.legal dl{display:grid;grid-template-columns:210px 1fr;gap:12px 26px;margin:0}
.legal dt{font-weight:bold;color:var(--navy)}
.legal dd{margin:0;color:#3d5a6b}

/* заглушки — что ещё нужно заполнить */
.todo{background:#fff1bc;color:#6b4300;padding:1px 7px;border-radius:5px;font-weight:600;box-decoration-break:clone;-webkit-box-decoration-break:clone}

.legal .stand{margin-top:46px;padding-top:20px;border-top:1px solid #dbe7ee;font-size:14px;color:#6b7e88}

@media(max-width:800px){
  .legal{padding:40px 20px 70px}
  .legal .lead{font-size:16px;margin-bottom:28px}
  .legal-card{padding:22px 20px}
  .legal dl{grid-template-columns:1fr;gap:2px}
  .legal dd{margin-bottom:12px}
  .legal p,.legal li{font-size:15px}
}