/* ==========================================================================
   Pagini legale — Graubunden Metal
   Folosesc variabilele și tipografia din style.css, adaugă doar layoutul
   de document.
   ========================================================================== */

.dochead{
  border-bottom:1px solid var(--line);
  background:var(--steel-950);
  position:sticky; top:0; z-index:10;
}
.dochead__inner{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding-block:18px;
}
.dochead__logo img{ height:40px; width:auto; display:block; }
.dochead a.back{
  display:inline-flex; align-items:center; gap:8px;
  font-size:.88rem; color:var(--text-dim);
  transition:color .25s;
}
.dochead a.back:hover{ color:var(--ember-hot); }
.dochead a.back svg{ width:15px; height:15px; }

.doc{ padding:clamp(44px,7vw,84px) 0 clamp(56px,8vw,96px); }
.doc__inner{ max-width:760px; }

.doc__eyebrow{
  display:inline-block;
  font-family:var(--font-display);
  font-size:.7rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase;
  color:var(--ember-soft); margin-bottom:16px;
}
.doc h1{ font-size:clamp(1.9rem,5vw,2.9rem); margin-bottom:14px; }
.doc__meta{ color:var(--text-mute); font-size:.85rem; margin-bottom:clamp(32px,5vw,48px); }

.doc h2{
  font-size:clamp(1.15rem,2.4vw,1.4rem);
  margin:clamp(36px,5vw,52px) 0 14px;
  padding-top:clamp(28px,4vw,38px);
  border-top:1px solid var(--line);
}
.doc h2:first-of-type{ border-top:0; padding-top:0; }
.doc h3{ font-size:1.02rem; margin:26px 0 10px; }
.doc p{ color:var(--text-dim); margin-bottom:14px; }
.doc a{ color:var(--ember-hot); text-decoration:underline; text-underline-offset:3px; }
.doc a:hover{ color:var(--ember-soft); }

.doc ul, .doc ol{ margin:0 0 16px; padding-left:22px; color:var(--text-dim); }
.doc ul{ list-style:disc; }
.doc ol{ list-style:decimal; }
.doc li{ margin-bottom:9px; }
.doc li::marker{ color:var(--ember); }

.doc strong{ color:var(--text); font-weight:600; }

.doc__box{
  padding:20px 22px; margin:24px 0;
  border:1px solid var(--line); border-left:3px solid var(--ember);
  border-radius:12px; background:var(--steel-950);
}
.doc__box p:last-child{ margin-bottom:0; }
.doc__box strong{ display:block; margin-bottom:6px; }

.doc__table{ width:100%; border-collapse:collapse; margin:20px 0 24px; font-size:.92rem; }
.doc__table th,.doc__table td{
  padding:13px 14px; text-align:left; vertical-align:top;
  border-bottom:1px solid var(--line);
}
.doc__table th{
  font-size:.7rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--text-mute); font-weight:600;
}
.doc__table td{ color:var(--text-dim); }
.doc__table tbody tr:last-child td{ border-bottom:0; }
.doc__tablewrap{ overflow-x:auto; }

/* marcaj vizibil pentru datele pe care trebuie să le completeze firma */
.todo{
  display:inline-block;
  padding:1px 9px; border-radius:6px;
  background:rgba(255,193,69,.15); border:1px dashed rgba(255,193,69,.55);
  color:#FFC145; font-size:.9em; font-weight:600;
  font-family:var(--font-display);
}

.doc__toc{
  display:flex; flex-wrap:wrap; gap:8px;
  margin-bottom:clamp(32px,5vw,44px);
}
.doc__toc a{
  padding:7px 14px; border-radius:999px;
  border:1px solid var(--line-strong);
  font-size:.82rem; color:var(--text-dim);
  text-decoration:none;
  transition:border-color .25s, color .25s, background .25s;
}
.doc__toc a:hover{ border-color:var(--ember); color:var(--text); background:rgba(255,66,7,.08); }

.doc__nav{
  display:flex; flex-wrap:wrap; gap:10px;
  margin-top:clamp(40px,6vw,60px);
  padding-top:28px; border-top:1px solid var(--line);
}
.doc__nav a{
  padding:9px 16px; border-radius:999px;
  border:1px solid var(--line-strong);
  font-size:.84rem; color:var(--text-dim); text-decoration:none;
  transition:border-color .25s, color .25s;
}
.doc__nav a:hover{ border-color:var(--ember); color:var(--text); }
.doc__nav a[aria-current]{ border-color:var(--ember); color:var(--ember-soft); background:rgba(255,66,7,.08); }

@media (max-width:600px){
  .dochead__inner{ padding-block:14px; }
  .dochead__logo img{ height:34px; }
}