/* Страницы инструкций (/instrukcje/...). Подключает _inc/article.php после site.css и tw.css.
   site.css пересобирает import_design.py --layout, поэтому стили статей живут здесь. */
.om-article{max-width:760px}
.om-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px;font-size:14px;line-height:1.5;color:#606c7a}
.om-crumbs a{color:#606c7a;text-decoration:underline;text-underline-offset:3px}
.om-crumbs a:hover{color:#222b36}
.om-article h1{font-size:clamp(28px,3vw,40px)!important;line-height:1.16!important;margin:0 0 14px;text-wrap:balance}
.om-article-updated{margin:0 0 30px;font-size:14px;line-height:1.5;color:#606c7a}
.om-article p{margin:0 0 16px;font-size:17px;line-height:1.7}
.om-article .om-lead{font-size:19px;line-height:1.6}
.om-article h2{margin:44px 0 14px;font-size:clamp(22px,2.2vw,26px);line-height:1.25;font-weight:600;letter-spacing:-.02em}
.om-article ul,.om-article ol{margin:0 0 18px;padding-left:1.35em;font-size:17px;line-height:1.7}
.om-article ul{list-style:disc}
.om-article ol{list-style:decimal}
.om-article li{margin:0 0 8px;padding-left:4px}
.om-article li::marker{color:#ea0030}
.om-article a{color:#c80029;text-decoration:underline;text-underline-offset:3px}
.om-article a:hover{color:#222b36}
.om-article strong{font-weight:600}
.om-article figure{margin:26px 0 30px}
.om-article figure img{display:block;max-width:100%;height:auto;border:1px solid #dfe4ea;border-radius:10px}
.om-article figcaption{margin-top:10px;font-size:14px;line-height:1.55;color:#606c7a}
.om-article-more{padding-top:56px;padding-bottom:56px}
/* Страница-список /instrukcje/: заголовок H1 встает туда же, где на посадочной H2 блока «Инструкции». */
#instrukcje .om-stack-mobile h1{grid-column:1;grid-row:1;align-self:end;margin:0!important}
/* Заголовок призыва внизу абзацем (не H2), выглядит как H2 призыва на посадочной (site.css, #register .invitation-copy h2). */
#register .invitation-copy p.om-h2{color:#292a2b!important;margin:0 0 20px!important;max-width:650px;font-size:clamp(28px,3vw,40px)!important;line-height:1.18!important}
@media(max-width:560px){
.om-article h1{font-size:27px!important}
.om-article .om-lead{font-size:17px}
.om-article p,.om-article ul,.om-article ol{font-size:16px}
.om-article h2{margin-top:36px}
.om-article-more{padding-top:40px;padding-bottom:40px}
}