/* Shared styling for licence / privacy / terms — loads on top of site.css */
.legal{padding:56px 0 90px}
.legal .wrap{max-width:760px;margin:0 auto}
/* block, not inline-block: .eyebrow is inline-flex and would otherwise
   sit on the same line as the back link */
.legal .backlink{display:block;color:var(--grey);font-size:14.5px;margin-bottom:22px}
.legal .backlink:hover{color:var(--white);text-decoration:underline}
.legal h1{font-size:clamp(30px,4.4vw,48px);line-height:1.05;letter-spacing:-.03em;font-weight:800;margin:14px 0 10px}
.legal .updated{color:var(--dim);font-size:14px;margin-bottom:12px}
.legal .intro{color:var(--grey);font-size:17px;padding-bottom:28px;border-bottom:1px solid var(--line);margin-bottom:8px}
.legal h2{font-size:21px;font-weight:700;letter-spacing:-.01em;margin:38px 0 12px;scroll-margin-top:100px}
.legal h3{font-size:16.5px;font-weight:700;margin:24px 0 8px;color:var(--white)}
.legal p{color:var(--grey);font-size:16px;margin-bottom:14px}
.legal ul{margin:0 0 16px 0;padding-left:0;list-style:none}
.legal li{color:var(--grey);font-size:16px;padding:7px 0 7px 26px;position:relative}
.legal li::before{content:"";position:absolute;left:4px;top:16px;width:7px;height:7px;border-radius:2px;background:var(--pink)}
.legal b,.legal strong{color:var(--white);font-weight:600}
.legal a{color:var(--pink);text-decoration:underline}
.legal .box{background:var(--card);border:1px solid var(--line2);border-radius:14px;padding:22px 24px;margin:24px 0}
.legal .box p:last-child{margin-bottom:0}
.legal .toc{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin:28px 0 8px}
.legal .toc h2{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--grey);margin:0 0 12px}
.legal .toc ol{margin:0;padding-left:20px}
.legal .toc li{padding:5px 0;font-size:15px}
.legal .toc li::before{display:none}
.legal table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:15px}
.legal th,.legal td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--grey);vertical-align:top}
.legal th{color:var(--white);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;background:var(--card2)}
.legal .scroll{overflow-x:auto}
@media(max-width:600px){
  .legal{padding:36px 0 64px}
  .legal .box,.legal .toc{padding:18px 20px}
  .legal table{min-width:460px}
}