/* Стиль правовых документов Pragmatic Center — в стиле сайта
   (тёплая бумага + IBM Plex + бутылочно-зелёный акцент). Шрифты — self-hosted
   через shared/fonts.css. Никаких внешних зависимостей. */
:root{
  --pc-paper:#F4F2EC; --pc-paper-2:#ECE9E1; --pc-paper-edge:#D6D1C5;
  --pc-ink:#14171A; --pc-ink-2:#3B3F44; --pc-ink-3:#6C6F73;
  --acc:#1F3D34; --acc-2:#2E5A4C; --edge:var(--pc-paper-edge);
  --font-display:'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;
  --font-body:'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--pc-paper);color:var(--pc-ink)}
body{font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
::selection{background:var(--acc);color:#fff}
a{color:inherit;text-decoration:none;transition:opacity .2s}
.wrap{max-width:820px;margin:0 auto;padding:0 24px 112px}
.doc-head{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--edge)}
.brand{display:inline-flex;align-items:center;gap:11px}
.brand img{display:block;width:26px;height:26px;flex:0 0 auto}
.brand .name{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.02em}
.brand .tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--pc-ink-3);padding-left:11px;border-left:1px solid var(--edge)}
.back{font-family:var(--font-display);font-size:14px;color:var(--pc-ink-2);border-bottom:1px solid transparent}
.back:hover{color:var(--pc-ink);border-bottom-color:var(--pc-ink)}
.eyebrow{display:inline-flex;align-items:center;gap:12px;margin:52px 0 18px}
.eyebrow span.line{width:24px;height:1px;background:var(--pc-ink)}
.eyebrow span.lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pc-ink-2)}
h1{font-family:var(--font-display);font-weight:600;font-size:34px;line-height:1.12;letter-spacing:-.02em;margin:0 0 12px}
.meta{font-family:var(--font-mono);font-size:12.5px;color:var(--pc-ink-3);margin:0 0 8px}
.lead{font-size:17px;color:var(--pc-ink-2);margin:0 0 8px;max-width:64ch}
section.doc{padding:34px 0 0;border-top:1px solid var(--edge);margin-top:34px}
h2{font-family:var(--font-display);font-weight:600;font-size:21px;letter-spacing:-.01em;margin:0 0 14px;display:flex;gap:14px;align-items:baseline}
h2 .no{font-family:var(--font-mono);font-size:13px;color:var(--acc);font-weight:500;flex:0 0 auto}
p{margin:0 0 14px;color:var(--pc-ink-2)}
p strong,li strong{color:var(--pc-ink);font-weight:600}
ul{margin:0 0 14px;padding-left:22px;color:var(--pc-ink-2)}
li{margin:0 0 8px}
.lk{color:var(--acc);border-bottom:1px solid currentColor}
.lk:hover{opacity:.7}
.op-card{background:var(--pc-paper-2);border:1px solid var(--edge);border-left:2px solid var(--acc);border-radius:2px;padding:16px 18px;margin:0 0 16px}
.op-card .row{font-family:var(--font-mono);font-size:13.5px;color:var(--pc-ink-2);line-height:1.7}
.op-card .row b{color:var(--pc-ink);font-weight:500}
.doc-foot{margin-top:56px;padding-top:22px;border-top:1px solid var(--edge);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-family:var(--font-mono);font-size:12px;color:var(--pc-ink-3)}
.doc-foot a{color:var(--pc-ink-3);border-bottom:1px solid transparent}
.doc-foot a:hover{color:var(--acc);border-bottom-color:currentColor}
@media (max-width:560px){h1{font-size:27px}.wrap{padding-bottom:80px}}
