/* /contest-terms: banner, centred title and bulleted rule groups. Live sets these headings in <b>, so they render bold. */
.terms{position:relative}
.terms__banner{position:absolute;top:0;left:0;z-index:1;width:100%;height:auto}
.terms__head{position:relative;z-index:2;padding-top:360px;text-align:center}
.terms__head h1{padding:0 20px;font-weight:700}
.terms__subtitle{margin:80px 0 112px;font-size:var(--t32);font-weight:700;line-height:1.3;color:transparent;text-transform:uppercase;-webkit-text-stroke:1px var(--white)}
.terms__body{position:relative;z-index:2;max-width:1240px;margin-inline:auto;padding:0 20px}
.terms__group h2{font-size:var(--t48);font-weight:700}
.terms__group p{margin:32px 0 48px}
.terms__points{display:flex;flex-direction:column;row-gap:24px;margin:32px 0 30px;padding:0;list-style:none}
.terms__group:first-child .terms__points{margin-bottom:48px}
.terms__points li{min-height:60px;padding-left:80px;background:url("../assets/horned-x.svg") left top/48px 60px no-repeat;line-height:1.6}
@media (max-width:1199px){
  .terms__head{padding-top:280px}
  .terms__subtitle{margin-bottom:64px}
  .terms__body{max-width:none;margin-inline:0;padding:0 var(--pad)}
}
@media (max-width:767px){
  .terms__head{padding-top:220px}
  .terms__subtitle{margin:40px 0 52px;padding:0 11px;line-height:1.6}
  .terms__group h2{text-align:center}
  .terms__group p{margin:16px 0 24px}
  .terms__points,.terms__group:first-child .terms__points{margin:16px 0 24px}
  .terms__points li{padding-left:64px}
}