/* Метротекс — «Справочник стандартов» (хаб /standarty/ и страницы стандартов) */
.std-page{--std-b:var(--rd-border,#dce5ec);--std-bg:var(--rd-bg-alt,#f5f8fa);--std-p:#183a6c;--std-link:var(--rd-primary,#005f9e);--std-t:var(--rd-text,#1a1a1a);--std-m:var(--rd-muted,#5b6878);--std-acc:#ef7d28;--std-r:12px;color:var(--std-t)}
html{scroll-behavior:smooth}
.std-page [id]{scroll-margin-top:90px}
.std-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--std-acc);font-weight:600;margin:4px 0 10px}
.std-kicker--light{color:#f6a25e}
.std-h1{margin:0 0 14px;line-height:1.2}
.std-lead{font-size:17px;line-height:1.6;color:#3a4654;margin:0 0 14px;max-width:820px}
.std-h2{font:500 26px/1.25 Rubik,sans-serif;margin:0 0 16px;color:var(--std-p)}
.std-h3{font:500 19px/1.3 Rubik,sans-serif;margin:26px 0 12px;color:var(--std-p)}
.std-sub{color:var(--std-m);margin:-6px 0 18px;max-width:820px}
.std-sec{margin:48px 0 0}
.std-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 22px;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none!important;cursor:pointer;border:1px solid transparent;transition:background-color .15s,border-color .15s}
.std-btn--accent{background:var(--std-acc);color:#fff!important}
.std-btn--accent:hover{background:#d96b19}
.std-btn--accent[disabled]{background:#c5ccd4;cursor:not-allowed}
.std-btn--ghost{background:#fff;color:var(--std-p)!important;border-color:var(--std-b)}
.std-btn--ghost:hover{border-color:var(--std-p)}
.std-badge{display:inline-block;padding:2px 10px;border-radius:6px;font-size:13px;font-weight:600;background:#e7f4ec;color:#16784c}
.std-badge--pending{background:#fff4e5;color:#9a5a00}
.std-badge--replaced,.std-badge--cancelled{background:#fdecec;color:#b42318}
.std-dot{color:#b8c2cc;margin:0 4px}
.std-meta{color:var(--std-m);font-size:14px;margin:0 0 18px}
.std-alert{background:#fdecec;border-left:4px solid #b42318;padding:10px 14px;border-radius:6px;margin:0 0 18px}
/* первый экран стандарта */
.std-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
.std-hero__btns{display:flex;flex-wrap:wrap;gap:10px}
.std-hero__media{border:1px solid var(--std-b);border-radius:var(--std-r);background:#fff;padding:16px;display:flex;align-items:center;justify-content:center}
.std-hero__img{max-width:100%;height:auto;max-height:300px;object-fit:contain}
/* содержание */
.std-toc{border:1px solid var(--std-b);border-radius:var(--std-r);padding:16px 20px;margin:30px 0 0;background:#fff}
.std-toc__title{font-weight:600;cursor:pointer;color:var(--std-p)}
.std-toc ul{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 24px}
.std-toc a{color:var(--std-link);text-decoration:none}
.std-toc a:hover{text-decoration:underline}
/* паспорт */
.std-passport{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0;border:1px solid var(--std-b);border-radius:var(--std-r);padding:6px 20px;background:#fff}
.std-passport__row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--std-b)}
.std-passport dt{color:var(--std-m);font-size:14px;margin:0}
.std-passport dd{margin:0;font-size:15px}
/* текст */
.std-prose{font-size:16px;line-height:1.65}
.std-prose h3{font:500 19px/1.3 Rubik,sans-serif;margin:24px 0 10px;color:var(--std-p)}
.std-prose ul,.std-prose ol{padding-left:22px}
.std-prose li{margin:4px 0}
.std-prose table,.std-table{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;border:1px solid var(--std-b);border-radius:var(--std-r);overflow:hidden;margin:10px 0 16px}
.std-prose th,.std-table th{background:#eef3f7;text-align:left;font-weight:600;padding:11px 14px;color:var(--std-p)}
.std-prose td,.std-table td{padding:11px 14px;border-top:1px solid var(--std-b);vertical-align:top}
.std-table td p{margin:0}
.std-steps ol{list-style:none;counter-reset:st;padding:0}
.std-steps ol>li{counter-increment:st;position:relative;border:1px solid var(--std-b);border-radius:10px;padding:14px 16px 14px 56px;margin:0 0 10px;background:#fff}
.std-steps ol>li:before{content:counter(st);position:absolute;left:16px;top:13px;width:26px;height:26px;border-radius:50%;background:#e8f1f8;color:var(--std-p);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}
/* товары */
.std-products{margin-top:6px}
.std-products.is-collapsed .std-product--more{display:none}
.std-more{text-align:center;margin:18px 0 0}
.std-after-products{text-align:center;color:var(--std-m);margin:16px 0 0}
.std-after-products a{font-weight:600}
/* FAQ */
.std-faq .rd-accordion-body{color:#3a4654}
/* статьи */
.std-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.std-post{display:block;border:1px solid var(--std-b);border-radius:var(--std-r);overflow:hidden;text-decoration:none;color:var(--std-t)}
.std-post img{display:block;width:100%;height:170px;object-fit:cover}
.std-post span{display:block;padding:12px 14px;font-weight:500}
/* форма */
.std-formbox{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;background:linear-gradient(135deg,#173b63,#24578a);color:#fff;border-radius:16px;padding:32px}
.std-formbox .std-h2{color:#fff}
.std-formbox p{color:#dfe8f1}
.std-formbox__hours{font-size:14px}
.std-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.std-field{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:#fff}
.std-field--wide{grid-column:1/-1}
.std-field input,.std-field textarea{width:100%;border:1px solid transparent;border-radius:8px;padding:11px 12px;font:400 15px/1.4 inherit;color:var(--std-t);background:#fff}
.std-field input[type=file]{padding:8px 10px}
.std-consent{display:flex;gap:8px;align-items:center;font-size:13px;margin:14px 0;color:#dfe8f1}
.std-consent a{color:#fff;text-decoration:underline}
.std-form__status{margin-top:10px;font-size:14px}
.std-form__status.is-ok{color:#9ff0c0}.std-form__status.is-err{color:#ffc2c2}
.std-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
/* смежные */
.std-related__cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.std-related h3{font:500 18px/1.3 Rubik,sans-serif;margin:0 0 10px;color:var(--std-p)}
.std-chips{display:flex;flex-wrap:wrap;gap:8px}
.std-chip{display:inline-block;border:1px solid var(--std-b);border-radius:8px;padding:8px 12px;font-weight:600;font-size:14px;color:var(--std-p);text-decoration:none;background:#fff}
.std-chip:hover{border-color:var(--std-p)}
.std-note{color:var(--std-m);font-size:13px;border-top:1px solid var(--std-b);padding-top:16px;margin:40px 0 10px}
/* хаб */
.std-hub-hero{max-width:900px}
.std-search{position:relative;background:var(--std-bg);border:1px solid var(--std-b);border-radius:var(--std-r);padding:18px 20px;margin:22px 0 0}
.std-search__label{display:block;font-weight:600;margin:0 0 10px;color:var(--std-p)}
.std-search__row{display:flex;gap:10px}
.std-search__input{flex:1;min-width:0;height:48px;border:1px solid var(--std-b);border-radius:8px;padding:0 14px;font-size:16px;background:#fff}
.std-search__list{position:absolute;left:20px;right:20px;top:calc(100% - 14px);z-index:20;list-style:none;margin:0;padding:6px 0;background:#fff;border:1px solid var(--std-b);border-radius:10px;box-shadow:0 12px 30px rgba(20,55,85,.14);max-height:420px;overflow:auto}
.std-search__list a{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;color:var(--std-t);text-decoration:none}
.std-search__list li.is-active a,.std-search__list a:hover{background:#eef4fa}
.std-search__n{color:var(--std-m);font-size:13px;white-space:nowrap}
.std-search__empty{margin-top:12px;background:#fff;border:1px dashed var(--std-b);border-radius:8px;padding:12px 14px}
.std-search__empty p{margin:0 0 6px}
.std-search__empty a{font-weight:600}
.std-tag{font-style:normal;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:#e7f4ec;color:#16784c;border-radius:4px;padding:1px 6px;vertical-align:1px}
.std-cards{display:grid;gap:14px}
.std-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.std-cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.std-card{display:flex;flex-direction:column;gap:6px;border:1px solid var(--std-b);border-radius:var(--std-r);padding:16px 18px;background:#fff;text-decoration:none!important;color:var(--std-t);transition:border-color .15s,box-shadow .15s}
.std-card:hover{border-color:var(--std-p);box-shadow:0 6px 20px rgba(20,55,85,.08)}
.std-card__ko{color:var(--std-p);font-size:16px}
.std-card__name{font-size:14.5px;line-height:1.45}
.std-card__n{color:var(--std-m);font-size:13px;margin-top:auto}
.std-card--sm .std-card__name{font-size:13.5px;color:var(--std-m)}
.std-read ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.std-read li{border:1px solid var(--std-b);border-radius:var(--std-r);padding:14px 16px;background:#fff;line-height:1.55;font-size:14.5px}
.std-read li strong{display:block;color:var(--std-p);margin-bottom:4px}
.std-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 16px;padding-bottom:2px}
.std-tab{flex:none;border:1px solid var(--std-b);background:#fff;border-radius:8px;padding:9px 16px;font-weight:600;cursor:pointer;color:var(--std-p)}
.std-tab.is-active{background:var(--std-p);color:#fff;border-color:var(--std-p)}
.std-all{display:none;list-style:none;margin:0;padding:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.std-all.is-active{display:grid}
.std-all a{display:flex;justify-content:space-between;gap:8px;border:1px solid var(--std-b);border-radius:8px;padding:9px 12px;font-size:14px;color:var(--std-t);text-decoration:none;background:#fff;height:100%}
.std-all a:hover{border-color:var(--std-p)}
.std-all a.has-article{font-weight:600}
.std-all__n{color:var(--std-m);font-size:13px;flex:none}
.std-about{max-width:900px}
.std-about-note{border-left:4px solid var(--std-acc);background:#fff7f0;padding:10px 14px;border-radius:6px;font-size:14.5px}
/* адаптив */
@media (max-width:991px){
  .std-hero{grid-template-columns:1fr}
  .std-hero__media{order:3;max-width:420px}
  .std-cards--3,.std-cards--4,.std-all,.std-read ul,.std-posts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .std-toc ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .std-formbox{grid-template-columns:1fr}
}
@media (max-width:767px){
  .std-h2{font-size:22px}
  .std-cards--3,.std-cards--4,.std-all,.std-read ul,.std-posts,.std-toc ul,.std-passport,.std-related__cols{grid-template-columns:1fr}
  .std-passport__row{grid-template-columns:1fr;gap:2px}
  .std-form__grid{grid-template-columns:1fr}
  .std-formbox{padding:22px 18px}
  .std-search__row{flex-direction:column}
  .std-search__list{left:12px;right:12px}
  .std-hero__btns .std-btn{flex:1 1 100%}
  /* таблицы → карточки */
  .std-table thead{display:none}
  .std-table,.std-table tbody,.std-table tr,.std-table td{display:block;width:100%}
  .std-table{border:none;background:none}
  .std-table tr{border:1px solid var(--std-b);border-radius:10px;margin:0 0 10px;background:#fff;padding:6px 0}
  .std-table td{border:none;padding:6px 14px}
  .std-table td:before{content:attr(data-label);display:block;font-size:12px;color:var(--std-m);font-weight:600;margin-bottom:2px}
  .std-prose table{display:block;overflow-x:auto}
}