/* Legal pages (about, legal notice, privacy, terms, refunds). Built on site.css, in the style of the landing page:
   a Barlow Condensed title, then the sections in the layout of the landing page's Questions block (title left, text right),
   separated by hairlines. Links are the only blue. */

.legal-page{padding-top:var(--header)}
.legal-main{padding-top:clamp(48px,7vw,104px);padding-bottom:clamp(64px,9vw,128px)}
.legal-hero{max-width:900px;padding-bottom:clamp(32px,4.5vw,64px)}
.legal-hero h1{font:600 clamp(60px,7.4vw,112px)/.84 var(--display);letter-spacing:-.022em;text-transform:uppercase;overflow-wrap:break-word}
.legal-hero>p{max-width:60ch;margin-top:clamp(18px,2.2vw,28px);color:var(--soft);font-size:clamp(16px,1.4vw,19px);line-height:1.6}
.legal-layout{border-top:1px solid var(--border)}
.legal-content{min-width:0;color:var(--soft);font-size:15.5px;line-height:1.75}

.legal-content section{display:grid;grid-template-columns:clamp(220px,24vw,300px) minmax(0,72ch);column-gap:clamp(32px,6vw,96px);padding:clamp(28px,3.6vw,48px) 0;border-bottom:1px solid var(--border)}
.legal-content section:last-child{border-bottom:0}
.legal-content section>*{grid-column:2}
.legal-content section>h2{grid-column:1;grid-row:1;margin-bottom:0;padding-right:8px}
.legal-content h2{color:var(--text);font:600 clamp(28px,2.5vw,36px)/1.05 var(--display);letter-spacing:.005em;text-transform:uppercase;overflow-wrap:break-word}
.legal-content h3{margin:0 0 4px;color:var(--text);font:600 15px/1.45 var(--font)}
.legal-content p{margin:0 0 16px}
.legal-content section>*:last-child,.legal-content p:last-child{margin-bottom:0}
.legal-content a{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}
.legal-content a:hover{color:#fff}
.legal-content code{padding:1px 6px;border:1px solid var(--border);border-radius:var(--r);background:var(--panel-deep);color:var(--text);font:12.5px/1.5 var(--mono);overflow-wrap:anywhere}
.legal-content strong{color:var(--text);font-weight:600}
.legal-updated{margin:0;padding:18px 0 0;color:var(--dim);font:12.5px/1.5 var(--mono)}

/* key-value rows, like the Tuner's property list */
.legal-facts{border-top:1px solid var(--border)}
.legal-facts>div{display:grid;grid-template-columns:minmax(140px,32%) minmax(0,1fr);gap:16px;padding:11px 0;border-bottom:1px solid var(--border)}
.legal-facts dt{color:var(--muted);font-size:14px}
.legal-facts dd{color:var(--text);overflow-wrap:anywhere}
.legal-pending{color:var(--warning)}

.legal-data-list{border-top:1px solid var(--border)}
.legal-data-list li{padding:16px 0;border-bottom:1px solid var(--border)}
.legal-data-list p{margin:0}

.legal-inline-button{padding:0;border:0;background:none;color:var(--accent-text);text-decoration:underline;text-underline-offset:3px;font:inherit}
.legal-inline-button:hover{color:#fff}

@media(max-width:1080px){
  .legal-content section{grid-template-columns:minmax(0,72ch)}
  .legal-content section>*,.legal-content section>h2{grid-column:1;grid-row:auto}
  .legal-content section>h2{margin-bottom:16px}
}
@media(max-width:760px){
  .legal-content{font-size:15px}
}
@media(max-width:420px){
  .legal-facts>div{grid-template-columns:1fr;gap:2px}
}