/* Stilul comun al celor trei pagini legale. Aceeași paletă și aceleași fonturi
   ca pagina de vânzare, dar mai sobru: fără benzi, fără cusături, fără plutire.
   O pagină legală trebuie să arate a document, nu a reclamă. */

:root{
  --bg:#F5EFE3; --card:#FBF7EE; --ink:#3A322C; --muted:#7A6C5B;
  --gold:#B8860B; --gold-2:#DCA445; --copper:#9E4E24;
  --dark:#313626; --dark-ink:#F0E6D3; --line:#DACDB4;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:'Lora', Georgia, serif; font-size:18px; line-height:1.66;
}
.wrap{max-width:760px; margin:0 auto; padding:0 24px}

header.doc{background:var(--dark); color:var(--dark-ink); padding:34px 0 30px}
header.doc .back{
  display:inline-block; font-size:14px; letter-spacing:.14em; text-transform:uppercase;
  font-weight:700; color:var(--gold-2); text-decoration:none; margin:0 0 14px;
}
header.doc .back:hover{color:#F0E6D3}
header.doc h1{
  font-size:clamp(30px,5vw,42px); line-height:1.16; margin:0 0 10px; font-weight:700;
  color:#F6EEDC; text-wrap:balance;
}
header.doc .updated{margin:0; font-size:15px; color:#B6A489; font-style:italic}

main{padding:44px 0 70px}
h2{
  font-size:clamp(21px,3vw,26px); line-height:1.3; font-weight:700;
  margin:44px 0 14px; color:var(--ink); text-wrap:balance;
}
h2:first-of-type{margin-top:0}
h3{font-size:19px; font-weight:700; margin:26px 0 8px; color:var(--copper)}
p{margin:0 0 18px}
ul,ol{margin:0 0 18px; padding-left:24px}
li{margin:0 0 8px}
a{color:var(--copper)}
strong{color:var(--copper)}
table{width:100%; border-collapse:collapse; margin:0 0 22px; font-size:16.5px}
th,td{text-align:left; padding:11px 12px; border-bottom:1px solid var(--line); vertical-align:top}
th{font-weight:700; color:var(--ink); background:#F0E9DB}

/* caseta pentru lucrurile care nu trebuie ratate */
.note{
  background:var(--card); border-left:4px solid var(--gold-2);
  border-radius:0 10px 10px 0; padding:20px 22px; margin:0 0 26px;
}
.note p:last-child{margin-bottom:0}
.note--warn{border-left-color:var(--copper); background:#F7EEE8}

/* câmpurile pe care le completează Xenia înainte de publicare */
.fill{
  background:#F7E9C8; border-bottom:2px dotted var(--gold);
  padding:1px 5px; border-radius:3px; font-style:normal; color:#6B5518;
}

footer.doc{
  border-top:1px solid var(--line); padding:26px 0 44px;
  font-size:15px; color:var(--muted);
}
footer.doc a{color:var(--muted)}
footer.doc p{margin:0 0 8px}

@media (max-width:560px){
  body{font-size:17px}
  main{padding:32px 0 54px}
}

/* Pe telefon un tabel de patru coloane strivește textul până se taie. Tabelele
   cu antet se desfac în blocuri, cu numele coloanei ca etichetă deasupra
   fiecărei valori. Cele de două coloane rămân tabele — acolo th-ul e deja
   eticheta și se așază singur. */
@media (max-width:680px){
  table:has(thead){display:block}
  table:has(thead) thead{display:none}
  table:has(thead) tbody,
  table:has(thead) tr,
  table:has(thead) td{display:block; width:100%}
  table:has(thead) tr{
    border-bottom:1px solid var(--line); padding:14px 0;
  }
  table:has(thead) tr:last-child{border-bottom:0}
  table:has(thead) td{border:0; padding:3px 0}
  table:has(thead) td::before{
    content:attr(data-label); display:block;
    font-size:12.5px; letter-spacing:.12em; text-transform:uppercase;
    color:var(--gold); font-weight:700; margin-bottom:1px;
  }
  table:not(:has(thead)) th,
  table:not(:has(thead)) td{padding:9px 8px; font-size:15.5px}
}