/* ==========================================================================
   ГК Аванпорт — раздел «Правовая информация» (legal*.html, D-027).
   Список документов карточками (как на lvklogistic.ru/legal.html) и страница документа:
   текст в колонку для чтения, справа — список документов. Цвета и шрифты — токены из main.css.
   Страницы собирает tools/build_legal.py.
   ========================================================================== */
.lg-hero{background:var(--grad-hero);padding:40px var(--gutter) clamp(56px,7vw,100px)}
.lg-hero h1{font-family:var(--f-display);font-weight:400;font-size:clamp(34px,4.4vw,64px);line-height:1.06;letter-spacing:.04em;text-transform:uppercase;overflow-wrap:break-word}
.lg-hero h1 .ghost{display:block}
.lg-sub{margin-top:18px;max-width:62ch;font-size:17px;line-height:1.6;color:var(--text-2)}

/* список документов */
.lg-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:44px}
.lg-card{display:flex;flex-direction:column;gap:10px;padding:30px 28px 26px;border-radius:24px;background:#fff;box-shadow:var(--shadow);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.lg-card:hover{transform:translateY(-4px);box-shadow:0 28px 64px rgba(11,49,74,.14)}
.lg-num{font-family:var(--f-num);font-style:italic;font-weight:500;font-size:48px;line-height:1;color:var(--accent-deep);margin-bottom:6px}
.lg-card-t{font-family:var(--f-display);font-size:20px;line-height:1.25;letter-spacing:.03em;text-transform:uppercase}
.lg-card-s{font-size:15px;line-height:1.55;color:var(--text-2)}
.lg-go{margin-top:auto;padding-top:10px;font-weight:600;font-size:14px;color:var(--accent-deep)}
.lg-card:hover .lg-go{color:var(--accent)}

/* страница документа */
.lg-hero-doc{padding-bottom:clamp(40px,5vw,72px)}
.lg-hero-doc h1{font-size:clamp(28px,3.4vw,48px);max-width:24ch}
.lg-doc-sub{margin-top:14px;font-size:15px;font-weight:600;letter-spacing:.06em;color:var(--text-2)}
.lg-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(28px,4vw,64px);align-items:start;padding:clamp(32px,4vw,56px) var(--gutter) 0}
.lg-doc{max-width:820px;padding:clamp(28px,4vw,56px);border-radius:28px;background:#fff;box-shadow:var(--shadow);font-size:16px;line-height:1.7}
.lg-doc h2{font-family:var(--f-display);font-weight:400;font-size:clamp(20px,1.8vw,24px);line-height:1.25;letter-spacing:.04em;text-transform:uppercase;margin:40px 0 14px;color:var(--dark)}
.lg-doc h2:first-child,.lg-doc .lg-approved+h2{margin-top:0}
.lg-doc h3{font-family:var(--f-text);font-weight:700;font-size:17px;line-height:1.4;margin:24px 0 8px}
.lg-doc p{margin:0 0 12px}
.lg-doc ul{margin:0 0 14px;padding-left:22px}
.lg-doc li{margin:0 0 6px}
.lg-doc li::marker{color:var(--accent-deep)}
.lg-doc a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.lg-doc a:hover{color:var(--accent)}
.lg-approved{margin:0 0 32px auto;max-width:340px;text-align:right;font-size:15px;color:var(--text-2)}
.lg-approved p{margin:0}

.lg-nav{position:sticky;top:calc(var(--nav-h) + 24px);display:flex;flex-direction:column;gap:2px;padding:24px;border-radius:24px;background:rgba(255,255,255,.6);border:1px solid var(--line)}
.lg-nav-t{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);margin-bottom:10px}
.lg-nav a{padding:9px 0;font-size:15px;line-height:1.4;border-top:1px solid var(--line);transition:color .2s}
.lg-nav a:hover{color:var(--accent-deep)}
.lg-nav a.on{font-weight:700;color:var(--accent-deep)}
.lg-nav .lg-back{margin-top:10px;font-weight:600;color:var(--accent-deep)}

@media (max-width:980px){
  .lg-body{grid-template-columns:1fr}
  .lg-nav{position:static}
}
@media (max-width:720px){
  .lg-hero{padding-top:24px}
  .lg-hero-doc h1{font-size:clamp(20px,6.2vw,30px)}   /* «КОНФИДЕНЦИАЛЬНОСТИ» — целиком в строку */
  .lg-list{grid-template-columns:1fr}
  .lg-card{padding:24px 22px}
  .lg-doc{border-radius:20px;font-size:15px}
}