/* STACKS — legal pages, original landing-derived DA, white reading area */
.legal-page{background:#fff;overflow-x:hidden}
.legal-main{position:relative;background:#fff;overflow:visible;padding-bottom:120px;min-height:100vh}
.legal-hero{position:relative;background:var(--lime);padding-bottom:30px;overflow:visible}
.legal-title{position:relative;margin:0 0 0 100px;padding-top:191px;width:1120px;font-family:"Eger",Impact,sans-serif;font-size:135px;line-height:110px;letter-spacing:.005em;text-transform:uppercase;font-weight:400;color:var(--ink)}
.legal-title--privacy{width:1120px}
.legal-content{position:relative;width:816px;margin:92px 0 0 312px}
.legal-block{position:relative;width:816px;margin:0 0 82px}
.legal-block:last-child{margin-bottom:0}
.legal-block h2{margin:0 0 24px;font-family:"Eger",Impact,sans-serif;font-size:75px;line-height:68px;letter-spacing:.005em;text-transform:uppercase;font-weight:400;color:var(--ink)}
.legal-block h3{margin:32px 0 12px;font-size:20px;line-height:25px;font-weight:700}
.legal-block p,.legal-block li{font-size:18px;line-height:24px;font-weight:400}
.legal-block p+p{margin-top:18px}.legal-block ul,.legal-block ol{margin:16px 0 0;padding-left:25px}.legal-block li+li{margin-top:10px}
.legal-block strong{font-weight:700}.legal-block a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.legal-version{font-weight:700!important;margin-bottom:22px!important}
.legal-table-wrap{width:100%;overflow-x:auto;margin:24px 0 26px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.legal-table{width:100%;border-collapse:collapse;font-size:14px;line-height:19px}
.legal-table th,.legal-table td{padding:13px 12px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(28,28,28,.28)}
.legal-table th{font-weight:700;text-transform:uppercase;background:rgba(249,247,239,.45)}
.legal-table tr:last-child td{border-bottom:0}
@media (min-width:601px){.legal-main,.legal-page .site-footer{border-left:var(--stacks-desktop-gutter-layout,0px) solid transparent;border-right:var(--stacks-desktop-gutter-layout,0px) solid transparent;margin-left:calc(-1 * var(--stacks-desktop-gutter-layout,0px))}.legal-main{border-left-color:#fff;border-right-color:#fff}.legal-hero{box-sizing:content-box;margin-left:calc(-1 * var(--stacks-desktop-gutter-layout,0px));border-left:var(--stacks-desktop-gutter-layout,0px) solid var(--lime);border-right:var(--stacks-desktop-gutter-layout,0px) solid var(--lime);padding-left:var(--stacks-desktop-gutter-layout,0px)}.legal-page .site-footer{border-left-color:var(--dark);border-right-color:var(--dark)}}
@media (max-width:600px){
 .legal-main{padding-bottom:70px;min-height:0}
 .legal-title{margin:0 35px;padding-top:114.21px;width:320px;font-size:90px;line-height:75px}
 .legal-title--privacy{width:320px;font-size:73px;line-height:64px}
 .legal-content{width:320px;margin:80px 35px 0}
 .legal-block{width:320px;margin-bottom:54px}
 .legal-block h2{margin-bottom:14px;font-size:55px;line-height:47px}
 .legal-block h3{margin:26px 0 10px;font-size:17px;line-height:22px}
 .legal-block p,.legal-block li{font-size:14px;line-height:19px}
 .legal-block p+p{margin-top:14px}
 .legal-block ul,.legal-block ol{padding-left:20px}
 .legal-table{min-width:650px;font-size:12px;line-height:16px}
 .legal-table th,.legal-table td{padding:10px}
}
/* =========================================================
   V5 — legal wide-screen scaling
   Keep the original legal DA, but use the same 1440→1920 responsive system
   as the landing. Content remains optically centred; lime extends through the
   wide-screen rails. Below 1440 everything reduces proportionally until the
   600px mobile breakpoint.
   ========================================================= */
@media (min-width:601px){
  .legal-main,
  .legal-page .site-footer{
    margin-left:auto;
    margin-right:auto;
  }

  /* White reading area naturally fills the page; only the hero needs explicit
     wide-screen rails so lime continues to the viewport edges. */
  .legal-main{
    border-left:0!important;
    border-right:0!important;
  }
  .legal-hero{
    padding-left:0!important;
  }
}

@media (min-width:1441px){
  .legal-hero{
    box-sizing:content-box;
    margin-left:calc(-1 * var(--stacks-desktop-gutter-layout,0px));
    border-left:var(--stacks-desktop-gutter-layout,0px) solid var(--lime);
    border-right:var(--stacks-desktop-gutter-layout,0px) solid var(--lime);
  }
  .legal-page .site-footer{
    box-sizing:content-box;
    border-left:var(--stacks-desktop-gutter-layout,0px) solid var(--dark);
    border-right:var(--stacks-desktop-gutter-layout,0px) solid var(--dark);
  }
}
