/* Privacy and Terms. Layout only; the page shell lives in common.css. */
.lhero{position:relative;z-index:1;padding:56px 0 8px}
#rules{scroll-margin-top:96px}
.lhero .kick{display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--vio);background:var(--viobg);border-radius:999px;padding:4px 12px;border:0}
.lhero h1{font-size:56px;line-height:1;font-weight:800;margin:14px 0 12px}
.lhero p{font-size:18px;color:var(--ink2);max-width:680px}
.lhero .eff{margin-top:12px;font-size:14px;color:var(--mute)}
.lhero .eff a{color:var(--vio);font-weight:700}
.ldoc{position:relative;z-index:1;display:grid;grid-template-columns:240px minmax(0,720px);gap:64px;margin-top:36px}
.toc{position:sticky;top:100px;align-self:start;display:flex;flex-direction:column;gap:2px;border-left:1.5px solid var(--line)}
.toc b{font-size:12px;font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:.07em;padding:0 0 8px 16px}
.toc a{font-size:14px;color:var(--ink2);padding:5px 0 5px 16px;margin-left:-1.5px;border-left:1.5px solid transparent}
.toc a:hover{color:var(--vio);border-left-color:var(--vio)}
.tldr{background:var(--hover);border:1.5px solid var(--line);border-radius:20px;padding:20px 24px;margin-bottom:12px}
.tldr h3{font-family:'Bricolage Grotesque';font-size:18px;font-weight:800;margin-bottom:8px}
.tldr ul{padding-left:18px;font-size:15.5px;color:var(--ink2)}
.tldr li{margin:4px 0}
article section{padding-top:28px;scroll-margin-top:90px}
article h2{font-size:24px;font-weight:800;line-height:1.2;margin-bottom:10px}
article p,article li{font-size:16px;color:var(--ink2);line-height:1.65}
article p+p,article p+ul,article ul+p{margin-top:10px}
article ul{padding-left:20px}
article li{margin:5px 0}
article b{color:var(--ink)}
article a{color:var(--vio);font-weight:700}
table.dt{width:100%;border-collapse:collapse;font-size:14.5px;margin-top:6px}
table.dt th{text-align:left;font-size:11.5px;font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:.07em;padding:8px 10px;border-bottom:1.5px solid var(--ink)}
table.dt td{padding:10px;border-bottom:1.5px solid var(--line);color:var(--ink2);vertical-align:top;line-height:1.5}
table.dt td:first-child{font-weight:700;color:var(--ink);width:30%}
@media(max-width:900px){
  .ldoc{grid-template-columns:minmax(0,1fr);gap:28px}
  .toc{position:static}
  .lhero h1{font-size:40px}
}