/* Спільний вигляд юридичних сторінок: конфіденційність, умови. */
:root { --pink:#e81999; --pale:#f3e7e7; --ink:#222; --soft:#5a5258; --line:rgba(113,53,83,.13); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:20px; }
body { margin:0; color:var(--ink); background:#fffdfc; font-family:'Manrope','Segoe UI',Arial,sans-serif; line-height:1.65; -webkit-font-smoothing:antialiased; }
a { color:var(--pink); }
header { border-bottom:1px solid var(--line); background:rgba(255,253,252,.92); backdrop-filter:blur(10px); position:sticky; top:0; z-index:5; }
.wrap { width:min(760px, calc(100% - 32px)); margin:0 auto; }
.top { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:68px; }
.brand { text-decoration:none; color:var(--ink); font-weight:900; letter-spacing:-.04em; font-size:18px; }
.brand b { color:var(--pink); }
.back { font-weight:800; font-size:14px; text-decoration:none; }
main { padding:44px 0 64px; }
.eyebrow { font-size:12px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; color:var(--pink); margin:0 0 10px; }
h1 { font-size:clamp(32px, 7vw, 48px); line-height:1.05; letter-spacing:-.04em; margin:0 0 14px; font-weight:900; }
.lead { color:var(--soft); font-size:18px; margin:0 0 26px; }
.toc { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 10px; }
.toc a { text-decoration:none; font-weight:700; font-size:13px; padding:8px 14px; border-radius:999px; background:var(--pale); color:var(--ink); }
.toc a:hover { color:var(--pink); }
h2 { font-size:21px; letter-spacing:-.02em; margin:38px 0 10px; }
p, li { color:var(--soft); font-size:16px; }
li b, p b { color:var(--ink); }
ul { padding-left:20px; }
li { margin:7px 0; }
.table-wrap { overflow-x:auto; margin:14px 0; border-radius:18px; border:1px solid var(--line); }
table { width:100%; border-collapse:collapse; font-size:14px; min-width:520px; }
th, td { text-align:left; padding:12px 14px; vertical-align:top; border-top:1px solid var(--line); color:var(--soft); }
th { border-top:0; background:var(--pale); color:var(--ink); font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
code { font-size:13px; background:var(--pale); color:var(--ink); padding:2px 7px; border-radius:6px; }
.pill { border:0; cursor:pointer; font:inherit; font-weight:800; font-size:14px; padding:12px 20px; border-radius:999px; background:var(--pink); color:#fff; box-shadow:0 12px 26px -12px rgba(232,25,153,.8); }
.pill:focus-visible, a:focus-visible { outline:3px solid var(--pink); outline-offset:3px; }
.card { background:var(--pale); border-radius:22px; padding:20px 22px; margin:28px 0 0; }
.card p { margin:0; color:var(--ink); }
.updated { margin-top:40px; font-size:14px; }
footer { border-top:1px solid var(--line); padding:22px 0 36px; font-size:13px; color:#8e7d88; }
footer a { color:inherit; }

@media (max-width:600px) {
  .table-wrap { border:0; overflow:visible; }
  table, thead, tbody, tr, td { display:block; min-width:0; }
  thead { display:none; }
  tr { border:1px solid var(--line); border-radius:18px; padding:6px 0; margin:0 0 10px; }
  td { border:0; padding:6px 16px; }
  td::before { content:attr(data-label); display:block; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--ink); margin-bottom:2px; }
}