/* nco|home08b — хабы главной, 24.10.2026 */
body.nco .nhb{padding-top:34px;padding-bottom:30px}
body.nco .nco_cont{padding-top:0}
body.nco .nhb .nco_sec_head{display:flex;align-items:baseline;margin:0 0 10px;border-bottom:3px solid var(--g-ink);padding-bottom:6px}
body.nco .nhb_intro{max-width:760px;margin:0 0 20px;color:var(--g-ink2);font-size:16px;line-height:1.6}
body.nco .nhb ul,body.nco .nhb ol{list-style:none;margin:0;padding:0}
body.nco .nhb li{margin:0;padding:0;text-indent:0}
body.nco .nhb li::marker,body.nco .nhb li::before{content:none}
body.nco .nhb li a,body.nco .nhb a.nhb_wide,body.nco .nhb a.nhb_lead{color:var(--g-ink);text-decoration:none;display:block;height:100%}
body.nco .nhb b{display:block;font:700 16px/1.3 var(--g-sans);color:var(--g-ink)}
body.nco .nhb small{display:block;margin-top:5px;font-size:14px;line-height:1.5;color:var(--g-ink2)}
body.nco .nhb li a:hover b,body.nco .nhb a.nhb_wide:hover b,body.nco .nhb a.nhb_lead:hover b{color:var(--g-moss);text-decoration:underline;text-underline-offset:3px}
body.nco .nhb img{display:block;margin:0;max-width:100%}
body.nco .nhb_more{margin:20px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 22px;font-size:15px}
body.nco .nhb_more a.nhb_all{font-weight:700;color:var(--g-moss)}
body.nco .nhb_line{color:var(--g-mute)}
body.nco .nhb_line span{font-weight:600;color:var(--g-ink2)}
body.nco .nhb_line a{color:var(--g-moss)}
/* art: иконка + токен страницы */
body.nco .nhb_art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--g-spruce);color:#fff;text-align:center}
body.nco .nhb_art .nco_i{width:30px;height:30px;color:var(--g-cloud)}
body.nco .nhb_art em,body.nco .nhb_stub em,body.nco .nhb_top em{font:800 28px/1.05 var(--g-sans);font-style:normal;letter-spacing:-.02em}
body.nco .nhb_art i,body.nco .nhb_stub i,body.nco .nhb_top i{font-style:normal;font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
/* 1 журнал */
body.nco .nhb_magl{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
body.nco .nhb_magl li a{background:var(--g-paper);border:1px solid var(--g-line);padding:0 0 14px}
body.nco .nhb_magl .nhb_ph{display:flex;aspect-ratio:950/350;overflow:hidden;background:#fff;margin:0 0 12px;border-bottom:3px solid var(--g-cloud)}
body.nco .nhb_magl .nhb_ph img{width:100%;height:100%;object-fit:cover}
body.nco .nhb_magl .nhb_contain img{object-fit:contain}
body.nco .nhb_magl b,body.nco .nhb_magl small{padding:0 14px}
/* 2 купоны */
body.nco .nhb_coupons{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
body.nco .nhb_coupons li a{display:flex;background:var(--g-paper);border:1px solid var(--g-line)}
body.nco .nhb_stub{position:relative;flex:0 0 112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:14px 6px;background:var(--g-spruce);color:#fff;text-align:center;border-right:2px dashed var(--g-canvas)}
body.nco .nhb_stub::before,body.nco .nhb_stub::after{content:"";position:absolute;right:-9px;width:16px;height:16px;border-radius:50%;background:var(--g-canvas)}
body.nco .nhb_stub::before{top:-8px}
body.nco .nhb_stub::after{bottom:-8px}
body.nco .nhb_stub .nco_i{color:var(--g-cloud);width:24px;height:24px}
body.nco .nhb_stub em{font-size:24px;color:var(--g-cloud)}
body.nco .nhb_coupons .nhb_ct{padding:14px 16px}
body.nco .nhb_wide{display:grid!important;grid-template-columns:minmax(0,42%) 1fr;margin-top:14px;background:var(--g-spruce2);border:1px solid var(--g-spruce2)}
body.nco .nhb_wide .nhb_ph img{width:100%;height:100%;object-fit:cover;aspect-ratio:700/331}
body.nco .nhb_wide .nhb_ct{align-self:center;padding:20px 26px}
body.nco .nhb_wide b{color:#fff;font-size:21px}
body.nco .nhb_wide small{color:#C9D8D0;font-size:15px}
/* 3 касса */
body.nco .nhb_rows{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;background:var(--g-paper);border:1px solid var(--g-line);padding:6px 20px}
body.nco .nhb_rows li{border-bottom:1px solid var(--g-frost)}
body.nco .nhb_rows li:nth-last-child(-n+1){border-bottom:0}
body.nco .nhb_rows li a{display:flex;align-items:center;gap:14px;padding:12px 0}
body.nco .nhb_plate{flex:0 0 92px}
body.nco .nhb_plate img{width:92px;height:51px;object-fit:cover;border-radius:4px}
body.nco .nhb_rows .nhb_ct{flex:1;min-width:0}
body.nco .nhb_rows small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px}
body.nco .nhb_chip{flex:none;padding:3px 9px;border:1px solid var(--g-line);border-radius:999px;font-size:12px;font-weight:600;color:var(--g-ink2);background:var(--g-inset);white-space:nowrap}
/* 4а стена студий */
body.nco .nhb_logos{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--g-line);border:1px solid var(--g-line)}
body.nco .nhb_logos li a{background:var(--g-paper);padding:18px 16px 16px;text-align:center}
body.nco .nhb_logo{display:flex;align-items:center;justify-content:center;height:74px;margin:0 0 12px}
body.nco .nhb_logo img{max-height:74px;width:auto;object-fit:contain}
body.nco .nhb_logos small{color:var(--g-moss);font-weight:600;font-size:13px;letter-spacing:.02em}
/* 4б обложки автоматов */
body.nco .nhb_covers{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
body.nco .nhb_covers img{width:100%;aspect-ratio:330/420;height:auto;object-fit:cover;object-position:top;border-radius:6px;margin:0 0 9px;box-shadow:0 2px 0 var(--g-line)}
body.nco .nhb_covers b{font-size:15px}
body.nco .nhb_covers small{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* 5 split */
body.nco .nhb_panels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
body.nco .nhb_panels li a{background:var(--g-paper);border:1px solid var(--g-line);padding:0 0 16px}
body.nco .nhb_top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:118px;margin:0 0 14px;background:var(--g-spruce);color:#fff}
body.nco .nhb_panels li:nth-child(odd) .nhb_top{background:var(--g-moss)}
body.nco .nhb_top .nco_i{color:var(--g-cloud);width:26px;height:26px}
body.nco .nhb_top_img{background:#fff!important;border-bottom:1px solid var(--g-frost);padding:0 18px}
body.nco .nhb_top_img img{width:100%;height:auto;max-height:88px;object-fit:contain}
body.nco .nhb_panels b,body.nco .nhb_panels small{padding:0 18px}
/* 6а атлас */
body.nco .nhb_photos{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 18px}
body.nco .nhb_photos .nhb_ph{position:relative;display:block;margin:0 0 12px}
body.nco .nhb_photos img{width:100%;aspect-ratio:2/1;object-fit:cover}
body.nco .nhb_tag{position:absolute;left:12px;bottom:12px;padding:6px 11px;background:var(--g-spruce2);color:#fff;font-size:13px}
body.nco .nhb_tag em{font-style:normal;font-weight:800;color:var(--g-cloud);font-size:16px}
body.nco .nhb_photos b{font-size:19px}
body.nco .nhb_flags{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:3px solid var(--g-ink)}
body.nco .nhb_flags li{border-bottom:1px solid var(--g-line)}
body.nco .nhb_flags li+li{border-left:1px solid var(--g-line)}
body.nco .nhb_flags li a{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:14px 14px 14px 0}
body.nco .nhb_flags li+li a{padding-left:14px}
body.nco .nhb_flag{flex:none;width:36px;height:24px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
body.nco .nhb_flag_i{display:flex;align-items:center;justify-content:center;background:var(--g-spruce);color:var(--g-cloud)}
body.nco .nhb_flag_i .nco_i{width:16px;height:16px}
body.nco .nhb_flags .nhb_ct{flex:1 1 60%;min-width:0}
body.nco .nhb_flags small{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.nco .nhb_flags .nhb_chip{order:-1;margin-left:auto}
/* 6б сукно */
body.nco .nhb_felt{max-width:none;background:radial-gradient(ellipse at 50% 0,#1E4A3C 0,var(--g-spruce2) 70%);padding-left:max(var(--g-pad),calc((100% - var(--w))/2 + var(--g-pad)));padding-right:max(var(--g-pad),calc((100% - var(--w))/2 + var(--g-pad)))}
body.nco .nhb_felt .nco_sec_head{border-color:var(--g-cloud)}
body.nco .nhb_felt h2,body.nco .nhb_felt b{color:#fff!important}
body.nco .nhb_felt .nhb_intro,body.nco .nhb_felt small{color:#C9D8D0}
body.nco .nhb_tables{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 20px}
body.nco .nhb_tables .nhb_ph{display:flex;aspect-ratio:3/2;overflow:hidden;margin:0 0 10px;border:1px solid rgba(255,255,255,.18);border-radius:4px}
body.nco .nhb_tables .nhb_ph img{width:100%;height:100%;object-fit:cover}
body.nco .nhb_felt .nhb_more a,body.nco .nhb_felt .nhb_more a.nhb_all{color:var(--g-cloud)}
body.nco .nhb_felt .nhb_line,body.nco .nhb_felt .nhb_line span{color:#C9D8D0}
body.nco .nhb_felt .nhb_art{background:#0B211A;width:100%}
/* 7 курсы */
body.nco .nhb_courses{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:none}
body.nco .nhb_courses li a{position:relative;background:var(--g-paper);border:1px solid var(--g-line);border-top:4px solid var(--g-spruce);padding:0 0 14px}
body.nco .nhb_no{position:absolute;left:12px;top:-4px;z-index:1;min-width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--g-cloud);color:var(--g-ink);font:800 17px/1 var(--g-sans);border-radius:0 0 6px 6px}
body.nco .nhb_courses .nhb_ph{display:flex;aspect-ratio:4/1;background:var(--g-inset);margin:0 0 12px;overflow:hidden}
body.nco .nhb_courses .nhb_ph img{width:100%;height:100%;object-fit:contain}
body.nco .nhb_courses .nhb_cover img{object-fit:cover}
body.nco .nhb_courses .nhb_art{width:100%;flex-direction:row;gap:10px}
body.nco .nhb_courses .nhb_art em{font-size:20px}
body.nco .nhb_courses b,body.nco .nhb_courses small{padding:0 14px}
/* 8 новости */
body.nco .nhb_wirebox{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:26px;background:var(--g-paper);border:1px solid var(--g-line);padding:22px}
body.nco .nhb_lead .nhb_ph img{width:100%;aspect-ratio:768/442;object-fit:cover;margin:0 0 14px}
body.nco .nhb_lead b{font-size:23px;line-height:1.2}
body.nco .nhb_lead small{font-size:15px}
body.nco .nhb_list li+li{border-top:1px solid var(--g-frost)}
body.nco .nhb_list li a{display:flex;gap:14px;padding:10px 0}
body.nco .nhb_list li:first-child a{padding-top:0}
body.nco .nhb_th{flex:0 0 72px;height:72px;overflow:hidden;border-radius:4px;display:flex}
body.nco .nhb_th img{width:72px;height:72px;object-fit:cover;object-position:top}
body.nco .nhb_th .nhb_art{width:72px;height:72px}
body.nco .nhb_th .nhb_art em{font-size:15px}
body.nco .nhb_th .nhb_art .nco_i{width:20px;height:20px}
body.nco .nhb_list .nhb_ct{min-width:0}
body.nco .nhb_list b{font-size:15px}
body.nco .nhb_list small{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* 08b.9б — картинки донорского текста главной в скин */
body.nco_k_home .nco_body img{max-width:min(100%,640px);padding:10px;background:var(--g-inset);border:1px solid var(--g-line);border-bottom:3px solid var(--g-moss);border-radius:2px}
@media (max-width:1024px){
 body.nco .nhb_covers{grid-template-columns:repeat(4,1fr)}
 body.nco .nhb_flags{grid-template-columns:repeat(3,1fr)}
 body.nco .nhb_flags li:nth-child(4){border-left:0}
 body.nco .nhb_flags li:nth-child(4) a{padding-left:0}
}
@media (max-width:900px){
 body.nco .nhb_magl,body.nco .nhb_logos,body.nco .nhb_courses{grid-template-columns:repeat(2,1fr)}
 body.nco .nhb_coupons,body.nco .nhb_panels,body.nco .nhb_tables{grid-template-columns:1fr 1fr}
 body.nco .nhb_rows{grid-template-columns:1fr}
 body.nco .nhb_rows li:nth-last-child(-n+1){border-bottom:0}
 body.nco .nhb_wirebox{grid-template-columns:1fr}
}
@media (max-width:620px){
 body.nco .nhb{padding-left:16px;padding-right:16px}
 body.nco .nhb_magl,body.nco .nhb_coupons,body.nco .nhb_panels,body.nco .nhb_photos,body.nco .nhb_courses{grid-template-columns:1fr}
 body.nco .nhb_covers{grid-template-columns:repeat(2,1fr);gap:14px}
 body.nco .nhb_tables{grid-template-columns:1fr 1fr;gap:16px 12px}
 body.nco .nhb_tables li:last-child{grid-column:1/-1}
 body.nco .nhb_tables li:last-child .nhb_ph{aspect-ratio:3/1}
 body.nco .nhb_flags{grid-template-columns:1fr}
 body.nco .nhb_flags li+li{border-left:0}
 body.nco .nhb_flags li+li a{padding-left:0}
 body.nco .nhb_wide{grid-template-columns:1fr}
 body.nco .nhb_wide .nhb_ct{padding:16px}
 body.nco .nhb_wirebox{padding:14px}
 body.nco .nhb_lead b{font-size:20px}
 body.nco .nhb_rows{padding:4px 14px}
 body.nco .nhb_chip{font-size:11px;padding:2px 7px}
 body.nco .nhb_plate{flex-basis:72px}
 body.nco .nhb_plate img{width:72px;height:40px}
 body.nco .nhb_magl .nhb_ph{aspect-ratio:2.4/1}
 body.nco .nhb_stub{flex-basis:96px}
}