/* Legal pages: banner heading, then a 1200px text column. */
.legal{position:relative;padding:360px 0 0}
.legal__banner{position:absolute;inset:0 0 auto;height:810px;background:linear-gradient(rgba(0,0,0,.45) 0%,rgba(0,0,0,.6) 45%,#000 92%),url("../assets/legal-privacy-baner.webp") center/cover no-repeat}
.legal__head,.legal__body{position:relative}
.legal__head{text-align:center}
.legal__updated{margin:80px 0 112px;line-height:1.3;color:transparent;-webkit-text-stroke:1px #fff}
.legal__body{width:min(1200px,100% - 2*var(--pad));margin:0 auto;padding-bottom:0}
.legal__body h2{margin-top:48px;line-height:1.1;scroll-margin-top:24px}
.legal__body h2:first-child{margin-top:0}
.legal__text{margin:32px 0 48px;line-height:1.3}
.legal__text--intro{margin-bottom:80px;line-height:1.6}
.legal__text:first-child{margin-top:0}
.legal__text:last-child{margin-bottom:0}
.legal__text p{margin:0}
.legal__text ol{margin:0;padding-left:60px}
.legal__text ul,.legal__point ul{margin:0;padding-left:40px;list-style-position:inside}
.legal__point p{margin:0}
.legal__text a{text-decoration:underline}
.legal__point{display:flex;gap:32px;margin-bottom:24px}
.legal__point img{flex:none;width:48px;height:60px}
.legal__point>div{flex:1;min-height:60px;line-height:1.6}
.legal__point+.legal__text{margin-top:32px}
.legal__table{margin:0 0 24px;overflow-x:auto}
.legal__table table{width:1200px;border-collapse:collapse;table-layout:fixed;font-size:12px;line-height:1.3}
.legal__table th,.legal__table td{padding:4px 10px;border:2px solid var(--text);text-align:left;vertical-align:top}
.legal__table th{font-weight:700}
.legal__table th:first-child,.legal__table td:first-child{width:50%}
.legal__table p{margin:0}
.legal + .site-footer,.page-legal .site-footer{margin-top:48px}
#site-main:has(.legal){padding-bottom:48px}
@media (max-width:767px){
  .legal{padding-top:220px}
  .legal__banner{height:219px;background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.55) 60%,#000),url("../assets/legal-privacy-baner.webp") center/cover no-repeat}
  .legal__updated{margin:40px 0 52px;line-height:1.6}
  .legal__body h2{margin-top:24px;line-height:1.3;text-align:center}
  .legal__text{margin:16px 0 24px;line-height:1.6}
  .legal__text--intro{margin-bottom:40px}
  .legal__text ol,.legal__text ul{padding-left:28px}
  .legal__point{gap:16px;margin-bottom:20px}
  .legal__table table{width:1100px;font-size:11px}
}