/* Страницы документов: светлый фон, спокойная типографика, удобно читать */
:root {
  --paper: #fbf6ec; --ink: #171d2e; --soft: #4b5368; --gold: #8d6220; --line: rgba(141, 98, 32, .28);
  --serif: "Cormorant Garamond", "Times New Roman", Georgia, serif;
  --sans: "Golos Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0; color: var(--ink); font: 400 1.0625rem/1.72 var(--sans); -webkit-font-smoothing: antialiased;
  background: radial-gradient(120% 60% at 50% 0%, #fffdf8, var(--paper) 60%) fixed, var(--paper);
}
a { color: var(--gold); text-decoration: none; border-bottom: 1px solid var(--line); transition: color .4s, border-color .4s; }
a:hover { color: #5b3d0c; border-color: currentColor; }
:focus-visible { outline: 1px solid var(--gold); outline-offset: 3px; }
html[lang="ru"] [lang="en"], html[lang="en"] [lang="ru"] { display: none; }

.l-top { display: flex; align-items: center; justify-content: space-between; max-width: 1060px; margin: 0 auto; padding: 18px 24px; }
.l-brand { display: flex; align-items: center; gap: 12px; border: 0; color: var(--ink); font: 400 1.02rem var(--serif); letter-spacing: .3em; text-transform: uppercase; }
.l-brand img { width: 34px; height: 34px; filter: brightness(.74) saturate(1.3); }
.l-lang { display: flex; align-items: center; gap: 2px; color: var(--soft); font: 500 .68rem var(--sans); letter-spacing: .24em; }
.l-lang button { background: none; border: 0; color: var(--soft); font: inherit; letter-spacing: inherit; padding: 12px 6px; cursor: pointer; }
.l-lang button.on { color: var(--gold); }

.l-doc { max-width: 720px; margin: 0 auto; padding: 56px 24px 90px; }
.l-doc h1 { font: 400 clamp(2.3rem, 8vw, 3.4rem)/1.1 var(--serif); letter-spacing: .01em; margin: 0 0 .35em; text-wrap: balance; }
.l-doc .lede { font: italic 400 1.35rem/1.4 var(--serif); color: var(--soft); margin: 0 0 .5em; }
.l-doc .date { font: 500 .68rem var(--sans); letter-spacing: .26em; text-transform: uppercase; color: var(--gold); margin: 0 0 3.2em; padding-bottom: 2.2em; border-bottom: 1px solid var(--line); }
.l-doc h2 { font: 500 1.7rem/1.2 var(--serif); margin: 2.2em 0 .7em; scroll-margin-top: 20px; }
.l-doc p { margin: 0 0 .95em; }
.l-doc ul, .l-doc ol { margin: 0 0 1.1em; padding-left: 1.3em; }
.l-doc li { margin-bottom: .45em; }
.l-doc li::marker { color: var(--gold); }
.l-doc strong { font-weight: 500; }
.l-doc table { width: 100%; border-collapse: collapse; margin: 0 0 1.3em; font-size: .97rem; }
.l-doc th, .l-doc td { text-align: left; vertical-align: top; padding: 12px 14px 12px 0; border-bottom: 1px solid var(--line); }
.l-doc th { font: 500 .66rem var(--sans); letter-spacing: .22em; text-transform: uppercase; color: var(--gold); }
.seller-card { font-style: normal; margin: 0 0 1.2em; padding: 22px 24px; border: 1px solid var(--line); border-radius: 3px; background: rgba(255, 255, 255, .55); line-height: 1.8; overflow-wrap: anywhere; }
.seller-card strong { font: 500 1.3rem/1.3 var(--serif); }
mark.todo { background: #ffe08a; color: #3b2a00; padding: 2px 6px; border-radius: 2px; font-weight: 500; }
.l-back { margin-top: 3.4em; }
.l-back a { font: 500 .68rem var(--sans); letter-spacing: .26em; text-transform: uppercase; border: 0; }

.l-foot { border-top: 1px solid var(--line); padding: 54px 24px 40px; font-size: .95rem; }
.l-foot-in { max-width: 1060px; margin: 0 auto; display: grid; gap: 38px; }
.l-foot ul { list-style: none; margin: 0; padding: 0; }
.l-foot li { margin-bottom: 6px; }
.l-foot p { margin: 0; line-height: 1.8; }
.l-foot a { color: var(--ink); }
.l-label { font: 500 .66rem var(--sans); letter-spacing: .3em; text-transform: uppercase; color: var(--gold); margin-bottom: 1.1em !important; }
.l-copy { text-align: center; color: var(--soft); font: 500 .62rem var(--sans); letter-spacing: .3em; text-transform: uppercase; margin: 54px 0 0 !important; }
@media (min-width: 760px) { .l-foot-in { grid-template-columns: 1fr 1fr; } .l-doc { padding-top: 80px; } }
@media print { .l-top, .l-foot, .l-back { display: none; } body { background: #fff; } }