/* ════════════════════════════════════════════════════════════
   MotionX — legal pages (Privacy Policy, Terms & Conditions)
   Long-form reading layout on the premium light system.
   ════════════════════════════════════════════════════════════ */
.legalpage{background:#fff}
.legal{padding:calc(var(--nav-h) + 3.5rem) clamp(1rem,4vw,3rem) 5rem}
.legal__shell{width:min(820px,100%);margin-inline:auto}

.legal__back{display:inline-block;font-family:var(--font-m);font-size:.72rem;letter-spacing:.1em;
  color:var(--ink-soft);margin-bottom:2.2rem;transition:color .25s,transform .3s var(--ease)}
.legal__back:hover{color:var(--green);transform:translateX(-3px)}
.legal__kicker{font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--green);margin-bottom:.7rem}
.legal__title{font-family:var(--font-d);font-weight:800;letter-spacing:-.035em;line-height:1.05;
  font-size:clamp(2.1rem,4.6vw,3.2rem);color:var(--ink);margin-bottom:.8rem}
.legal__meta{color:var(--ink-soft);font-size:.9rem;line-height:1.6;padding-bottom:1.6rem;
  border-bottom:1px solid var(--line)}

.legal__notice{margin:1.6rem 0 0;padding:1rem 1.2rem;border-radius:14px;font-size:.86rem;line-height:1.6;
  background:rgba(234,179,8,.07);border:1px solid rgba(234,179,8,.35);color:#6b5310}
.legal__notice b{color:#4d3b06}

/* body copy */
.legal__body{margin-top:2.4rem}
.legal__body h2{font-family:var(--font-d);font-weight:700;letter-spacing:-.025em;
  font-size:clamp(1.25rem,2.2vw,1.6rem);color:var(--ink);
  margin:2.8rem 0 .9rem;padding-top:1.6rem;border-top:1px solid var(--line);scroll-margin-top:calc(var(--nav-h) + 1rem)}
.legal__body h2:first-child{margin-top:0;padding-top:0;border-top:0}
.legal__body h3{font-family:var(--font-d);font-weight:700;font-size:1.02rem;letter-spacing:-.015em;
  color:var(--ink);margin:1.8rem 0 .5rem}
.legal__body p{color:var(--ink-soft);font-size:.95rem;line-height:1.72;margin-bottom:1rem;max-width:70ch}
.legal__body p strong,.legal__body b{color:var(--ink)}
.legal__body a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.legal__body a:hover{color:var(--blue)}

/* unresolved placeholders — impossible to miss */
mark.todo{background:rgba(234,179,8,.22);color:#6b5310;border-radius:5px;padding:.05em .35em;
  font-family:var(--font-m);font-size:.86em;font-weight:500}

/* tables */
.ltable{margin:1.2rem 0 1.8rem;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  overflow-x:auto;-webkit-overflow-scrolling:touch}
.ltable table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:520px}
.ltable th{text-align:left;background:#FAFBFC;color:var(--ink);font-weight:600;font-size:.78rem;
  letter-spacing:.03em;padding:.85rem 1rem;border-bottom:1px solid var(--line);white-space:nowrap}
.ltable td{padding:.85rem 1rem;border-bottom:1px solid var(--line);color:var(--ink-soft);
  line-height:1.6;vertical-align:top}
.ltable tr:last-child td{border-bottom:0}
.ltable td:first-child{color:var(--ink);font-weight:500;width:30%}

/* footer block */
.legal__foot{margin-top:3.5rem;padding-top:1.8rem;border-top:1px solid var(--line);
  display:grid;gap:.55rem;font-size:.86rem;color:var(--ink-soft)}
.legal__foot a{color:var(--green)}
.legal__foot a:hover{color:var(--blue)}
.legal__foot .mono{font-size:.72rem;color:#9aa7b5}

@media (max-width:640px){
  .legal{padding-top:calc(var(--nav-h) + 2rem)}
  .legal__body p{font-size:.92rem}
  .ltable td:first-child{width:auto}
}