/* Shared styling for Level Up legal pages (privacy, terms, sms-terms). */
:root{
  --ink:#0A0A0B; --surface:#141416; --surface-2:#1C1C1F; --hair:#2A2A2E;
  --red:#E11B22; --red-400:#FF3B3F; --white:#FFFFFF; --gray:#8A8A8F; --gray-dim:#5C5C61;
  --display:'Arial Narrow','Helvetica Neue Condensed','Roboto Condensed',Arial,sans-serif;
  --body:'Helvetica Neue',Helvetica,Arial,sans-serif;
  --mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --gutter:clamp(1.15rem,5vw,4rem);
}
*{box-sizing:border-box;}
body{margin:0;background:var(--ink);color:#CBCBD1;font-family:var(--body);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;}
a{color:var(--red-400);text-decoration:none;} a:hover{text-decoration:underline;}
.wrap{max-width:1120px;margin:0 auto;padding:0 var(--gutter);}

/* wordmark */
.wordmark{display:inline-flex;font-family:var(--display);font-weight:900;letter-spacing:.01em;line-height:.82;text-transform:uppercase;transform:skewX(-8deg);color:#fff;}
.wordmark .g{display:flex;align-items:center;}
.wm-e{display:inline-flex;flex-direction:column;justify-content:space-between;align-self:center;height:.72em;width:.52em;margin:0 .07em;}
.wm-e i{display:block;height:22%;background:var(--red);border-radius:1px;}
.wm-e i:nth-child(2){width:86%;} .wm-e i:nth-child(1),.wm-e i:nth-child(3){width:100%;}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(10,10,11,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--hair);}
.nav .row{display:flex;align-items:center;justify-content:space-between;height:60px;}
.nav .wordmark{font-size:1.35rem;}
.btn{display:inline-flex;align-items:center;font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:1rem;padding:.6rem 1.15rem;border:2px solid transparent;background:var(--red);color:#fff;transform:skewX(-8deg);}
.btn>span{display:inline-block;transform:skewX(8deg);}
.btn:hover{background:var(--red-400);}

/* document */
.doc{max-width:780px;margin:0 auto;padding:clamp(2.25rem,6vw,4rem) var(--gutter) 1rem;}
.doc h1{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(2rem,6vw,3.25rem);line-height:.95;transform:skewX(-8deg);transform-origin:left;margin:0 0 .6rem;color:#fff;}
.updated{font-family:var(--mono);font-size:.72rem;color:var(--gray);text-transform:uppercase;letter-spacing:.08em;margin:0 0 2rem;}
.doc h2{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:1.35rem;color:#fff;margin:2.4rem 0 .6rem;}
.doc h3{font-size:1.02rem;color:#fff;margin:1.5rem 0 .35rem;font-weight:600;}
.doc p{margin:0 0 1rem;}
.doc ul{margin:0 0 1rem;padding-left:1.25rem;}
.doc li{margin:0 0 .4rem;}
.doc strong{color:#fff;}
.lead{color:#E7E7EA;font-size:1.05rem;}
.callout{border:1px solid var(--hair);border-left:3px solid var(--red);background:var(--surface);padding:1rem 1.15rem;margin:1.5rem 0;font-size:.92rem;}
.toc{border:1px solid var(--hair);background:var(--surface);padding:1rem 1.15rem;margin:0 0 2rem;font-size:.9rem;}
.toc ul{margin:.4rem 0 0;padding-left:1.1rem;} .toc li{margin:.2rem 0;}

/* footer */
footer{border-top:1px solid var(--hair);margin-top:2.5rem;}
footer .wrap{padding:2rem var(--gutter);display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:center;justify-content:space-between;}
.foot-links a{color:var(--gray);font-size:.8rem;margin-right:1rem;}
.legal{font-family:var(--mono);font-size:.72rem;color:var(--gray-dim);margin:0;}
:focus-visible{outline:2px solid var(--red-400);outline-offset:3px;}