/* Ortus · страницы отраслей, поводов, хабов и «О компании». Канон — «6 Сайт/КАНОН.md»:
   прямые углы, тонкие линии, без теней и карточек; одна янтарная вещь на экране. */
body.pgb{background:var(--paper);color:var(--ink);color-scheme:light}
.pg{max-width:1180px;margin:0 auto;padding:calc(var(--top) + 28px) var(--gut) 0}
.pg a{color:inherit}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--muted-l)}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink)}
.crumbs span[aria-current]{color:var(--ink)}

/* первый экран страницы */
.pg-hero{padding:28px 0 clamp(40px,6vw,72px);border-bottom:1px solid var(--line-l)}
.pg-hero h1{max-width:17em;font-weight:500;font-size:clamp(36px,5.4vw,76px);line-height:1;letter-spacing:-.04em;text-wrap:balance}
.pg-lead{margin-top:24px;max-width:38em;font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:#2C323B;text-wrap:pretty}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.btns a{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 22px;border:1px solid var(--ink);text-decoration:none;font-weight:500;font-size:16px}
.btns .b1{background:var(--ink);color:var(--paper)}
.btns .b2{background:transparent;color:var(--ink)}
.btns small{font:400 13px var(--mono);opacity:.7}

/* разделы: подпись слева, содержание справа */
.pg-s{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:16px clamp(24px,5vw,72px);padding:clamp(40px,5vw,64px) 0;border-bottom:1px solid var(--line-l)}
.pg-s>h2{font-weight:500;font-size:clamp(24px,2.4vw,34px);line-height:1.1;letter-spacing:-.03em;text-wrap:balance}
.pg-s p{font-size:17px;line-height:1.6;color:#2C323B;max-width:40em}
.pg-s p+p{margin-top:12px}
.pg-note{margin-top:18px!important;font-size:15px!important;color:var(--muted-l)!important}
@media (max-width:860px){.pg-s{grid-template-columns:1fr}}

/* табло событий: тёмная панель, как на главной и в КП */
.ev{margin-top:20px;background:var(--night);color:var(--paper);padding:6px 28px 6px 40px;position:relative}
.ev-r{display:grid;grid-template-columns:60px minmax(0,1.1fr) minmax(0,1.7fr) minmax(0,1.5fr);gap:18px;align-items:baseline;padding:16px 0;border-top:1px solid var(--line-d);font-size:16px;line-height:1.4}
.ev-r:first-child{border-top:0}
.ev-h{font-size:13px;color:var(--muted-d);padding:14px 0 10px}
.ev-r .mono{font-size:14px;color:var(--muted-d)}
.ev-r .e{color:var(--paper);font-weight:500}
.ev-r .w,.ev-r .s{color:var(--soft)}
.ev-r.on .mono{color:var(--paper)}
.ev-r{position:relative}
.ev-r.on::before{content:"";position:absolute;left:-25px;top:22px;width:10px;height:10px;border-radius:50%;background:var(--amber)}
@media (max-width:700px){
  .ev{padding:4px 18px 4px 30px}
  .ev-h{display:none}
  .ev-r{grid-template-columns:1fr;gap:4px}
  .ev-r.on::before{left:-19px;top:20px}
}

/* строки: адресаты, особенности, связанные страницы */
.rows-l>li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px 28px;padding:16px 0;border-top:1px solid var(--line-l)}
.rows-l>li:first-child{border-top:0;padding-top:0}
.rows-l b{font-weight:500;font-size:18px;letter-spacing:-.01em}
.rows-l span{font-size:16px;line-height:1.55;color:#3A404A}
@media (max-width:700px){.rows-l>li{grid-template-columns:1fr}}

/* письмо: лист бумаги в фирменной рамке с разрывом и точкой */
.mail{position:relative;margin-top:30px;background:#fff;border:1px solid #CDD2D8;border-top-color:transparent;
  background-image:linear-gradient(#CDD2D8,#CDD2D8),linear-gradient(#CDD2D8,#CDD2D8);
  background-size:calc(50% - 14px) 1px,calc(50% - 14px) 1px;background-position:left top,right top;background-repeat:no-repeat;
  padding:28px clamp(20px,3vw,40px) 30px;max-width:720px}
.mail::after{content:"";position:absolute;left:50%;top:-20px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--amber-ink)}
.mail-h{padding-bottom:16px;border-bottom:1px solid var(--line-l)}
.mail-h p{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;font-size:15px!important;line-height:1.6!important;color:#3A404A!important}
.mail-h span{color:var(--muted-l)}
.mail-h i{font-style:normal}
.mail-b{display:grid;gap:14px;padding-top:20px}
.mail-b p{font-size:17px!important;color:#3A404A!important}
.mail b{font-weight:500;color:var(--ink)}
.mail-u{font-size:13px!important;color:var(--muted-l)!important}

/* как это работает */
.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 28px}
.steps li{display:grid;gap:6px;align-content:start;padding-top:14px;border-top:1px solid var(--ink)}
.steps .mono{font-size:13px;color:var(--muted-l)}
.steps b{font-weight:500;font-size:18px}
.steps p{font-size:15px!important;color:#3A404A!important}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

/* вопросы */
.faq-l details{border-top:1px solid var(--line-l)}
.faq-l details:last-child{border-bottom:1px solid var(--line-l)}
.faq-l summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-weight:500;font-size:18px;letter-spacing:-.01em}
.faq-l summary::-webkit-details-marker{display:none}
.faq-l summary::after{content:"+";font-weight:400;color:var(--muted-l)}
.faq-l details[open] summary::after{content:"−"}
.faq-l details p{padding:0 0 20px}

/* связь: тёмная полоса */
.pg-cta{margin:clamp(48px,6vw,80px) calc(50% - 50vw) 0;background:var(--night);color:var(--paper);padding:clamp(56px,8vw,110px) var(--gut)}
.pg-cta-in{max-width:1180px;margin:0 auto}
.pg-cta h2{max-width:13em;font-weight:500;font-size:clamp(34px,4.6vw,64px);line-height:1;letter-spacing:-.04em;text-wrap:balance}
.pg-cta-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,64px);align-items:start;margin-top:28px}
.pg-cta-g:not(:has(.lf)){grid-template-columns:1fr}
@media (max-width:900px){.pg-cta-g{grid-template-columns:1fr}}
.pg-cta-t>p{max-width:34em;font-size:18px;line-height:1.55;color:var(--soft)}
.pg-cta .btns a{border-color:var(--paper)}
.pg-cta .btns .b1{background:var(--paper);color:var(--ink)}
.pg-cta .btns .b2{color:var(--paper);border-color:var(--line-d)}

/* связанные страницы и хабы */
.pg-rel{padding:clamp(40px,5vw,64px) 0 clamp(56px,7vw,96px)}
.pg-rel h2{font-weight:500;font-size:clamp(22px,2vw,28px);letter-spacing:-.025em;margin-bottom:18px}
.links-l>li{border-top:1px solid var(--line-l)}
.links-l>li:last-child{border-bottom:1px solid var(--line-l)}
.links-l a{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr) 24px;gap:8px 28px;align-items:baseline;padding:18px 0;text-decoration:none}
.links-l b{font-weight:500;font-size:20px;letter-spacing:-.015em}
.links-l span{font-size:16px;line-height:1.5;color:#3A404A}
.links-l i{font-style:normal;color:var(--muted-l);text-align:right}
.links-l a:hover b{text-decoration:underline;text-underline-offset:4px}
@media (max-width:700px){.links-l a{grid-template-columns:1fr}.links-l i{display:none}}
.pg-other{margin-top:28px;max-width:40em;font-size:17px;line-height:1.6;color:#2C323B}

/* документы: политика, согласие, ответ формы */
.doc{max-width:860px;margin:0 auto;padding:calc(var(--top) + 28px) var(--gut) clamp(72px,10vw,120px)}
.doc h1{margin-top:28px;font-weight:500;font-size:clamp(34px,4.6vw,60px);line-height:1.02;letter-spacing:-.037em;text-wrap:balance}
.doc .ed{margin-top:16px;font-size:15px;color:var(--muted-l)}
.doc .sum{margin-top:32px;padding:22px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line-l);font-size:clamp(18px,1.6vw,21px);line-height:1.5;letter-spacing:-.01em;color:#2C323B}
.doc section{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,9fr);gap:10px 40px;padding:26px 0;border-bottom:1px solid var(--line-l);scroll-margin-top:90px}
.doc h2{font-weight:500;font-size:19px;line-height:1.35;letter-spacing:-.01em}
.doc section p,.doc section li{font-size:17px;line-height:1.6;color:#2C323B}
.doc section p+p,.doc section p+ul,.doc section ul+p{margin-top:12px}
.doc section ul{display:grid;gap:8px}
.doc section li{position:relative;padding-left:18px}
.doc section li::before{content:"";position:absolute;left:0;top:.75em;width:6px;height:1px;background:var(--muted-l)}
.doc .mono{font-size:15px}
.doc a{color:var(--amber-text);text-underline-offset:3px}
.doc .btns{margin-top:36px}
@media (max-width:700px){.doc section{grid-template-columns:1fr}}

/* о компании: реквизиты и цифры */
.req{font-family:var(--mono);font-size:15px;line-height:1.8;color:#2C323B}
.nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;margin-top:6px}
.nums li{padding-top:14px;border-top:1px solid var(--line-l)}
.nums b{display:block;font-weight:500;font-size:clamp(30px,3vw,44px);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.nums span{display:block;margin-top:8px;font-size:15px;color:#3A404A}