/* ===========================================================================
   УЧЕБНЫЙ ЦЕНТР HL MANDO — стили для всего сайта
   КУДА: Настройки сайта → Ещё → «Пользовательские CSS-стили».
   Вставить целиком, один раз на весь сайт. Без тега style.
   =========================================================================== */

/* ===========================================================================
   УЧЕБНЫЙ ЦЕНТР HL MANDO — общие стили для всех страниц
   Один файл на весь сайт: меняете здесь — меняется везде.
   Ориентир — hlmandoaftermarket.com: чёрная шапка, светлая страница,
   скруглённые карточки с мягкой тенью, тёмные кнопки с голубым ховером.
   =========================================================================== */
#hlc{
  /* --- Цвет (брендбук, стр. 03) --- */
  --ink:#020A0A;          /* HL Black, PANTONE Black 6C */
  --paper:#FFFFFF;        /* HL White */
  --paper-2:#F4F6F7;
  --sky:#00B4ED;          /* HL Sky Blue, PANTONE 299C */
  --sky-ink:#0077A8;      /* голубой для мелкого текста по белому */
  --navy:#002B68;         /* HL Navy, PANTONE 281C */
  --text:#101A1C;
  --text-2:#5A676B;
  --text-3:#8A9599;
  --line:#E3E8EA;
  --line-2:#C8D1D4;
  --shadow:0 4px 18px rgba(2,10,10,.08);
  --shadow-2:0 10px 30px rgba(2,10,10,.14);
  /* --- Скругления --- */
  --r:8px;                /* карточки и фото */
  --r-sm:6px;
  /* --- Шрифт --- */
  --sans:'Roboto',Arial,'Helvetica Neue',sans-serif;   /* BS 1.08 мануала: Roboto */
  --mono:var(--sans);     /* подписи и даты — тоже Roboto, моноширинного шрифта в мануале нет */
  --wrap:1240px;
  --skew:-30deg;          /* угол мотива Stride: 60° к горизонтали (BS 1.09) */
  color-scheme:light;
}
#hlc *{box-sizing:border-box}
#hlc{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);
  font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
#hlc img{max-width:100%;display:block}
#hlc a{color:inherit}
#hlc button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
#hlc :focus-visible{outline:2px solid var(--sky);outline-offset:3px}
@media (prefers-reduced-motion:reduce){#hlc *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
#hlc .wrap{width:100%;max-width:var(--wrap);margin-inline:auto;
  padding-left:20px;
  padding-right:20px}
/* ---------- Шапка ---------- */
#hlc header.top{position:sticky;top:0px;z-index:50;background:var(--ink)}
#hlc .top__in{display:flex;align-items:stretch}
#hlc .brand{display:flex;align-items:center;gap:12px;flex:0 0 auto;padding-right:24px;text-decoration:none}
#hlc .brand .logo{width:116px}
/* Логотип HL Mando AFTERMARKET для тёмного фона — вектор из BI-мануала 2025, без изменений */
#hlc .logo{display:block;aspect-ratio:227.367/63.852;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 227.367 63.852'%3E%3Cpath fill='%23FFFFFF' d='M20.78-0.05L20.78 11.83L12.86 11.83L12.86-0.05L-0.01-0.05L-0.01 34.6L12.86 34.6L12.86 22.72L20.78 22.72L20.78 34.6L33.65 34.6L33.65-0.05ZM20.78-0.05M51.19-0.05L38.33-0.05L38.33 34.6L44.76 34.6L51.19 23.21ZM51.19-0.05M159.56 8.85C156.97 8.85 155.41 9.53 152.72 12.02L152.72 9.52L145.57 9.52L145.57 34.61L152.93 34.61L152.93 20.57C152.93 19.16 153.04 18.23 153.34 17.49C153.51 17.09 153.73 16.75 154.02 16.42C154.79 15.54 155.93 15.07 157.18 15.07C158.47 15.07 159.56 15.59 160.18 16.53C160.6 17.14 160.81 17.8 160.9 18.91C160.94 19.47 160.96 20.13 160.96 20.98L160.96 34.61L168.32 34.61L168.32 18.39C168.32 12.48 165 8.85 159.56 8.85M128 29.1C124.38 29.1 121.74 26.29 121.74 22.07C121.74 17.9 124.38 15.04 128 15.04C131.35 15.04 134.35 17.9 134.35 22.07C134.35 26.29 131.35 29.1 128 29.1M133.84 11.59C131.99 9.85 129.52 8.85 126.43 8.85C123.4 8.85 120.61 10.1 118.52 12.25C116.25 14.58 114.8 17.98 114.8 22.07C114.8 29.96 120.12 35.28 126.43 35.28C129.52 35.28 131.99 34.28 133.84 32.55L133.84 34.61L141.21 34.61L141.21 9.52L133.84 9.52ZM133.84 11.59M97.98 12.18L94.77 19.64L91.97 13.06L86.38-0.03L77.69-0.03L77.69 34.6L84.78 34.6L84.78 12.11L85.9 14.53L92.7 29.28L96.84 29.28L104.71 12.2L104.71 34.6L111.8 34.6L111.8-0.03L103.22-0.03ZM97.98 12.18M214.07 29.41C210.38 29.41 208.27 26.89 208.16 22.39C208.16 22.28 208.16 22.16 208.16 22.04C208.16 17.37 210.28 14.72 214.02 14.72C216.75 14.72 218.58 16.05 219.42 18.55C219.76 19.58 219.94 20.79 219.94 22.2C219.94 26.77 217.76 29.41 214.07 29.41M225.27 14.55C223 10.98 219.01 8.85 214.02 8.85C206.23 8.85 200.73 14.3 200.73 22.04C200.73 22.41 200.75 22.77 200.78 23.13C201.27 30.33 206.6 35.28 214.02 35.28C221.76 35.28 227.37 29.83 227.37 22.25C227.37 19.27 226.62 16.66 225.27 14.55M184.51 29.13C180.91 29.13 178.28 26.33 178.29 22.13C178.29 22.02 178.3 21.92 178.3 21.81C178.43 17.84 181 15.14 184.51 15.14C187.85 15.14 190.83 17.99 190.83 22.13C190.83 22.44 190.81 22.73 190.78 23.02C190.4 26.72 187.61 29.13 184.51 29.13M190.37-0.03L190.32 11.7C188.48 9.97 186.02 8.98 182.95 8.98C177.04 8.98 172.01 13.72 171.44 20.79C171.4 21.23 171.38 21.68 171.38 22.13C171.38 29.99 176.67 35.28 182.95 35.28C186.02 35.28 188.48 34.29 190.32 32.56L190.32 34.61L197.7 34.61L197.7-0.03ZM190.37-0.03'/%3E%3Cpath fill='%2300B4ED' d='M38.78 40.88L-0.01 40.88L-0.01 63.85L25.71 63.85ZM38.78 40.88M51.19 23.21L44.76 34.6L66.82 34.6L66.82 23.21ZM51.19 23.21'/%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M43.3 40.88L30.23 63.85L227.37 63.85L227.37 40.88ZM43.3 40.88M55.29 49.43L54 53.58L56.41 53.58ZM53.41 55.54L52.74 57.68L50.15 57.68L53.85 47.05L56.84 47.05L60.21 57.68L57.5 57.68L56.93 55.54ZM53.41 55.54M148.77 49.43L147.48 53.58L149.89 53.58ZM146.89 55.54L146.22 57.68L143.63 57.68L147.34 47.05L150.32 47.05L153.69 57.68L150.98 57.68L150.41 55.54ZM146.89 55.54M105.83 49.09L100.31 49.09L100.31 51.16L105.13 51.16L105.13 53.04L100.31 53.04L100.31 55.64L105.93 55.64L105.93 57.68L97.91 57.68L97.91 47.05L105.83 47.05ZM105.83 49.09M199.31 49.09L193.78 49.09L193.78 51.16L198.61 51.16L198.61 53.04L193.78 53.04L193.78 55.64L199.41 55.64L199.41 57.68L191.4 57.68L191.4 47.05L199.31 47.05ZM199.31 49.09M74.66 49.09L69.25 49.09L69.25 51.47L73.99 51.47L73.99 53.42L69.25 53.42L69.25 57.68L66.86 57.68L66.86 47.05L74.66 47.05ZM74.66 49.09M184.53 57.68L181.66 57.68L178.44 52.87L177.46 53.87L177.46 57.68L175.11 57.68L175.11 47.05L177.46 47.05L177.46 50.97L181.04 47.05L184.18 47.05L180.03 51.24ZM184.53 57.68M87.53 57.68L85.14 57.68L85.14 49.09L81.93 49.09L81.93 47.05L90.75 47.05L90.75 49.09L87.53 49.09ZM87.53 57.68M212.18 57.68L209.78 57.68L209.78 49.09L206.57 49.09L206.57 47.05L215.39 47.05L215.39 49.09L212.18 49.09ZM212.18 57.68M117.88 51.54C118.75 51.54 119.23 51.1 119.23 50.32C119.23 49.54 118.75 49.09 117.88 49.09L115.53 49.09L115.53 51.54ZM119.02 55.3C118.93 54 118.36 53.42 117.13 53.42L115.53 53.42L115.53 57.68L113.19 57.68L113.19 47.05L117.83 47.05C119.2 47.05 119.96 47.23 120.6 47.69C121.25 48.17 121.62 48.97 121.62 49.92C121.62 51.21 121.05 52.04 119.85 52.48C120.9 52.82 121.28 52.99 121.47 54.78L121.81 57.68L119.15 57.68ZM119.02 55.3M135.68 47.05L133.09 53.09L130.51 47.05L127.85 47.05L127.85 57.68L130.02 57.68L130.02 50.78L132.45 56.05L133.72 56.05L136.14 50.8L136.14 57.68L138.31 57.68L138.31 47.05ZM135.68 47.05M164.62 51.54C165.49 51.54 165.97 51.1 165.97 50.32C165.97 49.54 165.49 49.09 164.62 49.09L162.28 49.09L162.28 51.54ZM165.76 55.3C165.67 54 165.09 53.42 163.87 53.42L162.28 53.42L162.28 57.68L159.93 57.68L159.93 47.05L164.57 47.05C165.94 47.05 166.7 47.23 167.34 47.69C167.99 48.17 168.36 48.97 168.36 49.92C168.36 51.21 167.78 52.04 166.59 52.48C167.65 52.82 168.02 52.99 168.21 54.78L168.55 57.68L165.89 57.68ZM165.76 55.3'/%3E%3C/svg%3E")}
#hlc .brand__tag{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.14em;line-height:1.3;
  text-transform:uppercase;color:#7D888C;max-width:62px;padding-left:14px;border-left:1px solid rgba(255,255,255,.18)}
#hlc .nav{display:flex;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;justify-content:center}
#hlc .nav::-webkit-scrollbar{display:none}
#hlc .nav a{position:relative;white-space:nowrap;padding:24px 20px 22px;font-size:15px;font-weight:500;
  color:#C6CDCF;text-decoration:none;transition:color .15s;display:flex;align-items:center}
#hlc .nav a:hover{color:#fff}
#hlc .nav a[aria-current="page"]{color:#fff;font-weight:500}
#hlc .nav a[aria-current="page"]::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;
  background:var(--sky);transform:skewX(var(--skew))}
#hlc .nav__count{font-family:var(--mono);font-size:11px;color:#7D888C;margin-left:6px;font-variant-numeric:tabular-nums}
#hlc .top__cta{display:none;align-items:center;align-self:center;gap:8px;font-size:14px;font-weight:500;
  background:var(--sky);color:var(--ink);padding:11px 22px;border-radius:999px;text-decoration:none;margin-left:16px;
  flex:0 0 auto;transition:.16s}
#hlc .top__cta:hover{background:#fff}
@media(min-width:1100px){#hlc .top__cta{display:inline-flex}}
@media(max-width:860px){#hlc .nav{justify-content:flex-start}
#hlc .brand{padding-right:14px}
#hlc .brand .logo{width:94px}
#hlc .brand__tag{display:none}
#hlc .nav a{padding:20px 13px 18px;font-size:14px}
#hlc .nav a[aria-current="page"]::after{left:9px;right:9px}}
/* ---------- Типографика ---------- */
#hlc h1{font-size:clamp(34px,4.6vw,54px);line-height:1.08;letter-spacing:-.01em;font-weight:900;margin:0;text-wrap:balance}
#hlc h2{font-size:clamp(28px,3.4vw,40px);line-height:1.14;letter-spacing:-.01em;font-weight:900;margin:0;text-wrap:balance}
#hlc h3{font-size:19px;line-height:1.3;letter-spacing:-.01em;font-weight:500;margin:0}
#hlc .label{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--text-3)}
/* ---------- Заголовок страницы ---------- */
#hlc main{padding-bottom:110px}
#hlc .pagehead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px;padding-top:66px}
#hlc .crumbs{font-size:13px;color:var(--text-3)}
#hlc .crumbs a{text-decoration:none}
#hlc .crumbs a:hover{color:var(--sky-ink)}
#hlc .crumbs span{color:var(--line-2);margin:0 7px}
#hlc .pagelead{margin:16px 0 0;color:var(--text-2);max-width:74ch;font-size:17px}
#hlc .rule{height:1px;background:var(--ink);border:0;margin:26px 0 0;opacity:.85}
#hlc .sec{padding-top:56px}
#hlc .sec__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;padding-bottom:14px;border-bottom:1px solid var(--ink)}
#hlc .sec__head h3{font-size:24px;font-weight:900;letter-spacing:-.01em}
#hlc .sec__q{color:var(--text-3);font-size:15px}
/* ---------- Кнопки: тёмные, при наведении голубые ---------- */
#hlc .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 28px;
  font-size:15px;font-weight:500;text-decoration:none;border:1px solid transparent;border-radius:999px;transition:.18s}
#hlc .btn--primary{background:var(--ink);color:#fff}
#hlc .btn--primary:hover{background:var(--sky);color:var(--ink)}
#hlc .btn--ghost{border-color:var(--line-2);color:var(--text);background:var(--paper)}
#hlc .btn--ghost:hover{background:var(--sky);border-color:var(--sky);color:var(--ink)}
#hlc .btn--onDark{background:var(--sky);color:var(--ink)}
/* кнопка Sky Blue, как в BS 1.14 */
#hlc .btn--onDark:hover{background:#fff}
#hlc .btn--outDark{border-color:rgba(255,255,255,.45);color:#fff}
#hlc .btn--outDark:hover{background:var(--sky);border-color:var(--sky);color:var(--ink)}
#hlc .btn-row{display:flex;flex-wrap:wrap;gap:12px}
/* ---------- Статусы ---------- */
#hlc .chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;font-family:var(--mono);
  font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
#hlc .chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
#hlc .chip--live{background:var(--sky);color:var(--ink)}
#hlc .chip--soon{color:var(--sky-ink);box-shadow:inset 0 0 0 1px rgba(0,180,237,.5)}
#hlc .chip--arch{color:var(--text-3);box-shadow:inset 0 0 0 1px var(--line-2)}
/* ---------- Мотивы «Stride» из мануала (BS 1.09–1.14) ----------
   A-1 — контурный параллелограмм рядом с фото, A-2 — без фото.
   B   — диагональные полосы для первых экранов и баннеров.
   Угол 60° к горизонтали, форма и толщина обводки фиксированы.     */
#hlc .slash{position:absolute;pointer-events:none;color:var(--sky)}
#hlc .mb{position:absolute;pointer-events:none;top:0;right:0;height:100%;width:auto;aspect-ratio:146.235/100;z-index:1}
#hlc .mb__band{fill:var(--sky)}
#hlc .mb__block{fill:var(--ink)}
/* светлый фон: Sky Blue + Black */
#hlc .hero--photo .mb__band{fill:#fff;opacity:.82}
#hlc .hero--photo .mb__block{fill:var(--sky);opacity:.88}
/* тёмный: White + Sky Blue */
/* ---------- Первый экран ----------
   По образцу веб-баннера BS 1.14: заголовок слева, мотив B справа. */
#hlc .hero{position:relative;overflow:hidden;background:var(--paper-2);isolation:isolate}
#hlc .hero--photo{background:var(--ink)}
#hlc .hero__img{position:absolute;inset:0;background-size:cover;background-position:50% 32%}
#hlc .hero__scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,10,.9) 0%,rgba(2,10,10,.76) 42%,rgba(2,10,10,.38) 100%)}
#hlc .hero__in{position:relative;z-index:2;display:grid;gap:20px;justify-items:start;text-align:left;
  padding-block:92px 88px;max-width:600px}
#hlc .hero h1{color:var(--ink)}
#hlc .hero__sub{font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:var(--text-2);max-width:56ch;margin:0}
#hlc .hero--photo h1{color:#fff}
#hlc .hero--photo .hero__sub{color:#D4DCDE}
/* кнопки первого экрана — слева; !important перекрывает старое центрирование в блоке Tilda */
#hlc .hero .btn-row{justify-content:flex-start!important}
#hlc .hero:not(.hero--photo) .btn--outDark{border-color:var(--line-2);color:var(--ink)}
@media(max-width:1180px){#hlc .mb{right:-150px}}
@media(max-width:960px){#hlc .mb{right:-240px}
#hlc .hero__in{max-width:520px}}
/* планшет и телефон: мотив уходит в правый нижний угол и обрезается краем (BS 1.13, Unit C) */
@media(max-width:820px){#hlc .mb{top:auto;bottom:0;right:0;height:76px}
#hlc .hero__in{padding-block:56px 112px;max-width:none}
#hlc .hero__scrim{background:linear-gradient(180deg,rgba(2,10,10,.84) 0%,rgba(2,10,10,.72) 100%)}}
/* ---------- Ближайшее событие ---------- */
#hlc .next{position:relative;overflow:hidden;background:var(--ink);color:#fff;border-radius:var(--r);
  display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr) auto;gap:30px;align-items:center;
  padding:28px;margin-top:40px}
#hlc .next .slash{top:24px;right:150px;height:calc(100% - 48px);width:auto}
@media(max-width:1000px){#hlc .next .slash{right:22px;top:auto;bottom:22px;height:150px}}
@media(max-width:1000px){#hlc .next{grid-template-columns:1fr;padding:22px}}
#hlc .next__ph{position:relative;aspect-ratio:4/3;border-radius:var(--r-sm);overflow:hidden;background:#0B1316}
#hlc .next__ph img{width:100%;height:100%;object-fit:cover}
#hlc .next__txt{display:grid;gap:12px;min-width:0;position:relative}
#hlc .next h3{font-size:clamp(21px,2.4vw,27px);font-weight:900;letter-spacing:-.01em}
#hlc .next__meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-family:var(--mono);font-size:13px;color:#A9B3B6;font-variant-numeric:tabular-nums}
#hlc .next p{margin:0;color:#C6CDCF;font-size:15px}
#hlc .next__when{text-align:right;display:grid;gap:4px;position:relative}
@media(max-width:1000px){#hlc .next__when{text-align:left}}
#hlc .next__days{font-family:var(--mono);font-size:50px;font-weight:900;line-height:1;color:var(--sky);font-variant-numeric:tabular-nums}
#hlc .next__when .label{color:#8A9599}
/* ---------- Сетки ---------- */
#hlc .grid{display:grid;gap:22px}
#hlc .g3{grid-template-columns:repeat(3,minmax(0,1fr))}
#hlc .g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){#hlc .g3{grid-template-columns:1fr}
#hlc .g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ---------- Плитка-вход с фото ---------- */
#hlc .tile{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;text-decoration:none;transition:.18s;min-width:0}
#hlc .tile:hover{box-shadow:var(--shadow-2);border-color:var(--line-2);transform:translateY(-3px)}
#hlc .tile__ph{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--paper-2)}
#hlc .tile__ph img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
#hlc .tile:hover .tile__ph img{transform:scale(1.04)}
#hlc .tile__n{position:absolute;left:14px;top:14px;z-index:2;font-family:var(--mono);font-size:13px;font-weight:500;
  background:var(--sky);color:var(--ink);padding:5px 11px;border-radius:999px;font-variant-numeric:tabular-nums}
#hlc .tile__body{padding:22px 24px 24px;display:grid;gap:10px;align-content:start;flex:1}
#hlc .tile p{margin:0;color:var(--text-2);font-size:15px}
#hlc .tile__go{margin-top:auto;padding-top:14px;font-size:14px;font-weight:500;color:var(--sky-ink);display:flex;align-items:center;gap:8px}
#hlc .tile:hover .tile__go svg{transform:translateX(4px)}
#hlc .tile__go svg{transition:transform .16s}
/* ---------- Факты ---------- */
#hlc .facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
@media(max-width:860px){#hlc .facts{grid-template-columns:1fr}}
#hlc .fact{padding:26px 26px 26px 0;display:grid;gap:10px;align-content:start;border-right:1px solid var(--line)}
#hlc .fact:last-child{border-right:0}
@media(max-width:860px){#hlc .fact{border-right:0;border-bottom:1px solid var(--line);padding-right:0}}
#hlc .fact .label{color:var(--sky-ink)}
#hlc .fact__v{font-size:15px;line-height:1.55;color:var(--text-2)}
/* ---------- Полоса фотографий ---------- */
#hlc .strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media(max-width:760px){#hlc .strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
#hlc .strip__i{position:relative;aspect-ratio:4/3;border-radius:var(--r-sm);overflow:hidden;background:var(--paper-2);
  border:1px solid var(--line);padding:0;display:block}
#hlc .strip__i img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
#hlc .strip__i:hover img{transform:scale(1.05)}
/* ---------- Фильтры ---------- */
#hlc .filters{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;padding:22px 0 24px}
#hlc .filters__total{font-size:14px;color:var(--text-2);font-variant-numeric:tabular-nums}
#hlc .filters__total b{font-weight:500;color:var(--text);margin-left:5px}
#hlc .tags{display:flex;flex-wrap:wrap;gap:6px 16px;flex:1 1 auto;min-width:0}
#hlc .tags button{font-size:14px;font-weight:500;color:var(--text-3);padding:3px 0;transition:color .15s}
#hlc .tags button:hover{color:var(--text)}
#hlc .tags button[aria-pressed="true"]{color:var(--sky-ink)}
#hlc .search{display:flex;align-items:center;gap:10px;border:1px solid var(--line-2);border-radius:999px;
  padding:9px 16px;min-width:200px;flex:0 1 270px}
#hlc .search input{flex:1;min-width:0;background:none;border:0;font:inherit;font-size:14px;outline:none;color:var(--text)}
#hlc .search input::placeholder{color:var(--text-3)}
/* ---------- Карточка материала: видео или статья ---------- */
#hlc .card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;text-decoration:none;transition:.18s;min-width:0}
#hlc a.card:hover,
#hlc details.card:hover{box-shadow:var(--shadow-2);border-color:var(--line-2);transform:translateY(-3px)}
#hlc .card--locked{opacity:.9}
#hlc .card__thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0A1417}
#hlc .card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
#hlc a.card:hover .card__thumb img,
#hlc details.card:hover .card__thumb img{transform:scale(1.04)}
#hlc .card__type{position:absolute;left:14px;top:14px;font-family:var(--mono);font-size:11px;font-weight:500;
  letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:999px}
#hlc .card__type--video{background:var(--sky);color:var(--ink)}
#hlc .card__type--article{background:#fff;color:var(--ink)}
#hlc .card__play{position:absolute;left:16px;bottom:16px;width:50px;height:36px;background:var(--sky);
  transform:skewX(var(--skew));display:grid;place-items:center;border-radius:3px}
#hlc .card__play svg{transform:skewX(calc(-1 * var(--skew)))}
#hlc .card__play.is-locked{background:rgba(255,255,255,.25)}
#hlc .card__dur{position:absolute;right:14px;bottom:16px;font-family:var(--mono);font-size:12px;font-weight:500;
  color:#fff;background:rgba(2,10,10,.78);padding:4px 8px;border-radius:999px;font-variant-numeric:tabular-nums}
#hlc .card__body{padding:22px;display:grid;gap:9px;align-content:start}
#hlc .card__body p{margin:0;font-size:14px;color:var(--text-2);line-height:1.55}
#hlc .card__foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;font-family:var(--mono);
  font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
#hlc .card__cat{color:var(--sky-ink)}
#hlc .card__state{color:var(--text-3)}
/* статья раскрывается прямо в карточке */
#hlc .card--art{cursor:pointer}
#hlc .card--art summary{list-style:none;display:block}
#hlc .card--art summary::-webkit-details-marker{display:none}
#hlc .card--art[open]{transform:none;box-shadow:var(--shadow)}
#hlc .card--art[open] .card__state::after{content:" ▲";font-size:9px}
#hlc .card--art:not([open]) .card__state::after{content:" ▼";font-size:9px}
#hlc .art{padding:0 22px 24px;border-top:1px solid var(--line);margin-top:-2px}
#hlc .art h4{font-size:15px;font-weight:500;margin:20px 0 8px;letter-spacing:-.01em}
#hlc .art p{margin:14px 0 0;font-size:15px;line-height:1.65;color:var(--text-2)}
#hlc .art ul{margin:10px 0 0;padding-left:20px;display:grid;gap:6px;font-size:15px;color:var(--text-2)}
#hlc .art li::marker{color:var(--sky)}
/* ---------- Семинар ---------- */
#hlc .sem{display:grid;grid-template-columns:400px minmax(0,1fr);gap:34px;padding-top:28px;align-items:start}
@media(max-width:900px){#hlc .sem{grid-template-columns:1fr;gap:20px}}
#hlc .sem__ph{position:relative;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:var(--paper-2)}
#hlc .sem__ph img{width:100%;height:100%;object-fit:cover}
#hlc .sem__txt{display:grid;gap:16px;min-width:0}
/* ---------- Вебинары ---------- */
#hlc .web{display:grid;grid-template-columns:168px minmax(0,1fr);gap:22px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}
@media(max-width:700px){#hlc .web{grid-template-columns:1fr;gap:14px}}
#hlc .web__ph{position:relative;aspect-ratio:16/9;border-radius:var(--r-sm);overflow:hidden;background:var(--paper-2)}
#hlc .web__ph img{width:100%;height:100%;object-fit:cover}
#hlc .web__txt{min-width:0}
#hlc .web__top{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin-bottom:8px}
#hlc .web__n{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--sky-ink);letter-spacing:.08em}
#hlc .web__d{font-family:var(--mono);font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums}
#hlc .web h3{font-size:19px;margin-bottom:12px}
#hlc .web details summary{list-style:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--sky-ink);padding:6px 0}
#hlc .web details summary::-webkit-details-marker{display:none}
#hlc .web details[open] summary{color:var(--text-2)}
#hlc .web ul{margin:10px 0 0;padding-left:20px;display:grid;gap:7px;color:var(--text-2);font-size:15px;max-width:70ch}
#hlc .web li::marker{color:var(--sky)}
#hlc .web__act{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}
/* ---------- Мероприятие ---------- */
#hlc .ev{padding-top:44px}
#hlc .ev__title{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding-bottom:14px;border-bottom:1px solid var(--ink)}
#hlc .ev__title h3{font-size:23px;font-weight:900;letter-spacing:-.01em}
#hlc .ev__q{color:var(--text-3);font-size:15px}
#hlc .ev__body{display:grid;grid-template-columns:400px minmax(0,1fr);gap:34px;padding-top:26px;align-items:start}
@media(max-width:900px){#hlc .ev__body{grid-template-columns:1fr;gap:20px}}
#hlc .ev__shot{position:relative;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:var(--paper-2)}
#hlc .ev__shot img{width:100%;height:100%;object-fit:cover}
#hlc .ev__txt{display:grid;gap:18px;min-width:0}
#hlc .ev__txt p{margin:0;color:var(--text-2);max-width:68ch}
#hlc .rows{display:grid;border-top:1px solid var(--line);margin:0}
#hlc .row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}
@media(max-width:560px){#hlc .row{grid-template-columns:1fr;gap:2px}}
#hlc .row dt{color:var(--text-3)}
#hlc .row dd{margin:0;color:var(--text)}
#hlc .row dd a{color:var(--sky-ink)}
#hlc .gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media(max-width:560px){#hlc .gal{grid-template-columns:repeat(2,minmax(0,1fr))}}
#hlc .gal button{aspect-ratio:4/3;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-sm);padding:0;background:var(--paper-2)}
#hlc .gal img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
#hlc .gal button:hover img{transform:scale(1.06)}
/* ---------- Лайтбокс ---------- */
#hlc .lb{position:fixed;inset:0;z-index:90;background:rgba(2,10,10,.95);display:grid;place-items:center;
  padding:20px;padding-top:calc(20px + 0px)}
#hlc .lb img{max-width:min(1100px,100%);max-height:82vh;object-fit:contain;border-radius:var(--r-sm)}
#hlc .lb__close{position:absolute;top:calc(16px + 0px);right:calc(16px + 0px);
  width:46px;height:46px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4)}
#hlc .lb__cap{position:absolute;left:0;right:0;bottom:calc(20px + 0px);text-align:center;
  font-family:var(--mono);font-size:12px;color:#A9B3B6}
/* ---------- Спикер ---------- */
#hlc .speaker{display:grid;grid-template-columns:330px minmax(0,1fr);gap:40px;align-items:start;padding-top:28px}
@media(max-width:900px){#hlc .speaker{grid-template-columns:1fr;gap:22px}}
#hlc .speaker__ph{position:relative;aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;background:var(--paper-2)}
#hlc .speaker__ph img{width:100%;height:100%;object-fit:cover}
#hlc .speaker__txt{display:grid;gap:16px}
#hlc .speaker__txt p{margin:0;color:var(--text-2);max-width:66ch}
/* ---------- Дистрибьюторы ---------- */
#hlc .dist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-top:28px}
@media(max-width:900px){#hlc .dist{grid-template-columns:repeat(2,minmax(0,1fr))}}
#hlc .dist__i{display:grid;gap:10px;min-width:0;text-decoration:none}
#hlc .dist__logo{position:relative;aspect-ratio:16/7;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r-sm);display:grid;place-items:center;overflow:hidden;transition:.16s}
#hlc .dist__i:hover .dist__logo{border-color:var(--sky);box-shadow:var(--shadow)}
#hlc .dist__logo img{max-width:76%;max-height:62%;width:auto;height:auto;object-fit:contain}
#hlc .dist__n{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
/* ---------- Контакты ---------- */
#hlc .contacts{padding-top:28px;max-width:760px}
#hlc .copy{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;font-weight:500;
  letter-spacing:.09em;text-transform:uppercase;color:var(--sky-ink);padding:2px 0;margin-left:12px}
/* ---------- Подвал ---------- */
#hlc footer{background:var(--ink);color:#A9B3B6;padding-block:48px}
#hlc .foot{display:flex;flex-wrap:wrap;gap:22px 40px;align-items:center;justify-content:space-between}
#hlc .foot .logo{width:132px}
#hlc .foot p{margin:0;font-size:13px;max-width:56ch}
#hlc .foot nav{display:flex;flex-wrap:wrap;gap:18px;font-size:13px}
#hlc .foot nav a{text-decoration:none;color:#A9B3B6}
#hlc .foot nav a:hover{color:#fff}
/* ---------- Наверх ---------- */
#hlc .up{position:fixed;right:calc(22px + 0px);bottom:calc(22px + 0px);
  z-index:40;width:48px;height:48px;border-radius:999px;background:var(--ink);display:grid;place-items:center;
  opacity:0;pointer-events:none;transition:.2s}
#hlc .up:hover{background:var(--sky)}
#hlc .up[data-on="1"]{opacity:1;pointer-events:auto}
#hlc .up svg{stroke:#fff}
#hlc .up:hover svg{stroke:var(--ink)}
/* ===========================================================================
   КАЛЕНДАРЬ АКТИВНОСТИ
   Свёрнут в строку месяцев с точками по типу событий. Нажатие на месяц
   раскрывает сетку дней (даты подсвечены) и карточки событий месяца.
   Цвета типов — из палитры мануала: Sky Blue, Navy, Gold.
   =========================================================================== */
#hlc .cal{display:grid;gap:14px}
#hlc .cal__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}
#hlc .cal__year{font-size:20px;font-weight:900;font-variant-numeric:tabular-nums}
#hlc .cal__legend{display:flex;flex-wrap:wrap;gap:6px 18px}
#hlc .cal__k{font-size:12px;color:var(--text-2);display:flex;align-items:center;gap:7px}
#hlc .cal__k::before{content:"";width:8px;height:8px;border-radius:50%}
#hlc .cal__k--seminar::before,
#hlc .cal__dot--seminar{background:var(--sky)}
#hlc .cal__k--webinar::before,
#hlc .cal__dot--webinar{background:var(--navy)}
#hlc .cal__k--event::before,
#hlc .cal__dot--event{background:#C09A5D}
#hlc .cal__strip{display:flex;gap:5px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}
#hlc .cal__m{flex:1 1 0;min-width:52px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 6px 7px;
  border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper-2);color:var(--text-3);transition:.15s}
#hlc .cal__m:disabled{opacity:.5;cursor:default}
#hlc .cal__m.is-on{background:var(--paper);border-color:var(--line-2);color:var(--text);cursor:pointer}
#hlc .cal__m.is-on:hover{border-color:var(--sky)}
#hlc .cal__m.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
#hlc .cal__m.is-active .cal__dot--webinar{background:#4C7AB8}
#hlc .cal__mn{font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase}
#hlc .cal__dots{display:flex;gap:3px;height:6px}
#hlc .cal__dot{width:6px;height:6px;border-radius:50%;display:block}
@media(max-width:620px){#hlc .cal__m{flex:0 0 auto;min-width:48px}}
#hlc .cal__open{display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px;align-items:start;margin-top:4px}
@media(max-width:860px){#hlc .cal__open{grid-template-columns:1fr;gap:18px}}
#hlc .cal__grid{border:1px solid var(--line);border-radius:var(--r);background:var(--paper-2);padding:14px 15px 15px}
@media(max-width:860px){#hlc .cal__grid{max-width:330px}}
#hlc .cal__gh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}
#hlc .cal__gh b{font-size:15px;font-weight:500}
#hlc .cal__nav{display:flex;gap:4px}
#hlc .cal__nav button{width:28px;height:28px;border:1px solid var(--line-2);border-radius:var(--r-sm);display:grid;place-items:center;
  font-size:15px;color:var(--text-2);transition:.15s}
#hlc .cal__nav button:hover{background:var(--ink);border-color:var(--ink);color:#fff}
#hlc .cal__g7{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
#hlc .cal__wd{font-size:10px;font-weight:500;color:var(--text-3);text-align:center;padding-bottom:3px;text-transform:uppercase}
#hlc .cal__d{aspect-ratio:1;display:grid;place-items:center;border-radius:4px;font-size:12.5px;color:var(--text-2);font-variant-numeric:tabular-nums}
#hlc .cal__d--w{color:var(--text-3)}
#hlc .cal__d--rng{background:rgba(0,180,237,.16);color:var(--text)}
#hlc .cal__d--on{background:var(--sky);color:var(--ink);font-weight:500;cursor:pointer}
#hlc .cal__d--on.cal__d--past{background:#E6EAEC;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}
#hlc .cal__d--on:hover{outline:2px solid var(--sky);outline-offset:1px}
#hlc .cal__d--today{box-shadow:inset 0 0 0 2px var(--ink)}
#hlc .cal__note{margin:11px 0 0;font-size:12px;line-height:1.45;color:var(--text-3)}
#hlc .cal__cards{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
#hlc .cal__cards .card.is-hit{outline:2px solid var(--sky);outline-offset:2px}
/* ---------- Заглушка вместо фото, пока его нет ---------- */
#hlc .ph{position:absolute;inset:0;display:grid;place-content:center;gap:4px;text-align:center;padding:12px;
  background:repeating-linear-gradient(135deg,var(--paper-2) 0 10px,#EBEFF0 10px 20px)}
#hlc .ph__t{font-size:13px;font-weight:500;color:var(--text-2)}
#hlc .ph__s{font-size:11px;letter-spacing:.06em;color:var(--text-3)}
/* ===========================================================================
   КОМПАКТНАЯ СТРОКА АРХИВА С РАСКРЫТИЕМ
   =========================================================================== */
#hlc .accr{border-bottom:1px solid var(--line)}
#hlc .accr summary{display:grid;grid-template-columns:132px 128px minmax(0,1fr) auto 18px;gap:18px;align-items:center;
  padding:16px 2px;cursor:pointer;list-style:none;transition:.15s}
#hlc .accr summary::-webkit-details-marker{display:none}
#hlc .accr summary:hover{background:var(--paper-2)}
#hlc .accr__d{font-family:var(--mono);font-size:13px;color:var(--text-3);font-variant-numeric:tabular-nums}
#hlc .accr__k{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;
  padding:4px 10px;border-radius:999px;justify-self:start;white-space:nowrap}
#hlc .accr__k--seminar{background:rgba(0,180,237,.14);color:var(--sky-ink)}
#hlc .accr__k--webinar{background:rgba(0,43,104,.1);color:var(--navy)}
#hlc .accr__k--event{background:var(--paper-2);color:var(--text-2)}
#hlc .accr__t{font-size:16px;font-weight:500;min-width:0}
#hlc .accr__c{font-size:13px;color:var(--text-2);white-space:nowrap}
#hlc .accr__x{position:relative;width:14px;height:14px}
#hlc .accr__x::before,
#hlc .accr__x::after{content:"";position:absolute;background:var(--text-3);transition:.2s}
#hlc .accr__x::before{left:0;right:0;top:6px;height:2px}
#hlc .accr__x::after{top:0;bottom:0;left:6px;width:2px}
#hlc .accr[open] .accr__x::after{transform:scaleY(0)}
#hlc .accr[open] .accr__t{color:var(--sky-ink)}
#hlc .accr__body{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;padding:6px 2px 30px;align-items:start}
#hlc .accr__body p{margin:0 0 16px;color:var(--text-2);font-size:15px;max-width:66ch}
#hlc .accr__ph{position:relative;aspect-ratio:4/3;border-radius:var(--r-sm);overflow:hidden;background:var(--paper-2)}
#hlc .accr__ph img{width:100%;height:100%;object-fit:cover}
@media(max-width:860px){#hlc .accr summary{grid-template-columns:minmax(0,1fr) 18px;gap:6px 12px;padding:14px 2px}
#hlc .accr__d{grid-column:1}
#hlc .accr__k{grid-column:1;justify-self:start}
#hlc .accr__t{grid-column:1}
#hlc .accr__c{grid-column:1}
#hlc .accr__x{grid-column:2;grid-row:1/4;align-self:center}
#hlc .accr__body{grid-template-columns:1fr;gap:16px}}
/* год-разделитель в архиве */
#hlc .yr{display:flex;align-items:baseline;gap:14px;padding:38px 0 10px;border-bottom:2px solid var(--ink)}
#hlc .yr__n{font-family:var(--mono);font-size:26px;font-weight:900;font-variant-numeric:tabular-nums}
#hlc .yr__c{font-size:13px;color:var(--text-3)}
/* ===========================================================================
   МЕЛОЧИ
   =========================================================================== */
#hlc .note{margin:0;padding:22px 24px;background:var(--paper-2);border-radius:var(--r);color:var(--text-2);font-size:15px}
#hlc .plain{margin:0;padding-left:20px;display:grid;gap:7px;color:var(--text-2);font-size:15px;max-width:70ch}
#hlc .plain li::marker{color:var(--sky)}
#hlc .pill{display:inline-block;padding:7px 14px;border:1px solid var(--line-2);border-radius:999px;
  font-size:14px;color:var(--text-2);background:var(--paper)}
#hlc .pills{display:flex;flex-wrap:wrap;gap:8px;padding-top:24px}
#hlc .brandbox{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start;padding-top:28px}
@media(max-width:900px){#hlc .brandbox{grid-template-columns:1fr;gap:22px}}
#hlc .brandbox p{margin:0 0 16px;color:var(--text-2);max-width:66ch}
#hlc .brandbox__ph{position:relative;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:var(--paper-2)}
#hlc .brandbox__ph img{width:100%;height:100%;object-fit:cover}
/* ---------- Подсветка события, открытого из календаря ---------- */
#hlc .is-target{animation:hl-target 2.4s ease-out}
@keyframes hl-target{
  0%,55%{box-shadow:0 0 0 3px var(--sky);border-radius:var(--r)}
  100%  {box-shadow:0 0 0 3px rgba(0,180,237,0);border-radius:var(--r)}
}
@media (prefers-reduced-motion:reduce){#hlc .is-target{animation:none;box-shadow:0 0 0 3px var(--sky)}}
#hlc details.accr.is-target{box-shadow:none}
#hlc details.accr.is-target summary{animation:hl-target 2.4s ease-out}
/* ===========================================================================
   КАРТОЧКА СОБЫТИЯ — единый компонент для семинаров, вебинаров и мероприятий
   Строится на той же основе, что карточки обучения.
   .card--sm   — компактная, для архива (4 в ряд)
   .card--arch — приглушённая: обложка обесцвечена, текст мягче
   =========================================================================== */
#hlc .card--btn{text-align:left;width:100%;padding:0;font:inherit;color:inherit;cursor:pointer;display:flex}
#hlc .card__badge{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:6px;
  font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;
  padding:5px 11px;border-radius:999px;background:rgba(2,10,10,.82);color:#fff;backdrop-filter:blur(4px)}
#hlc .card__badge--live{background:var(--sky);color:var(--ink)}
#hlc .card__when{position:absolute;right:14px;bottom:14px;font-family:var(--mono);font-size:12px;font-weight:500;
  color:#fff;background:rgba(2,10,10,.8);padding:5px 10px;border-radius:999px;font-variant-numeric:tabular-nums}
#hlc .card__soon{position:absolute;left:14px;bottom:14px;font-family:var(--mono);font-size:11px;font-weight:500;
  letter-spacing:.07em;text-transform:uppercase;color:var(--ink);background:#fff;padding:5px 10px;border-radius:999px}
#hlc .card--sm .card__body{padding:16px 18px 18px;gap:7px}
#hlc .card--sm h3{font-size:16px;line-height:1.3}
#hlc .card--sm .card__foot{font-size:11px;gap:10px}
#hlc .card--sm .card__badge{font-size:10px;padding:4px 9px;left:12px;top:12px}
#hlc .card--sm .card__when{font-size:11px;padding:4px 9px;right:12px;bottom:12px}
#hlc .card--arch{background:var(--paper-2);border-color:transparent}
#hlc .card--arch .card__thumb img{filter:grayscale(.45) contrast(.95);opacity:.86;transition:.25s}
#hlc .card--arch:hover .card__thumb img{filter:none;opacity:1}
#hlc .card--arch h3{color:var(--text-2)}
#hlc .card--arch:hover h3{color:var(--text)}
#hlc .card--arch .card__cat{color:var(--text-3)}
/* ---------- Окно с подробностями события ---------- */
#hlc .mdl{position:fixed;inset:0;z-index:95;background:rgba(2,10,10,.72);backdrop-filter:blur(3px);
  display:grid;place-items:center;padding:16px;
  padding-top:calc(16px + 0px);
  padding-bottom:calc(16px + 0px);overflow:auto}
#hlc .mdl__box{position:relative;width:min(760px,100%);max-height:calc(100vh - 32px);overflow:auto;
  background:var(--paper);border-radius:var(--r);box-shadow:0 24px 60px rgba(2,10,10,.4)}
#hlc .mdl__ph{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--paper-2)}
#hlc .mdl__ph img{width:100%;height:100%;object-fit:cover}
#hlc .mdl__close{position:absolute;right:14px;top:14px;z-index:2;width:40px;height:40px;border-radius:999px;
  display:grid;place-items:center;background:rgba(2,10,10,.76);backdrop-filter:blur(4px);transition:.15s}
#hlc .mdl__close:hover{background:var(--ink)}
#hlc .mdl__body{padding:26px 30px 32px;display:grid;gap:16px}
@media(max-width:560px){#hlc .mdl__body{padding:20px 20px 26px}}
#hlc .mdl__tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#hlc .mdl h3{font-size:clamp(20px,2.6vw,26px);line-height:1.2;letter-spacing:-.01em;font-weight:900}
#hlc .mdl__lead{margin:0;color:var(--text-2);font-size:16px;line-height:1.6}
#hlc .mdl__sub{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;color:var(--text-3);margin:4px 0 -6px}
/* ---------- Карточка события: обложка 4:3, метки в теле карточки ---------- */
#hlc .card--ev .card__thumb{aspect-ratio:4/3}
#hlc .card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:2px}
#hlc .card__type2{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;
  padding:4px 10px;border-radius:999px;background:var(--paper-2);color:var(--text-2)}
#hlc .card__type2.is-live{background:var(--sky);color:var(--ink)}
#hlc .card__date{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}
#hlc .card__soon2{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--sky-ink)}
#hlc .card--arch .card__type2{background:#E6EAEC}
#hlc .card--arch .card__date{color:var(--text-3)}
#hlc .card--sm .card__type2{font-size:10px;padding:3px 8px}
#hlc .card--sm .card__date{font-size:11px}
#hlc .card--ev .card__state{margin-left:auto}
#hlc .card--ev .card__foot{width:100%}
#hlc .card--ev:hover .card__state{color:var(--sky-ink)}
/* окно: на широком экране обложка слева, текст справа */
#hlc .mdl__box{width:min(980px,100%)}
@media(min-width:820px){#hlc .mdl__box{display:grid;grid-template-columns:380px minmax(0,1fr);align-items:start}
#hlc .mdl__ph{aspect-ratio:4/3;position:sticky;top:0;margin:24px 0 24px 24px;border-radius:var(--r-sm)}
#hlc .mdl__body{padding:28px 32px 32px 30px}
#hlc .mdl__close{background:rgba(2,10,10,.82)}}
@media(max-width:819px){#hlc .mdl__ph{aspect-ratio:4/3}}
/* низ карточек события на одной линии, описание — не больше 3 строк */
#hlc .card--ev .card__body{display:flex;flex-direction:column;gap:9px;flex:1;align-items:stretch}
#hlc .card--ev.card--sm .card__body{gap:7px}
#hlc .card--ev .card__foot{margin-top:auto;padding-top:6px}
#hlc .card--ev .card__body p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#hlc .card--ev{height:100%}