/* ═══ Модальное окно юридических документов ═══ */
.legal-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}
.legal-modal[hidden]{display:none}
.legal-modal__overlay{position:absolute;inset:0;background:rgba(5,15,10,.55);backdrop-filter:blur(2px)}
.legal-modal__panel{position:relative;width:min(760px,100%);max-height:min(82vh,860px);display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden;animation:legal-pop .18s ease}
@keyframes legal-pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
.legal-modal__header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line-3);background:var(--pale)}
.legal-modal__title{flex:1;margin:0;font-size:18px;font-weight:700;color:var(--green-dark);line-height:1.3}
.legal-modal__close{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border:none;border-radius:50%;background:transparent;color:var(--green-deep);cursor:pointer;transition:background .15s}
.legal-modal__close:hover{background:rgba(0,0,0,.08)}
.legal-modal__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.legal-modal__body{flex:1;overflow-y:auto;padding:22px 24px 28px;color:var(--ink);font-size:15px;line-height:1.55}
.legal-modal__body h3{margin:0 0 6px;font-size:20px;font-weight:700;color:var(--green-dark);text-align:center}
.legal-modal__body h4{margin:22px 0 8px;font-size:16px;font-weight:700;color:var(--green-deep)}
.legal-modal__body p{margin:0 0 10px}
.legal-modal__body ul{margin:0 0 10px;padding-left:22px}
.legal-modal__body li{margin:0 0 6px}
.legal-modal__body a{color:var(--green);text-decoration:underline}
.legal-modal__body .legal-sub{text-align:center;color:var(--green-mid);margin-bottom:4px}
.legal-modal__body .legal-date{text-align:right;color:#6b7a74;font-size:13px;margin-bottom:16px}
@media (max-width:560px){
  .legal-modal{padding:0}
  .legal-modal__panel{width:100%;max-height:100%;height:100%;border-radius:0}
}