/* Shared shell for the legal pages. Kept separate so privacy.html and
   terms.html can't drift apart visually. */
:root{
  --paper:#FAFAFA; --dark:#17171A; --dark-2:#232327;
  --accent:#FF4D3D;
  --paper-soft:rgba(250,250,250,.7); --paper-dim:rgba(250,250,250,.42);
  --line:rgba(250,250,250,.14);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--dark);color:var(--paper);
  font-family:'Inter',-apple-system,system-ui,'Segoe UI',Helvetica,Arial,sans-serif;
  line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100dvh;
  display:flex;flex-direction:column;
}
.wrap{max-width:720px;margin:0 auto;padding:0 28px;width:100%}

.top{padding:28px 0;border-bottom:1px solid var(--line)}
.logo{text-decoration:none;color:var(--paper);font-size:19px;display:inline-flex;align-items:baseline}
.logo .t{font-family:'Playfair Display',serif;font-style:italic;font-weight:600;letter-spacing:-0.01em}
.logo .f{font-weight:700;letter-spacing:.01em}

main{flex:1;padding:52px 0 72px}
h1{font-family:'Playfair Display',Georgia,serif;font-weight:600;letter-spacing:-0.015em;
   font-size:clamp(30px,5.5vw,42px);line-height:1.12}
.updated{margin-top:12px;font-size:13.5px;color:var(--paper-dim)}
.intro{margin-top:22px;font-size:16.5px;color:var(--paper-soft)}

h2{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:23px;
   line-height:1.25;margin:42px 0 14px;padding-top:26px;border-top:1px solid var(--line)}
p{color:var(--paper-soft);font-size:15.5px;margin-bottom:14px}
ul{margin:0 0 16px 20px}
li{color:var(--paper-soft);font-size:15.5px;margin-bottom:8px}
strong{color:var(--paper);font-weight:600}
a{color:var(--accent)}

.back{display:inline-block;margin-top:44px;font-size:14px;color:var(--paper-dim);text-decoration:none}
.back:hover{color:var(--paper)}

footer{border-top:1px solid var(--line);padding:26px 0 32px;font-size:13px;color:var(--paper-dim);text-align:center}
footer a{color:var(--paper-dim);text-decoration:none;margin:0 9px}
footer a:hover{color:var(--paper)}

@media(max-width:520px){ .wrap{padding:0 20px} }