/* =========================================================
   Meritking Mobilya — yasal metin sayfaları
   style.css değişkenlerini kullanır; tek başına yüklenmez.
   ========================================================= */

.doc{
  position:relative; z-index:1;
  padding:clamp(42px,6vw,78px) 0 clamp(58px,8vw,108px);
  background:var(--bg);
}

.doc__wrap{
  width:100%; max-width:800px;
  margin-inline:auto; padding-inline:var(--gut);
}

.doc .back{
  display:inline-flex; align-items:center; gap:9px;
  margin-bottom:28px;
  font-size:.74rem; font-weight:500;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--muted);
  transition:color var(--t-fast);
}
.doc .back::before{ content:"←"; font-size:1rem; color:var(--wood); }
.doc .back:hover{ color:var(--wood); }

.doc h1{ font-size:clamp(2rem,4.4vw,3rem); margin-bottom:.35em; }

.doc__meta{
  padding-bottom:22px; margin-bottom:36px;
  border-bottom:1px solid var(--line);
  font-size:.8rem; letter-spacing:.04em; color:var(--muted);
}

.doc h2{
  margin:46px 0 .6em; padding-top:24px;
  border-top:1px solid var(--line-2);
  font-size:1.44rem;
}
.doc h2:first-of-type{ border-top:0; padding-top:0; margin-top:0; }

.doc h3{
  margin:28px 0 .5em;
  font-family:var(--ff-body);
  font-size:.78rem; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase;
  color:var(--wood-d);
}

.doc p,.doc li{ font-size:.96rem; line-height:1.84; }
.doc p{ color:var(--ink-2); }

.doc ul.bullets,.doc ol.numbers{ margin:0 0 1.3em; padding-left:23px; }
.doc ul.bullets{ list-style:square; }
.doc ol.numbers{ list-style:decimal; }
.doc ul.bullets li,.doc ol.numbers li{ margin-bottom:9px; padding-left:6px; color:var(--ink-2); }
.doc ul.bullets li::marker,.doc ol.numbers li::marker{ color:var(--wood); }

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

.doc a{ color:var(--wood-d); border-bottom:1px solid var(--line-2); }
.doc a:hover{ border-bottom-color:var(--wood); }

.doc .card{
  margin:26px 0; padding:22px 24px;
  background:var(--surface);
  border:1px solid var(--line-2);
  border-left:2px solid var(--wood);
  border-radius:var(--r);
}
.doc .card p:last-child{ margin-bottom:0; }

.doc .tbl{
  width:100%; margin:22px 0 28px;
  font-size:.89rem;
  border-top:1px solid var(--line);
}
.doc .tbl th,.doc .tbl td{
  text-align:left; padding:12px 16px 12px 0;
  border-bottom:1px solid var(--line-2);
  vertical-align:top;
}
.doc .tbl thead th{
  padding-top:13px;
  font-size:.7rem; font-weight:600;
  letter-spacing:.13em; text-transform:uppercase;
  color:var(--wood-d);
}
.doc .tbl tbody th{ width:34%; color:var(--ink); font-weight:500; }
.doc .tbl tbody td{ color:var(--ink-soft); }

.doc__scroll{ overflow-x:auto; -webkit-overflow-scrolling:touch; }

@media (max-width:620px){
  .doc h2{ font-size:1.22rem; }
  .doc .tbl{ font-size:.85rem; }
  .doc .tbl th,.doc .tbl td{ padding:10px 12px 10px 0; }
  .doc .tbl tbody th{ width:auto; }
}