/* ==========================================================================
   Misideal — privacy & legal (lives inside the .win window frame, plain
   dark panel background — no video/gradient, just var(--panel) from
   site.css's default .win rule)
   ========================================================================== */

/* padding and type scale below use vh/vw units on purpose — the whole
   point of this page is fitting without a scroll, so it needs to shrink
   on shorter viewports (a 1366x768 laptop) rather than stay fixed-size
   and overflow the way px values would */
.legal-wrap{
  min-height:100%;
  display:flex;flex-direction:column;justify-content:center;
  padding:9vh 60px 6vh;
  max-width:1400px;margin:0 auto;
}

.pg-ttl{font-family:var(--sans);font-weight:700;
  text-transform:uppercase;
  font-size:clamp(20px,2.6vw,30px);letter-spacing:-.02em;
  margin-bottom:2.2vh;}

.legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:56px;}

.col section + section{margin-top:2.2vh;}

.legal-grid h2{font-family:var(--mono);font-weight:400;font-size:11px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--dim);
  margin-bottom:1vh;padding-bottom:.8vh;
  border-bottom:1px solid rgba(255,255,255,.16);}

.legal-grid p{font-family:var(--mono);font-weight:400;
  font-size:clamp(11px,1.05vw,12px);
  line-height:1.55;color:rgba(240,238,233,.8);}
.legal-grid p + p{margin-top:1vh;}
.legal-grid p strong{color:var(--bone);font-weight:700;}
.legal-grid a{color:var(--bone);text-decoration:underline;text-underline-offset:3px;}
.legal-grid a:hover{color:var(--dim);}

.updated{margin-top:2.2vh;font-family:var(--mono);font-size:10.5px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--dim);}

@media(max-width:980px){
  .legal-wrap{padding:130px 30px 90px;}
  .legal-grid{grid-template-columns:1fr 1fr;gap:40px;row-gap:36px;}
}
@media(max-width:640px){
  .legal-wrap{padding:110px 20px 80px;}
  .legal-grid{grid-template-columns:1fr;gap:32px;}
}