/* Юридические страницы. Цвета и размеры — только токены. */
body{margin:0; background:var(--bg); color:var(--ink); font-family:var(--font-body);
     font-size:var(--fs-md); line-height:1.6; -webkit-font-smoothing:antialiased}
main{max-width:46rem; margin:0 auto; padding:var(--sp-6) var(--sp-4) var(--sp-6)}
.top{font-size:var(--fs-sm); margin:0 0 var(--sp-5)}
h1{font-family:var(--font-display); font-size:var(--fs-xl); line-height:1.25; margin:0 0 var(--sp-2)}
h2{font-size:var(--fs-lg); margin:var(--sp-6) 0 var(--sp-3)}
h3{font-size:var(--fs-md); margin:var(--sp-5) 0 var(--sp-2)}
p, li{color:var(--ink)}
.meta{color:var(--ink-2); font-size:var(--fs-sm); margin:0 0 var(--sp-5)}
a{color:var(--wine); text-underline-offset:3px}
a:focus-visible{outline:2px solid var(--wine); outline-offset:2px; border-radius:2px}
.tbl{overflow-x:auto; margin:var(--sp-3) 0}
table{border-collapse:collapse; width:100%; font-size:var(--fs-sm)}
th, td{border:1px solid var(--line-2); padding:var(--sp-2) var(--sp-3); text-align:left; vertical-align:top; line-height:1.5}
th{background:var(--surface-2); font-weight:600}
footer{margin-top:var(--sp-6); padding-top:var(--sp-4); border-top:1px solid var(--line); font-size:var(--fs-sm); color:var(--ink-2)}
footer p{color:var(--ink-2)}

/* Раздел «Оплата» (28.09.2026): логотипы платёжных систем и шаги инструкции. */
.paylogos{display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin:var(--sp-3) 0}
.paylogos i{display:block; background:var(--ink); -webkit-mask:var(--m) center/contain no-repeat; mask:var(--m) center/contain no-repeat}
.paylogos .pl-mir{--m:url(/assets/pay/mir.svg); width:72px; height:21px}
.paylogos .pl-visa{--m:url(/assets/pay/visa.svg); width:64px; height:21px}
.paylogos .pl-mc{--m:url(/assets/pay/mastercard.svg); width:52px; height:32px}
.paylogos .pl-sbp{--m:url(/assets/pay/sbp.svg); width:58px; height:32px}
.paylogos .pl-pk{--m:url(/assets/pay/paykeeper.svg); width:92px; height:29px}
.steps{padding-left:1.4em}
.steps li{margin:0 0 var(--sp-2)}