/* Paginile legale. Hârtie, coloană îngustă, citit lung. */

.doc-body{background:var(--paper);color:var(--on-paper)}

.doc-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;
  padding:14px var(--pad);background:var(--ink);color:var(--on-ink)}
.doc-back{display:flex;align-items:center;gap:12px;text-decoration:none}
.doc-back-arrow{font-size:1.1rem;color:var(--on-ink-dim);transition:transform .2s,color .2s}
.doc-back:hover .doc-back-arrow{transform:translateX(-3px);color:var(--turcoaz)}
.doc-back b{display:block;font-family:var(--disp);font-weight:800;font-size:1rem;
  letter-spacing:-.02em;font-variation-settings:"opsz" 18,"wdth" 90}
.doc-back small{display:block;font-family:var(--mono);font-size:.56rem;letter-spacing:.04em;
  color:var(--on-ink-dim);font-variation-settings:"wdth" 86;margin-top:2px}
.doc-nav .nav-tel{margin-left:auto}

.doc{max-width:74ch;margin-inline:auto;padding:clamp(48px,7vw,92px) var(--pad) clamp(64px,8vw,110px)}
.doc-kicker{font-family:var(--mono);font-size:.6rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--oblon);font-variation-settings:"wdth" 86;margin-bottom:16px}
.doc h1{font-size:clamp(2.1rem,4.6vw,3.3rem);color:var(--on-paper);margin-bottom:20px}
.doc-lede{font-size:clamp(1rem,1.2vw,1.12rem);color:var(--on-paper-dim);max-width:52ch}
.doc-lede time{font-family:var(--mono);font-size:.9em;font-variation-settings:"wdth" 90}

.doc section{margin-top:clamp(40px,5vw,64px)}
.doc h2{font-size:clamp(1.25rem,2.1vw,1.6rem);color:var(--on-paper);margin-bottom:16px;
  padding-top:18px;border-top:1px solid var(--paper-line)}
.doc p{margin-bottom:14px;line-height:1.7}
.doc ul{margin:0 0 16px;padding-left:1.15em}
.doc li{margin-bottom:8px;line-height:1.65}
.doc a{color:var(--oblon);text-underline-offset:2px}
.doc a:hover{color:var(--oblon-up)}
.doc b{font-weight:650}

.doc-facts{margin:0 0 18px;display:grid;gap:1px;background:var(--paper-line);
  border:1px solid var(--paper-line);border-radius:var(--r);overflow:hidden}
.doc-facts div{background:var(--paper);padding:13px 16px;display:grid;
  grid-template-columns:minmax(0,15em) 1fr;gap:14px;align-items:baseline}
.doc-facts dt{font-family:var(--mono);font-size:.6rem;letter-spacing:.05em;text-transform:uppercase;
  color:var(--on-paper-dim);font-variation-settings:"wdth" 84}
.doc-facts dd{margin:0;font-size:.95rem}
@media (max-width:600px){ .doc-facts div{grid-template-columns:1fr;gap:5px} }

.doc-table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:.88rem;
  display:block;overflow-x:auto}
.doc-table th,.doc-table td{text-align:left;vertical-align:top;padding:11px 14px;
  border-bottom:1px solid var(--paper-line)}
.doc-table th{font-family:var(--mono);font-size:.58rem;letter-spacing:.05em;text-transform:uppercase;
  color:var(--on-paper-dim);font-variation-settings:"wdth" 84;
  border-bottom:1px solid var(--on-paper-dim);white-space:nowrap}
.doc-table td{line-height:1.5}

.doc-addr{font-family:var(--mono);font-size:.82rem;line-height:1.9;
  font-variation-settings:"wdth" 88;background:var(--paper-sh);padding:16px 18px;
  border-radius:var(--r);border:1px solid var(--paper-line)}
.doc-note{font-size:.86rem;color:var(--on-paper-dim);border-left:2px solid var(--chihlimbar);
  padding-left:16px;line-height:1.65}

/* ce trebuie completat de client, imposibil de ratat */
.todo,.todo-block{font-family:var(--mono);font-size:.82rem;color:oklch(45% .14 40);
  background:oklch(93% .05 70);border:1px dashed oklch(62% .13 50);border-radius:var(--r);
  padding:2px 7px;font-variation-settings:"wdth" 86}
.todo-block{display:block;padding:14px 16px;line-height:1.7;margin-bottom:14px}

.doc-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(48px,6vw,76px);
  padding-top:26px;border-top:1px solid var(--paper-line)}
.doc-links a{font-family:var(--mono);font-size:.7rem;letter-spacing:.02em;text-decoration:none;
  color:var(--on-paper);border:1px solid var(--paper-line);border-radius:var(--r);
  padding:11px 16px;font-variation-settings:"wdth" 86;transition:border-color .2s,color .2s}
.doc-links a:hover{border-color:var(--oblon);color:var(--oblon)}

.doc-body .foot{border-top:0}