/* Документы по персональным данным: /politika, /soglasie (views/legal-*.pug). Без Bootstrap. */
.lg{--lg-ink:#1d2227; --lg-dim:#5f6870; --lg-line:#e2e6ea; --lg-soft:#f4f5f7; --lg-blue:#2d719d;
  max-width:820px; margin:0 auto; padding:24px 15px 56px; color:var(--lg-ink);
  font-family:'Rubik', Arial, sans-serif; font-size:16px; line-height:1.6}
.lg *{box-sizing:border-box}
.lg h1{font:600 30px/1.2 'Rubik', Arial, sans-serif; margin:0 0 10px; text-wrap:balance}
.lg h2{font:600 20px/1.3 'Rubik', Arial, sans-serif; margin:36px 0 12px; scroll-margin-top:100px}
.lg h3{font:600 16px/1.4 'Rubik', Arial, sans-serif; margin:20px 0 6px}
.lg p{margin:0 0 12px}
.lg ul,.lg ol{margin:0 0 14px; padding-left:22px}
.lg li{margin:0 0 6px}
.lg a{color:var(--lg-blue); text-decoration:underline; text-underline-offset:3px}
.lg a:hover{color:var(--lg-ink)}
.lg-meta{color:var(--lg-dim); font-size:14px; margin-bottom:22px}
.lg-card{background:var(--lg-soft); border:1px solid var(--lg-line); border-radius:12px; padding:16px 20px; margin:0 0 20px}
.lg-card dl{display:grid; grid-template-columns:200px minmax(0,1fr); gap:6px 16px; margin:0; font-size:15px}
.lg-card dt{color:var(--lg-dim)}
.lg-card dd{margin:0}
.lg-toc{border-left:3px solid var(--lg-line); padding:4px 0 4px 16px; margin:0 0 8px; font-size:15px}
.lg-toc ol{margin:0; padding-left:20px}
.lg-toc li{margin:0 0 4px}
.lg-goal{border:1px solid var(--lg-line); border-radius:12px; padding:16px 20px; margin:0 0 14px}
.lg-goal h3{margin-top:0}
.lg-goal dl{display:grid; grid-template-columns:150px minmax(0,1fr); gap:6px 16px; margin:0; font-size:15px}
.lg-goal dt{color:var(--lg-dim)}
.lg-goal dd{margin:0}
.lg-note{font-size:14px; color:var(--lg-dim)}
@media (max-width:767px){
  .lg{padding-top:16px; font-size:15px}
  .lg h1{font-size:24px}
  .lg h2{font-size:18px}
  .lg-card dl,.lg-goal dl{grid-template-columns:minmax(0,1fr); gap:2px 0}
  .lg-card dd,.lg-goal dd{margin-bottom:8px}
}

/* /rekvizity: значение + кнопка «Скопировать» */
.lg-req .lg-card dd{display:flex; align-items:baseline; justify-content:space-between; gap:12px}
.lg-req .req-v{min-width:0; overflow-wrap:anywhere}
.lg-req .req-copy{flex:none; border:0; background:none; padding:0; cursor:pointer; color:#2d719d;
  font:400 13px/1.4 'Rubik', Arial, sans-serif; text-decoration:underline; text-underline-offset:3px}
.lg-req .req-copy:hover{color:#1d2227}
.lg-req .req-all{height:42px; padding:0 18px; border:0; border-radius:10px; cursor:pointer; margin-right:12px;
  background:#2d3238; color:#fff; font:500 14px/1 'Rubik', Arial, sans-serif}
.lg-req .req-all:hover{background:#1b1e22}
.lg-req .req-copy:focus-visible,.lg-req .req-all:focus-visible{outline:2px solid #2d719d; outline-offset:2px}
@media (max-width:767px){ .lg-req .lg-card dd{margin-bottom:10px} }