.page {padding:16px; box-sizing: border-box;}
    .toc {
    background: #1A1F36;
    color: #e5e7eb;
    border: 1px solid var(--dark);
    border-radius: 12px;
    padding: 25px;
    box-sizing: border-box;
}
.toc a:hover{color: #fff;}
    .breadcrumbs {font-size: 14px; color:#6b7280; margin-bottom: 10px}
    .breadcrumbs a{color:inherit; text-decoration:none}
    .meta {color:#6b7280; font-size: 14px;}
    
    .block{margin:28px 0}
    .block h2{font-size: 22px; margin:0 0 12px; color:#1a1f36}
    .block p, .block li{line-height:1.75}
    .note{background:#f9fafb; border-left:4px solid #49d1c1; padding:12px 14px; border-radius:8px}
    .print-btn{float:right;}
    .legal-table{width:100%; border-collapse:collapse; margin:8px 0}
    .legal-table td{border:1px solid #e5e7eb; padding:8px 10px; vertical-align:top}
    .muted{color:#6b7280}
    .anchor{scroll-margin-top:90px}
    ul.sub{margin:8px 0 8px 18px}
    .warn{background:#fff7ed; border-left:4px solid #f59e0b; padding:12px 14px; border-radius:8px}


@media (min-width: 360px)  and (max-width: 379px) {
.legal-table td {
padding: 8px 6px;
}
}


@media (min-width: 340px)  and (max-width: 359px) {
.legal-table td {
padding: 8px 0px;
}
}

@media (min-width: 320px)  and (max-width: 339px) {
.legal-table td {
padding: 8px 10px;
font-size: 12px;
}    
}
@media (min-width: 300px)  and (max-width: 319px) {
.legal-table td {
padding: 8px 8px;
font-size: 12px;
}    
}



@media print {

  /* Скрываем вообще всё */
  body * {
    visibility: hidden !important;
  }

  /* Показываем только .page и её содержимое */
  .printpage,
  .printpage * {
    visibility: visible !important;
  }

  /* Убираем кнопку печати */
  .print-btn {
    display: none !important;
  }



  /* Сбрасываем отступы и позиционирование */
  .printpage {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0;
    margin: 0;
  }
}