/* Оформление юридических документов «Глобал Энерджи».
   Один файл для всех страниц раздела /documents/. */

:root{
  /* значения берутся из tokens.css: единый источник цвета */
  --primary:var(--brand);
  --secondary:var(--brand-2);
  --border:var(--line);
}

*{box-sizing:border-box;}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:16px;
  line-height:1.65;
}

.doc-wrap{
  max-width:840px;
  margin:0 auto;
  padding:32px 20px 80px;
}

.doc-head{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:10px;
  padding:24px 28px;
  margin-bottom:28px;
}

.doc-company{
  font-size:14px;
  color:var(--secondary);
  font-weight:600;
  letter-spacing:.02em;
}

.doc-title{
  font-size:26px;
  font-weight:700;
  color:var(--primary);
  margin:8px 0 6px;
  line-height:1.25;
}

.doc-meta{
  font-size:13px;
  color:var(--muted);
}

.doc-body{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:10px;
  padding:28px 32px;
}

.doc-body h2{
  font-size:19px;
  font-weight:700;
  color:var(--primary);
  margin:28px 0 10px;
  border-bottom:2px solid var(--secondary);
  padding-bottom:6px;
}

.doc-body h2:first-child{margin-top:0;}

.doc-body h3{
  font-size:16px;
  font-weight:700;
  color:var(--secondary);
  margin:20px 0 8px;
}

.doc-body p{margin:10px 0;}

.doc-body ul,.doc-body ol{margin:10px 0 10px 22px;padding:0;}
.doc-body li{margin:6px 0;}

.doc-body a{color:var(--secondary);}

.doc-note{
  background:var(--bg);
  border-left:4px solid var(--secondary);
  padding:12px 16px;
  margin:16px 0;
  border-radius:0 8px 8px 0;
  font-size:15px;
}

.doc-req{
  margin-top:26px;
  padding-top:18px;
  border-top:1px solid var(--border);
  font-size:14px;
  color:var(--muted);
}
.doc-req b{color:var(--text);}

.doc-back{
  display:inline-block;
  margin-bottom:20px;
  color:var(--secondary);
  text-decoration:none;
  font-size:14px;
}
.doc-back:hover{text-decoration:underline;}

@media (max-width:600px){
  body{font-size:15px;}
  .doc-body{padding:20px 18px;}
  .doc-title{font-size:22px;}
}