/* Meritking Restaurant — yasal metin sayfaları için ek stil */

.doc{
  padding:clamp(48px,7vw,86px) 0 clamp(60px,8vw,110px);
  background:var(--bg);
}

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

.doc .back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:.8rem;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--muted);
  margin-bottom:28px;
}
.doc .back:hover{ color:var(--gold); }
.doc .back::before{ content:"←"; font-size:1rem; }

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

.doc__meta{
  color:var(--muted);
  font-size:.82rem;
  letter-spacing:.06em;
  padding-bottom:26px;
  margin-bottom:34px;
  border-bottom:1px solid var(--line-soft);
}

.doc h2{
  font-size:1.5rem;
  margin:44px 0 .55em;
  padding-top:22px;
  border-top:1px solid var(--line-soft);
}
.doc h2:first-of-type{ border-top:0; padding-top:0; margin-top:0; }

.doc h3{
  font-family:var(--ff-body);
  font-size:.95rem;
  font-weight:600;
  letter-spacing:.04em;
  color:var(--gold);
  margin:26px 0 .6em;
}

.doc p,.doc li{ font-size:.95rem; line-height:1.85; }

.doc ul.bullets,
.doc ol.numbers{
  margin:0 0 1.3em;
  padding-left:22px;
}
.doc ul.bullets{ list-style:disc; }
.doc ol.numbers{ list-style:decimal; }
.doc ul.bullets li,
.doc ol.numbers li{ margin-bottom:9px; padding-left:5px; }
.doc ul.bullets li::marker,
.doc ol.numbers li::marker{ color:var(--gold); }

.doc strong{ color:var(--cream); font-weight:500; }

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

.doc .tbl{
  width:100%;
  margin:22px 0 28px;
  font-size:.89rem;
  border:1px solid var(--line-soft);
  border-radius:var(--r-sm);
  overflow:hidden;
}
.doc .tbl th,
.doc .tbl td{
  text-align:left;
  padding:12px 15px;
  border-bottom:1px solid var(--line-soft);
  vertical-align:top;
}
.doc .tbl thead th{
  background:var(--bg-3);
  color:var(--gold);
  font-weight:500;
  font-size:.76rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.doc .tbl tbody th{ color:var(--cream); font-weight:500; width:34%; }
.doc .tbl tr:last-child th,
.doc .tbl tr:last-child td{ border-bottom:0; }

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

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