.draft{background:#fff4d6;border:1px solid #f0d58a;border-radius:var(--radius);padding:10px 14px;margin:0 0 14px;font-size:14px;max-width:900px}
.draft b{color:#7a5200}
.cmp td{white-space:normal;vertical-align:top}
.cmp td.tn{min-width:150px}
.cmp th{white-space:nowrap}
.tartable .old{color:var(--mut);text-decoration:line-through;font-size:13px;margin-left:6px}
.tartable .tnote{display:block;font-weight:400;font-size:12.5px;color:var(--mut)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px;max-width:900px;margin:14px 0 0}
.fact{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px}
.fact .fl{font-size:12.5px;color:var(--mut);font-weight:600}
.fact .fv{font-size:17px;font-weight:700;color:var(--tx-hi);margin-top:2px}
.fact .fs{font-size:13px;color:var(--mut);margin-top:2px}
.modules{max-width:820px;padding-left:22px;margin:0}
.modules li{margin:.35em 0}
.check{max-width:820px;padding-left:22px}
.check li{margin:.5em 0;line-height:1.55}
.adlabel{font-size:12px;color:var(--mut);margin-top:6px}
.src{font-size:13px;color:var(--mut);max-width:75ch}
.src a{color:var(--mut);text-decoration:underline}
.foot-in{max-width:1280px;margin:0 auto;padding:18px 24px}
.foot-in p{margin:.3em 0;max-width:90ch}
.tablewrap{overflow-x:auto;max-width:100%}
.cur td{background:#f3faf6}
.na{color:var(--mut)}
@media (max-width:720px){
  main{padding:14px 16px 40px}
  h1{font-size:22px}
  .cmp td.tn{min-width:0}
}
.keyfacts{max-width:820px}
.keyfacts th{white-space:nowrap;font-size:13.5px;color:var(--mut);font-weight:600;text-align:left;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--panel2);width:1%}
.keyfacts td{white-space:normal;line-height:1.5}
@media (max-width:720px){
  .keyfacts tr{grid-template-columns:1fr !important}
  .keyfacts th{background:none;border:0;padding:0;width:auto}
}
/* меню разделов: на широких экранах переносится, на узких — горизонтальная лента с прокруткой */
.top-in{flex-wrap:wrap}
.mainnav{flex-wrap:wrap;justify-content:flex-end}
.mainnav a{padding:19px 9px;white-space:nowrap}
@media (max-width:1100px){
  .top-in{padding:8px 16px;gap:4px 12px}
  .mainnav{display:flex !important;order:4;flex:0 0 calc(100% + 32px);flex-direction:row;flex-wrap:nowrap;
    justify-content:flex-start;overflow-x:auto;margin:0 -16px -8px;padding:0 8px;border-top:1px solid var(--ink2);
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mainnav::-webkit-scrollbar{display:none}
  .mainnav a{padding:10px 8px;border-bottom:0;font-size:14.5px}
  .mainnav a[aria-current]{box-shadow:inset 0 -3px 0 var(--radar)}
}
