/* Legal / privacy companion page — reuses the same rhythm tokens.
   Never redefines section padding. */

.mt-legal{background:var(--steel)}
.mt-legal__shell{max-width:76ch}

.mt-legal__h1{
  font-family:var(--f-display);font-size:clamp(2rem,4vw,3rem);
  font-weight:800;letter-spacing:-.028em;
}
.mt-legal__meta{margin-top:.75rem;font-size:var(--fs-xs);color:var(--ink-mute);letter-spacing:0}

.mt-legal__notice{
  margin-top:var(--block-gap);padding:1rem 1.15rem;
  background:var(--steel-100);border-left:3px solid var(--accent-ink);border-radius:var(--r);
}
.mt-legal__notice p{font-size:var(--fs-sm);color:var(--ink-mute)}
.mt-legal__notice strong{color:var(--ink)}

.mt-legal__toc{
  display:flex;flex-wrap:wrap;gap:.45rem;
  margin-top:var(--block-gap);padding-bottom:1.4rem;border-bottom:1px solid var(--steel-200);
}
.mt-legal__toc a{
  font-size:var(--fs-xs);font-weight:600;letter-spacing:.03em;
  color:var(--ink-mute);text-decoration:none;
  padding:.34rem .7rem;border:1px solid var(--steel-200);border-radius:2px;background:var(--steel-50);
}
.mt-legal__toc a:hover{color:var(--accent-ink);border-color:var(--accent-ink)}

.mt-legal h2{
  font-family:var(--f-display);font-size:clamp(1.2rem,2vw,1.5rem);
  font-weight:700;letter-spacing:-.015em;
  margin-top:2.6rem;padding-top:.2rem;scroll-margin-top:calc(var(--hdr-h) + 16px);
}
.mt-legal h3{
  font-size:var(--fs-h3);font-weight:600;font-family:var(--f-body);
  margin-top:1.5rem;
}
.mt-legal p{margin-top:.85rem;color:var(--ink-mute);text-wrap:pretty}
.mt-legal p strong{color:var(--ink)}

.mt-legal__list{margin-top:1rem;display:grid;gap:.65rem}
.mt-legal__list li{
  position:relative;padding-left:1.1rem;color:var(--ink-mute);font-size:var(--fs-sm);
}
.mt-legal__list li::before{
  content:"";position:absolute;left:0;top:.68em;
  width:8px;height:3px;background:var(--brand-grad);transform:skewX(var(--slant));
}
.mt-legal__list strong{color:var(--ink)}

.mt-legal__tablewrap{margin-top:1.1rem;overflow-x:auto;border:1px solid var(--steel-200);border-radius:var(--r)}
.mt-legal__table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);background:var(--steel-50)}
.mt-legal__table th{
  text-align:left;font-size:var(--fs-xs);letter-spacing:.11em;text-transform:uppercase;
  color:var(--ink-mute);padding:.75rem .9rem;background:var(--steel-100);
  border-bottom:1px solid var(--steel-200);
}
.mt-legal__table td{padding:.7rem .9rem;border-bottom:1px solid var(--steel-200);color:var(--ink-mute);vertical-align:top}
.mt-legal__table tr:last-child td{border-bottom:0}
.mt-legal__table td:first-child{color:var(--ink);font-weight:500}

@media (max-width:560px){
  .mt-legal__table,.mt-legal__table tbody,.mt-legal__table tr,.mt-legal__table td{display:block}
  .mt-legal__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .mt-legal__table tr{border-bottom:1px solid var(--steel-200)}
  .mt-legal__table tr:last-child{border-bottom:0}
  .mt-legal__table td{border:0;padding:.5rem .9rem}
  .mt-legal__table td::before{
    content:attr(data-col);display:block;
    font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:.15rem;
  }
  .mt-legal__table td:first-child::before{display:none}
}

.mt-legal__address{
  margin-top:1rem;font-style:normal;font-size:var(--fs-sm);color:var(--ink-mute);line-height:1.9;
}
.mt-legal__address a{color:var(--accent-ink)}
.mt-legal__todo{
  background:rgba(11,110,146,.1);border:1px dashed var(--accent-ink);
  color:var(--accent-ink);padding:.1rem .4rem;border-radius:2px;font-size:.92em;
}
.mt-legal__back{margin-top:2.6rem}