/* legal.html (Privacy notice). House variables only. The article layout (.art-body, .toc, .prose)
   comes from site-v2.css; this adds the legal head, numbered sections, the end block and print. */
.legal-page{padding-block:var(--mcf-s4) var(--section)}
.legal-head{max-width:var(--wrap-read);padding-block:var(--mcf-s7) var(--mcf-s7)}
.legal-head .t-page{margin-top:var(--mcf-s1)}
.legal-meta{display:flex;align-items:center;gap:var(--mcf-s3) var(--mcf-s5);flex-wrap:wrap;margin-top:var(--mcf-s4)}
.legal-id{font-size:var(--mcf-size-small);color:var(--mcf-grey)}
.legal-print .ico{width:16px;height:16px}
.legal-nav{margin-bottom:var(--mcf-s8)}

/* Contents: numbers in their own column so the titles line up. */
.legal-toc a{display:grid;grid-template-columns:1.5em 1fr;gap:0}
.toc-num{color:var(--mcf-grey);font-variant-numeric:tabular-nums}
.legal-toc a.is-active .toc-num{color:var(--mcf-ink)}
.toc-top{margin-top:var(--mcf-s6)}

/* Reading column: a touch calmer than an article. */
.legal-prose{font-size:var(--mcf-size-heading);line-height:1.65}
.legal-prose a{overflow-wrap:anywhere}
.legal-intro{background:var(--mcf-page);border-radius:var(--mcf-r-card);padding:var(--mcf-s6);font-size:var(--mcf-size-body);line-height:1.6;color:var(--mcf-grey-strong)}
.legal-intro>*+*{margin-top:var(--mcf-s3)}
.legal-intro p:first-child{color:var(--mcf-ink);font-weight:500}
.legal-prose .legal-sec{margin-top:var(--mcf-s8);padding-top:var(--mcf-s8);border-top:1px solid var(--mcf-line-soft)}
.legal-sec>*+*{margin-top:var(--mcf-s5)}
.legal-sec h2{margin-top:0;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:var(--mcf-s4);text-wrap:balance}
.legal-sec h2+*{margin-top:var(--mcf-s5)}
.legal-num{font-size:var(--mcf-size-small);font-weight:600;color:var(--mcf-grey);font-variant-numeric:tabular-nums;min-width:2.25em;height:2.25em;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mcf-line);border-radius:var(--mcf-r-pill);transform:translateY(-.2em)}

/* The end: who to ask, the other legal pages, back to top. */
.legal-prose .legal-end{margin-top:var(--mcf-s8);padding-top:var(--mcf-s8);border-top:1px solid var(--mcf-line);display:grid;grid-template-columns:3fr 2fr;gap:var(--mcf-s7);font-size:var(--mcf-size-body);line-height:1.5}
.legal-end h2{font-size:var(--mcf-size-heading);margin:0 0 var(--mcf-s2)}
.legal-end p{color:var(--mcf-grey-strong)}
.legal-prose .legal-end ul{list-style:none;padding:0;gap:var(--mcf-s3);margin-top:var(--mcf-s4)}
.legal-contact a{display:inline-flex;align-items:center;gap:var(--mcf-s2);color:var(--mcf-blue);text-decoration:none}
.legal-prose .legal-contact a{text-decoration:none}
.legal-contact .ico{width:18px;height:18px;color:var(--mcf-grey)}
.legal-also .link-arrow{text-decoration:none}
.legal-top{display:inline-flex;align-items:center;gap:6px;font-size:var(--mcf-size-small);color:var(--mcf-grey);text-decoration:none}
.legal-top:hover{color:var(--mcf-blue)}
.legal-top .ico{width:14px;height:14px;transform:rotate(-45deg)}
.legal-end>.legal-top{grid-column:1/-1}

@media (max-width:900px){
  .legal-toc{background:var(--mcf-page);border-radius:var(--mcf-r-inner);padding:var(--mcf-s4)}
  .legal-toc .toc-top{display:none}
  .legal-nav{margin-bottom:var(--mcf-s6)}
}
@media (max-width:640px){
  .legal-head{padding-block:var(--mcf-s5) var(--mcf-s6)}
  .legal-intro{padding:var(--mcf-s5)}
  .legal-prose .legal-sec{margin-top:var(--mcf-s7);padding-top:var(--mcf-s7)}
  .legal-sec h2{gap:var(--mcf-s3)}
  .legal-prose .legal-end{grid-template-columns:1fr;gap:var(--mcf-s6)}
}

/* Print: the notice alone, black on white, no chrome. */
@media print{
  @page{margin:18mm 16mm}
  body.site>*:not(main){display:none!important}
  .crumbs,.legal-nav,.legal-toc,.legal-print,.legal-top,.legal-ask{display:none!important}
  .legal-page{padding:0}
  .legal-head{padding:0 0 var(--mcf-s5)}
  .legal-body{display:block}
  .legal-prose{max-width:none;font-size:var(--mcf-size-body);line-height:1.5;color:var(--mcf-ink)}
  .legal-intro{background:none;border:1px solid var(--mcf-line);padding:var(--mcf-s4)}
  .legal-prose .legal-sec{margin-top:var(--mcf-s6);padding-top:0;border-top:0}
  .legal-sec h2{font-size:var(--mcf-size-section);break-after:avoid}
  .legal-prose a{color:var(--mcf-ink);text-decoration:none}
  .legal-prose .legal-end{display:block;border-top:0;padding-top:0}
}