/* Згенеровано web/packages/ui/scripts/sync-maket.mjs з design/maket/e. НЕ ПРАВИТИ руками — правки зникнуть при наступному запуску. */
/* Розділ «Правила і документи»: /legal/, /legal/registries/, /legal/procedures/, смуга редакції на юридичних
   сторінках і рядок згоди на оплаті. Префікс класів — lg-. Тільки токени дизайн-системи: обидві теми — самі. */

/* Смуга редакції документа: редакція · набирає чинності · попередні редакції */
.lg-ver{display:flex;flex-wrap:wrap;gap:8px 28px;margin:4px 0 0;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--fill-1);max-width:920px}
.lg-ver > div{display:flex;flex-direction:column;gap:2px;min-width:0}
.lg-ver dt{font-size:13px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.lg-ver dd{margin:0;font-size:15px;color:var(--text)}

/* /legal/: хто за що відповідає — ланцюжок від реєстру до власника */
.lg-chain{margin:0;padding:0;list-style:none;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.lg-chain li{position:relative;padding:16px 18px;border-radius:var(--r-md);background:var(--fill-1);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.lg-chain b{font-size:16px;color:var(--text)}
.lg-chain span{font-size:14px;line-height:1.5;color:var(--text-2)}
.lg-chain li + li::before{content:"";position:absolute;left:-9px;top:50%;width:6px;height:6px;border-top:1.5px solid var(--text-3);border-right:1.5px solid var(--text-3);transform:translateY(-50%) rotate(45deg)}
@media (max-width:640px){ .lg-chain li + li::before{display:none} }
.lg-order{margin:12px 0 0}

/* /legal/registries/ */
.lg-nav{margin-top:4px}
.lg-reg{scroll-margin-top:calc(var(--hdr, 64px) + 16px)}
.lg-reg-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.lg-reg-head h2{margin:0}
.lg-st[data-st="sell"]{color:var(--free);background:var(--free-bg)}
.lg-st[data-st="soon"]{color:var(--info);background:var(--info-bg)}
.lg-st[data-st="no"]{color:var(--text-2);background:var(--fill-2)}
.lg-meta{display:flex;flex-wrap:wrap;gap:4px 24px;margin:12px 0 0;font-size:15px}
.lg-meta > div{display:flex;gap:6px;min-width:0}
.lg-meta dt{color:var(--text-2)}
.lg-meta dt::after{content:":"}
.lg-meta dd{margin:0;color:var(--text)}
.lg-zones{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:10px 0 0}
.lg-zones-l{font-size:15px;color:var(--text-2)}
.lg-zones-l::after{content:":"}
.lg-zones ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.lg-zones li{font-size:13px;padding:2px 8px;border-radius:6px;background:var(--fill-2);color:var(--text);white-space:nowrap}
.lg-note{margin:12px 0 0;max-width:88ch}
.lg-reg .tbl-wrap{margin-top:16px}
.lg-docs{table-layout:fixed;min-width:620px}
.lg-docs th:nth-child(1){width:50%}
.lg-docs th:nth-child(2){width:21%}
.lg-docs th:nth-child(3){width:29%}
.lg-docs td{vertical-align:top}
.lg-docs a{display:inline-flex;align-items:center;min-height:24px;color:var(--text);text-underline-offset:3px;text-decoration-color:var(--line-2)}
.lg-docs a:hover{text-decoration-color:currentColor}
.lg-host{display:block;margin-top:2px;font-size:13px;color:var(--text-3)}
@media (max-width:760px),(pointer:coarse){ .lg-docs a{display:inline-flex;align-items:center;min-height:44px} .lg-host{margin-top:0} }
.lg-for{font-size:14px;color:var(--text-2);overflow-wrap:break-word}
.lg-for.mono{color:var(--text)}
.lg-fees .tbl th[scope="row"]{font-family:var(--mono);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text)}
.lg-fees .tbl caption{caption-side:top}
.lg-fees-t{max-width:76ch;margin:8px 0 0;color:var(--text-2)}
.lg-missing{margin-top:40px}

/* /legal/procedures/ — перелік джерел під текстом */
.lg-based{margin-top:44px}

/* Рядок згоди на оплаті (/checkout/pay/) */
.lg-consent{margin:10px 0 2px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--fill-1);font-size:14px;line-height:1.5;color:var(--text-2)}
.lg-consent-h{margin:0 0 6px;font-size:13px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}
.lg-consent ul{margin:0;padding:0 0 0 18px;display:grid;gap:4px}
.lg-consent li{color:var(--text)}
.lg-consent .lg-c-z{color:var(--text-2)}
.lg-consent .lg-c-z .nowrap{white-space:nowrap}
.lg-consent p{margin:8px 0 0}
.lg-consent a{color:var(--text-2);text-underline-offset:3px}