/* Оформление юридических страниц: тот же альбомный картон, но спокойно, как документ */
:root {
  --board: #e4dccb; --paper: #f6f1e6; --ink: #2a2620; --ink-soft: #6b6255; --pen: #2c4a73; --stamp: #8a3b2a;
  --line: rgba(42,38,32,.16);
  --f-display: "Prata", "Georgia", "Times New Roman", serif;
  --f-body: "Golos Text", "Segoe UI", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --board: #24201b; --paper: #2d2822; --ink: #eee6d6; --ink-soft: #b3a894; --pen: #9db8e0; --stamp: #e08a72;
    --line: rgba(238,230,214,.16); color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --board: #24201b; --paper: #2d2822; --ink: #eee6d6; --ink-soft: #b3a894; --pen: #9db8e0; --stamp: #e08a72;
  --line: rgba(238,230,214,.16); color-scheme: dark;
}
* { box-sizing: border-box; }
html { padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px); }
body {
  margin: 0; background: var(--board); color: var(--ink);
  font: 400 16px/1.65 var(--f-body);
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));
  padding-block: 32px 56px;
}
main { max-width: 760px; margin: 0 auto; background: var(--paper); padding: clamp(20px, 5vw, 48px); box-shadow: 0 10px 30px -16px rgba(40,30,15,.45); }
.back { display: inline-block; margin: 0 auto 18px; color: var(--pen); text-decoration: none; font-weight: 600; }
.top { max-width: 760px; margin: 0 auto; }
h1 { font-family: var(--f-display); font-weight: 400; font-size: clamp(1.7rem, 4vw, 2.3rem); line-height: 1.2; margin: 0 0 6px; text-wrap: balance; }
h2 { font-family: var(--f-display); font-weight: 400; font-size: 1.3rem; margin: 32px 0 8px; }
p, li { margin: 0 0 10px; }
ol, ul { padding-left: 22px; margin: 0 0 10px; }
.meta { color: var(--ink-soft); font-size: .92rem; margin-bottom: 22px; }
.draft { border: 1.5px dashed var(--stamp); color: var(--stamp); padding: 10px 14px; margin-bottom: 24px; font-size: .92rem; }
.fill { background: rgba(138,59,42,.12); color: var(--stamp); padding: 0 4px; border-radius: 2px; font-weight: 600; }
table { border-collapse: collapse; width: 100%; font-size: .94rem; }
.tw { overflow-x: auto; margin-bottom: 12px; }
th, td { text-align: left; border-bottom: 1px solid var(--line); padding: 8px 10px 8px 0; vertical-align: top; }
th { font-weight: 600; }
a { color: var(--pen); }
:focus-visible { outline: 2px solid var(--pen); outline-offset: 3px; }