
.c36k{--ink:#0A1026;--mut:#5A6480;--acc:#2ED9A0;--vio:#5B3BE0;--amb:#FFC542;--line:#E4E8F2;
 display:block;width:100%;max-width:100%;box-sizing:border-box;grid-column:1/-1;flex:1 1 100%;
 margin:26px 0 30px;color:var(--ink);line-height:1.45;container-type:inline-size}
.c36k *,.c36k *:before,.c36k *:after{box-sizing:border-box}
.c36k-hd{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;margin:0 0 14px;
 padding:0 0 10px;border-bottom:2px solid var(--line)}
.c36k .c36k-hd .c36k-h2{margin:0!important;padding:0!important;border:0!important;
 background:none!important;color:var(--ink)!important;font-size:23px!important;
 line-height:1.18!important;font-weight:800!important;letter-spacing:-.2px!important;
 text-transform:none!important}
.c36k .c36k-hd .c36k-h2:before,.c36k .c36k-hd .c36k-h2:after{display:none!important;
 content:none!important}
.c36k .c36k-hd .c36k-sub{margin:0!important;padding:0!important;color:var(--mut)!important;
 font-size:13.5px!important;line-height:1.35!important;font-weight:400!important}
.c36k .c36k-g{display:grid!important;gap:12px!important;margin:0!important;padding:0!important;
 list-style:none!important;background:none!important;border:0!important}
.c36k .c36k-g>li.c36k-i{margin:0!important;padding:0!important;list-style:none!important;
 background:none!important;border:0!important;display:block!important;min-width:0}
.c36k .c36k-g>li.c36k-i:before,.c36k .c36k-g>li.c36k-i:after{display:none!important;
 content:none!important}
.c36k .c36k-g .c36k-i a.c36k-c{display:flex!important;flex-direction:row;align-items:center;
 gap:12px;min-height:76px;height:100%;padding:12px!important;background:#fff!important;
 border:1px solid var(--line)!important;border-radius:12px!important;
 box-shadow:0 1px 2px rgba(10,16,38,.05)!important;color:var(--ink)!important;
 text-decoration:none!important;font-weight:400!important;transition:border-color .15s,
 box-shadow .15s,transform .15s}
.c36k .c36k-g .c36k-i a.c36k-c:hover,.c36k .c36k-g .c36k-i a.c36k-c:focus-visible{
 border-color:#BFC8DE!important;box-shadow:0 6px 18px rgba(10,16,38,.10)!important;
 transform:translateY(-1px);text-decoration:none!important}
.c36k .c36k-g .c36k-i a.c36k-c .c36k-x{display:flex!important;flex-direction:column;
 min-width:0;gap:2px}
.c36k .c36k-g .c36k-i a.c36k-c .c36k-t{display:block!important;font-weight:700!important;
 font-size:14.5px!important;line-height:1.25!important;color:var(--ink)!important;
 text-decoration:none!important}
.c36k .c36k-g .c36k-i a.c36k-c .c36k-d{display:-webkit-box!important;-webkit-box-orient:vertical;
 -webkit-line-clamp:2;overflow:hidden;font-size:12.5px!important;line-height:1.35!important;
 color:var(--mut)!important;font-weight:400!important}
.c36k .c36k-g .c36k-i a.c36k-c:hover .c36k-t{color:var(--vio)!important}
.c36k .c36k-p{display:flex!important;align-items:center;justify-content:center;flex:0 0 auto;
 background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
/* ⚠ скин этапа 05 задаёт .zt-main span{color:inherit} с весом (0,3,1) — подложка знака
   это span, поэтому без 4 классов и !important знак наследует --ink и выглядит пятном. */
.c36k .c36k-g .c36k-i .c36k-p--ico{width:46px;height:46px;position:relative;
 background:#F3F6FC;border:0;color:var(--vio)!important}
.c36k .c36k-g .c36k-i .c36k-p--ico .c36k-sv{display:block;fill:var(--vio)!important}
.c36k .c36k-p .c36k-bd{position:absolute;right:-3px;bottom:-4px;display:block;padding:1px 5px;
 border-radius:7px;background:var(--ink);color:#fff;font-size:10.5px;font-weight:700;
 line-height:1.5;letter-spacing:-.2px;font-style:normal}
.c36k .c36k-im{display:block;width:104px;height:48px;object-fit:contain;padding:4px;
 margin:0!important;border:0!important;border-radius:0!important;background:none!important;
 box-shadow:none!important}
/* карточка-знак: плитка сверху во всю ширину, подпись под ней */
.c36k .c36k-g--logo .c36k-i a.c36k-c{flex-direction:column;align-items:stretch;gap:10px;
 text-align:center}
.c36k .c36k-g--logo .c36k-p{width:100%;height:56px}
.c36k .c36k-g--logo .c36k-im{width:100%;height:100%;padding:5px 8px}
.c36k .c36k-g--logo .c36k-i a.c36k-c .c36k-x{align-items:center}
.c36k .c36k-g--logo .c36k-i a.c36k-c .c36k-d{-webkit-line-clamp:2;font-size:12px!important}
/* карточка-картинка: кадр 16:10 сверху */
.c36k .c36k-g--pic .c36k-i a.c36k-c{flex-direction:column;align-items:stretch;gap:10px;
 padding:0!important;overflow:hidden}
.c36k .c36k-g--pic .c36k-p--pic{width:100%;height:auto;aspect-ratio:16/9;border:0;
 border-radius:0;background:#EDF1F8}
.c36k .c36k-g--pic .c36k-ip{display:block;width:100%;height:100%;object-fit:cover;
 margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.c36k .c36k-g--pic .c36k-i a.c36k-c .c36k-x{padding:0 12px 12px}
@media print{.c36k .c36k-g .c36k-i a.c36k-c{box-shadow:none!important}}

.c36k-g--logo{grid-template-columns:repeat(auto-fill,minmax(176px,1fr))}
.c36k-g--ico{grid-template-columns:repeat(auto-fill,minmax(244px,1fr))}
.c36k-g--pic{grid-template-columns:repeat(auto-fill,minmax(218px,1fr))}
@media(max-width:820px){
.c36k-g--logo{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:10px}
.c36k-g--ico{grid-template-columns:1fr;gap:10px}
.c36k-g--pic{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.c36k .c36k-hd .c36k-h2{font-size:20px!important}
.c36k-g--pic .c36k-p--pic{aspect-ratio:16/10}
}
@container (max-width:620px){
.c36k-g--logo{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:10px}
.c36k-g--ico{grid-template-columns:1fr;gap:10px}
.c36k-g--pic{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.c36k .c36k-hd .c36k-h2{font-size:20px!important}
.c36k-g--pic .c36k-p--pic{aspect-ratio:16/10}
}
