/* ===== Юридические страницы в дизайн-системе v2 ===== */
.doc{padding:calc(clamp(64px,8vw,120px) + 56px) 0 clamp(48px,6vw,90px);max-width:860px}
.doc h1{font-size:clamp(1.9rem,4vw,3rem);max-width:22ch;margin:12px 0 0}
.meta{margin-top:16px;font-size:.86rem;color:var(--ink-4)}
.doc h2{font-size:clamp(1.25rem,2.2vw,1.7rem);margin:clamp(38px,4vw,56px) 0 16px}
.doc h3{font-size:1.05rem;margin:28px 0 10px}
.doc p{margin:0 0 14px;color:var(--ink-2);max-width:72ch;line-height:1.65}
.doc ul{margin:14px 0 20px;padding-left:22px;color:var(--ink-2);max-width:72ch}
.doc li{margin-bottom:9px;line-height:1.6}
.doc a{color:var(--ink);text-underline-offset:3px}
.doc strong{font-weight:600;color:var(--ink)}

.table{width:100%;border-top:1px solid var(--line);margin:18px 0 30px;border-collapse:collapse}
.table th,.table td{text-align:left;padding:14px 14px 14px 0;border-bottom:1px solid var(--line);
  font-size:.95rem;vertical-align:top;line-height:1.55}
.table th{font-weight:600;color:var(--ink);width:26%}
.table td{color:var(--ink-2)}
.rule{height:1px;background:var(--line);margin:36px 0}

@media(max-width:700px){
  .table th,.table td{display:block;width:100%}
  .table th{border-bottom:none;padding-bottom:2px}
  .table td{padding-top:2px}
  .table-cols{border-top:none}
  .table-cols tr:first-child{display:none}
  .table-cols tr{display:block;margin-bottom:12px;padding:16px 18px;border:1px solid var(--line);
    border-radius:18px;background:var(--paper)}
  .table-cols td{display:flex;align-items:baseline;justify-content:space-between;gap:14px;width:100%;
    padding:5px 0;border-bottom:none;font-size:.92rem;text-align:right}
  .table-cols td::before{content:attr(data-label);flex:0 0 auto;color:var(--ink-4);font-size:.78rem;text-align:left}
  .table-cols td:first-child{display:block;font-weight:600;font-size:1rem;text-align:left;padding:0 0 10px;
    margin-bottom:8px;border-bottom:1px solid var(--line)}
  .table-cols td:first-child::before{display:none}
  .table-cols td:last-child{padding-bottom:0}
}
