:root{
  --ink:#0E0B14;--paper:#F3EFE7;--paper-dim:rgba(243,239,231,.72);
  --portocaliu:#E8952F;--line:rgba(243,239,231,.16);
  --ff-display:'Cormorant Garamond',Georgia,serif;--ff-sans:'Inter',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ink);color:var(--paper);font-family:var(--ff-sans);font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--portocaliu)}
a:focus-visible,button:focus-visible{outline:2px solid var(--portocaliu);outline-offset:2px}
.legal{max-width:44rem;margin:0 auto;padding:clamp(2rem,6vw,4rem) 1.5rem 6rem}
.legal__back{display:inline-block;margin-bottom:2.5rem;font-size:.85rem;color:var(--paper-dim);text-decoration:none}
.legal h1{font-family:var(--ff-display);font-weight:300;font-size:clamp(2rem,5vw,3rem);margin-bottom:.6rem}
.legal__updated{color:var(--paper-dim);font-size:.85rem;margin-bottom:2.8rem}
.legal h2{font-family:var(--ff-display);font-weight:400;font-size:1.4rem;margin:2.2rem 0 .8rem}
.legal p,.legal li{color:var(--paper-dim);margin-bottom:.9rem}
.legal ul{padding-left:1.4rem}

.legal__ident{
  list-style:none;padding:1.1rem 1.3rem;margin:0 0 1.4rem;
  border:1px solid var(--line);border-left:2px solid var(--portocaliu);
  background:rgba(243,239,231,.03);
}
.legal__ident li{margin-bottom:.35rem;font-size:.92rem}
.legal__ident li:last-child{margin-bottom:0}
.legal__ident strong{color:var(--paper)}
.legal .todo{
  display:block;margin:1.6rem 0;padding:.9rem 1.1rem;border:1px dashed var(--portocaliu);
  color:var(--paper);font-size:.85rem;background:rgba(232,149,47,.08);
}