/* loch — хабы главной (этап 08b), только на главной */
html body #content .loch-hub{margin:8px 0 28px;font-family:Rubik,'Segoe UI',Arial,sans-serif;color:var(--loc-ink)}
html body #content .loch-hub ul,html body #content .loch-hub ol{list-style:none;margin:0;padding:0}
html body #content .loch-hub li{margin:0;padding:0;text-indent:0}
html body #content .loch-hub li:before,html body #content .loch-hub li:after{content:none!important;display:none!important}
html body #content .loch-hub a{text-decoration:none;color:inherit}
html body #content .loch-hub img{border-radius:0;max-width:100%!important}
html body #content .loch-hub__head{border-left:4px solid var(--loc-ice);padding:2px 0 2px 14px;margin:0 0 16px}
html body #content h3.loch-hub__t{font-size:21px;margin:0 0 4px;color:var(--loc-navy)}
html body #content .loch-hub__lede{margin:0;color:var(--loc-muted);font-size:15px;line-height:1.5}
html body #content .loch-hub__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;margin-top:12px}
html body #content .loch-cred{margin:0;font-size:12px;line-height:1.4;color:var(--loc-muted)}
html body #content a.loch-more{margin-left:auto;font:600 14px Montserrat,Rubik,sans-serif;color:var(--loc-link);
  border:1px solid var(--loc-line);border-radius:999px;padding:8px 16px;background:var(--loc-card)}
html body #content a.loch-more:hover{border-color:var(--loc-ice);color:var(--loc-ice)}
html body #content .loch-hub b{display:block;font:600 16px/1.3 Montserrat,Rubik,sans-serif;color:var(--loc-navy)}
html body #content .loch-hub a:hover b{color:var(--loc-link)}
html body #content .loch-hub span>span,html body #content .loch-hub a>span:not([class]){display:block;font-size:14px;line-height:1.45;color:var(--loc-muted)}

/* плитка темы: иконка + факт со страницы */
html body #content .loch-hub .loch-art{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  width:100%;height:100%;color:#fff;text-align:center;padding:8px}
html body #content .loch-art svg{color:#fff!important;stroke:#fff!important;opacity:.9}
html body #content .loch-art b{color:#fff!important;font:700 14px/1.15 Montserrat,sans-serif;letter-spacing:.01em}
html body #content .loch-art--ice{background:linear-gradient(135deg,#12707d,#0d4f59)}
html body #content .loch-art--navy{background:linear-gradient(135deg,#1d3a4a,#10212b)}
html body #content .loch-art--red{background:linear-gradient(135deg,#d0323c,#9d1f28)}

/* A — ведущая карточка + список */
html body #content .loch-types{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:18px}
html body #content a.loch-lead{display:flex;flex-direction:column;background:var(--loc-navy);border-radius:var(--loc-r);overflow:hidden;height:100%}
html body #content .loch-lead__ph{display:block;aspect-ratio:3/2}
html body #content .loch-lead__ph img{width:100%!important;height:100%!important;object-fit:cover;display:block}
html body #content .loch-lead__b{display:flex!important;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}
html body #content .loch-lead b{color:#fff;font-size:22px}
html body #content .loch-lead .loch-lead__b>span{color:#c9d6dc;font-size:15px}
html body #content .loch-lead .loch-lead__b>.loch-kick{color:#7fd0da;font:600 12px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.08em}
html body #content .loch-lead .loch-lead__b>.loch-go{margin-top:auto;color:#fff;font:600 14px Montserrat,sans-serif}
html body #content .loch-lead .loch-go>span{display:inline!important;color:inherit;font-size:inherit}
html body #content .loch-types__list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html body #content a.loch-row{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--loc-line);
  border-radius:var(--loc-r);background:var(--loc-card);height:100%}
html body #content a.loch-row:hover{border-color:var(--loc-ice)}
html body #content .loch-row__ph{flex:0 0 72px;width:72px;height:72px;border-radius:10px;overflow:hidden;display:block}
html body #content .loch-row__ph img{width:100%!important;height:100%!important;object-fit:cover;display:block}
html body #content .loch-row__ph .loch-art{gap:2px;padding:4px}
html body #content .loch-row__ph .loch-art svg{width:22px;height:22px}
html body #content .loch-row__ph .loch-art b{font-size:11px}
html body #content .loch-row__b{min-width:0}
html body #content .loch-row b{font-size:15px}
html body #content .loch-row .loch-row__b>span{font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* B — медиа-строки в две колонки */
html body #content .loch-media-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
html body #content .loch-media-list li:first-child{grid-column:1/-1}
html body #content a.loch-media{display:grid;grid-template-columns:180px minmax(0,1fr);background:var(--loc-paper);
  border-radius:var(--loc-r);overflow:hidden;height:100%}
html body #content .loch-media-list li:first-child a.loch-media{grid-template-columns:300px minmax(0,1fr)}
html body #content .loch-media__ph{display:block;aspect-ratio:3/2;height:100%}
html body #content .loch-media__ph img{width:100%!important;height:100%!important;object-fit:cover;display:block}
html body #content .loch-media__b{padding:14px 16px;display:flex!important;flex-direction:column;justify-content:center;gap:6px}
html body #content a.loch-media:hover{box-shadow:inset 0 0 0 1px var(--loc-ice)}

/* C — фото-сетка, подпись под кадром */
html body #content .loch-shots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html body #content a.loch-shot{display:flex;flex-direction:column;gap:6px;height:100%}
html body #content .loch-shot__ph{display:block;aspect-ratio:7/5;border-radius:var(--loc-r);overflow:hidden;margin-bottom:4px}
html body #content .loch-shot__ph img{width:100%!important;height:100%!important;object-fit:cover;display:block;transition:transform .3s}
html body #content a.loch-shot:hover img{transform:scale(1.04)}
html body #content .loch-shot>span:not([class]){font-size:13px}

/* D — нумерованные плитки */
html body #content .loch-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;counter-reset:none}
html body #content a.loch-tile{position:relative;display:flex;flex-direction:column;gap:8px;padding:0 0 14px;height:100%;
  background:var(--loc-card);border:1px solid var(--loc-line);border-radius:var(--loc-r);overflow:hidden}
html body #content a.loch-tile .loch-art{height:110px;flex:0 0 auto}
html body #content a.loch-tile .loch-art b{font-size:17px}
html body #content a.loch-tile>b,html body #content a.loch-tile>span:not([class]){padding:0 14px}
html body #content .loch-tile__n{position:absolute;top:8px;left:10px;font:700 12px Montserrat,sans-serif;color:rgba(255,255,255,.75)}
html body #content a.loch-tile:hover{border-color:var(--loc-ice)}

/* E — строки кассы: логотип · тип · факт */
html body #content .loch-pays{border:1px solid var(--loc-line);border-radius:var(--loc-r);overflow:hidden;background:var(--loc-card)}
html body #content .loch-pays li+li{border-top:1px solid var(--loc-line)}
html body #content a.loch-pay{display:grid;grid-template-columns:132px 170px minmax(0,1fr) 20px;gap:18px;align-items:center;padding:12px 18px}
html body #content a.loch-pay:hover{background:var(--loc-paper)}
html body #content .loch-plate{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--loc-line);
  border-radius:10px;height:60px;padding:6px 10px;overflow:hidden}
html body #content .loch-plate img{max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain}
html body #content .loch-pay__n em{display:inline-block;margin-top:4px;font:600 11px Montserrat,sans-serif;font-style:normal;
  text-transform:uppercase;letter-spacing:.06em;color:var(--loc-ice);background:#e3f1f3;border-radius:999px;padding:3px 9px}
html body #content .loch-pay .loch-pay__f{font-size:14px;line-height:1.45;color:var(--loc-muted)}
html body #content .loch-pay .loch-arr{color:var(--loc-ice);font-weight:700}

/* F — стена логотипов с подписью */
html body #content .loch-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
html body #content a.loch-logo{display:flex;flex-direction:column;gap:6px;height:100%;padding:12px;border-radius:var(--loc-r);background:var(--loc-paper)}
html body #content a.loch-logo .loch-plate{height:96px;margin-bottom:6px}
html body #content a.loch-logo .loch-plate img{max-width:100%!important;max-height:76px!important}
html body #content a.loch-logo>span:not([class]){font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html body #content a.loch-logo:hover{box-shadow:inset 0 0 0 1px var(--loc-ice)}

/* G — лента статей (бывший «Most Viewed Articles») */
html body #content .news-section.loch-hub--reads{background:transparent!important;padding:4px 40px 0!important}
html body #content .loch-reads{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
html body #content a.loch-read{display:flex;flex-direction:column;gap:6px;height:100%;background:var(--loc-card);
  border:1px solid var(--loc-line);border-radius:var(--loc-r);overflow:hidden;padding-bottom:14px}
html body #content .loch-read__ph{display:block;height:150px;flex:0 0 150px;overflow:hidden;margin-bottom:6px;background:var(--loc-paper)}
html body #content .loch-read b{font-size:15px}
html body #content .loch-read__ph img{width:100%!important;height:100%!important;object-fit:cover;display:block}
html body #content a.loch-read>b,html body #content a.loch-read>span:not([class]){padding:0 14px}
html body #content a.loch-read>span:not([class]){font-size:13px}

/* донорский текст главной — в стиль скина (08b.9б) */
html body #content .why-choose .symbol-box .thumb{width:96px;height:96px;border-radius:50%;background:#e3f1f3;
  display:flex;align-items:center;justify-content:center;padding:18px}
html body #content .why-choose .symbol-box .thumb img{max-width:60px!important;max-height:60px!important;border-radius:0}
html body #content .why-choose .symbol-box>div{background:var(--loc-paper)!important;border-radius:var(--loc-r)}
html body #content .entry-content img.alignright{float:right;max-width:112px!important;margin:0 0 12px 18px;padding:10px;
  background:var(--loc-paper);border:1px solid var(--loc-line);border-radius:var(--loc-r)}

@media (max-width:980px){
  html body #content .loch-types{grid-template-columns:1fr}
  html body #content .loch-shots{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body #content .loch-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
  html body #content .loch-reads{grid-template-columns:repeat(3,minmax(0,1fr))}
  html body #content a.loch-pay{grid-template-columns:120px minmax(0,1fr) 20px}
  html body #content .loch-pay .loch-pay__f{grid-column:1/-1;grid-row:2}
}
@media (max-width:780px){
  html body #content .loch-types__list,html body #content .loch-media-list{grid-template-columns:1fr}
  html body #content a.loch-media,html body #content .loch-media-list li:first-child a.loch-media{grid-template-columns:120px minmax(0,1fr)}
  html body #content .loch-media__ph{aspect-ratio:auto;min-height:100px}
  html body #content .loch-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body #content .loch-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body #content a.loch-pay{grid-template-columns:96px minmax(0,1fr) 16px;gap:12px;padding:12px}
  html body #content .news-section.loch-hub--reads{padding:4px 15px 0!important}
  html body #content .loch-reads{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;
    overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
  html body #content .loch-reads li{scroll-snap-align:start}
  html body #content h3.loch-hub__t{font-size:19px}
  html body #content .entry-content img.alignright{max-width:84px!important}
}