/* legal-styles.css — document layout for the legal pages only.
   Loads AFTER warmingneon.css and consumes its tokens directly.
   No :root, no fonts, no colours defined here — one token set, not two. */

.legal-container{
  max-width:860px; margin:64px auto; padding:56px 64px;
  background:#fff; border:1px solid var(--line-paper); border-radius:4px;
}
.legal-container h1{font-family:var(--display); font-weight:400; font-size:44px; line-height:1.1; max-width:none; color:var(--ink-dk); margin-bottom:8px;}
.legal-container h2{font-family:var(--display); font-weight:400; font-size:24px; color:var(--ink-dk); margin-top:44px; margin-bottom:16px; border-bottom:1px solid var(--line-paper); padding-bottom:10px;}
.legal-container h3{font-family:var(--sans); font-weight:600; font-size:16px; color:var(--ink-dk); margin-top:24px; margin-bottom:8px;}
.legal-container p, .legal-container li{color:var(--ink-dk); margin-bottom:18px; font-size:15.5px; opacity:.9; line-height:1.7;}
.legal-container ul{margin-left:22px; margin-bottom:22px;}
.legal-container strong{font-weight:600; opacity:1;}
.legal-container a{color:var(--accent);}

.legal-container table{width:100%; border-collapse:collapse; margin:16px 0 26px; font-size:14px;}
.legal-container th, .legal-container td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--line-paper);}
.legal-container th{font-family:var(--mono); font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--mute);}

.last-updated{font-family:var(--mono); color:var(--accent); font-size:12.5px; margin-bottom:40px; display:block; text-transform:uppercase; letter-spacing:.05em;}
.back-home{color:var(--mute); text-decoration:none; font-size:14px; font-family:var(--mono); transition:.2s;}
.back-home:hover{color:var(--accent);}
.reg-line{font-family:var(--mono); font-size:12.5px; color:var(--mute); margin-top:48px; padding-top:24px; border-top:1px solid var(--line-paper);}

@media(max-width:768px){
  .legal-container{margin:24px; padding:32px 24px;}
}
