/* ============================================================================
   listicket — скин издания о спорте и спектаклях.
   Манера унаследована у Il Post (тонкие линейки, воздух, ноль украшений)
   и у рубричных полос Corriere. Шрифты — свои, донорские Frutiger.
   Префикс всех классов: .lst-
   ========================================================================== */

@font-face{font-family:'LstBlack';src:url('/media/lst/f/frutiger95.woff') format('woff');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'LstRoman';src:url('/media/lst/f/frutiger55.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'LstLight';src:url('/media/lst/f/frutiger45.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}

:root{
  --lst-ink:#15171c;
  --lst-ink-2:#4a4f5a;
  --lst-paper:#ffffff;
  --lst-sand:#f4f1ea;
  --lst-rule:#ded8cc;
  --lst-rule-2:#efeae0;
  --lst-red:#a81f2d;
  --lst-spettacolo:#7a2b6d;
  --lst-musica:#a81f2d;
  --lst-sport:#0d6146;
  --lst-motori:#1b3f74;
  --lst-mostre:#8a5a12;
  --lst-w:1120px;
  --lst-wtext:760px;
  --lst-pad:24px;
  --lst-gap:28px;
}

/* ---------- сброс только для наших блоков, донора не трогаем ------------- */
.lst-scope *,.lst-scope *::before,.lst-scope *::after{box-sizing:border-box}
.lst-scope{
  font-family:'LstRoman','Frutiger 55',Arial,Helvetica,sans-serif;
  color:var(--lst-ink);
  background:var(--lst-paper);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
.lst-scope img{max-width:100%;height:auto;display:block}
.lst-scope a{color:inherit;text-decoration:none}
.lst-in{max-width:var(--lst-w);margin:0 auto;padding:0 var(--lst-pad)}

/* ============================== ШАПКА ==================================== */
.lst-topline{background:var(--lst-ink);color:#cfd3da;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.lst-topline .lst-in{display:flex;align-items:center;justify-content:space-between;height:34px;gap:16px}
.lst-topline__date{font-family:'LstLight',Arial,sans-serif;letter-spacing:.10em}
.lst-topline__links{display:flex;gap:18px}
.lst-topline a:hover{color:#fff}

.lst-hd{background:var(--lst-paper);border-bottom:1px solid var(--lst-ink)}
.lst-hd .lst-in{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-top:22px;padding-bottom:16px}
.lst-logo{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 2px;font-family:'LstBlack',Arial Black,Arial,sans-serif;font-size:44px;line-height:.9;letter-spacing:-.035em;color:var(--lst-ink)}
.lst-logo__dot{width:11px;height:11px;background:var(--lst-red);display:inline-block;margin-left:4px;border-radius:0}
.lst-logo__tag{display:block;flex-basis:100%;font-family:'LstLight',Arial,sans-serif;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--lst-ink-2);margin-top:9px}
.lst-hd__slogan{font-family:'LstLight',Arial,sans-serif;font-size:13px;color:var(--lst-ink-2);max-width:330px;text-align:right;line-height:1.45;border-left:1px solid var(--lst-rule);padding-left:20px}

/* рубричное меню — CSS-выпадашки, ноль JS */
.lst-nav{background:var(--lst-paper);border-bottom:3px solid var(--lst-ink)}
.lst-nav ul{list-style:none;margin:0;padding:0}
.lst-nav__row{display:flex;flex-wrap:wrap;align-items:stretch}
.lst-nav__row>li{position:relative}
.lst-nav__row>li>a{
  display:block;padding:13px 16px;font-family:'LstBlack',Arial,sans-serif;font-size:13px;
  letter-spacing:.09em;text-transform:uppercase;color:var(--lst-ink);border-bottom:3px solid transparent;margin-bottom:-3px;
}
.lst-nav__row>li>a:hover,.lst-nav__row>li:focus-within>a{border-bottom-color:var(--lst-red);color:var(--lst-red)}
.lst-nav__sub{
  position:absolute;left:0;top:100%;min-width:250px;background:var(--lst-paper);
  border:1px solid var(--lst-rule);border-top:3px solid var(--lst-red);box-shadow:0 18px 40px rgba(21,23,28,.14);
  visibility:hidden;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease;z-index:60;padding:6px 0;
}
.lst-nav__row>li:hover .lst-nav__sub,.lst-nav__row>li:focus-within .lst-nav__sub{visibility:visible;opacity:1;transform:none}
.lst-nav__sub a{display:block;padding:9px 18px;font-size:14px;color:var(--lst-ink)}
.lst-nav__sub a:hover{background:var(--lst-sand);color:var(--lst-red)}

/* ============================ ГЛАВНЫЙ БЛОК =============================== */
.lst-main{padding:34px 0 8px}
.lst-lead{display:grid;grid-template-columns:1.62fr 1fr;gap:var(--lst-gap);padding-bottom:30px;border-bottom:1px solid var(--lst-rule)}
.lst-lead__side{display:flex;flex-direction:column;gap:22px}

.lst-kicker{font-family:'LstBlack',Arial,sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lst-red);display:inline-block;margin-bottom:9px}
.lst-kicker--spettacolo{color:var(--lst-spettacolo)}
.lst-kicker--sport{color:var(--lst-sport)}
.lst-kicker--motori{color:var(--lst-motori)}
.lst-kicker--musica{color:var(--lst-musica)}
.lst-kicker--mostre{color:var(--lst-mostre)}

.lst-card__fig{position:relative;overflow:hidden;background:var(--lst-sand);margin-bottom:14px}
.lst-card__fig img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .4s ease}
.lst-card:hover .lst-card__fig img{transform:scale(1.03)}
.lst-card__h{font-family:'LstBlack',Arial,sans-serif;letter-spacing:-.02em;line-height:1.12;margin:0 0 10px}
.lst-card--lead .lst-card__h{font-size:38px}
.lst-card--sec .lst-card__h{font-size:20px}
.lst-card--row .lst-card__h{font-size:17px}
.lst-card__deck{font-family:'LstLight',Arial,sans-serif;font-size:16px;color:var(--lst-ink-2);margin:0}
.lst-card--sec .lst-card__deck{font-size:14px}
.lst-card:hover .lst-card__h{color:var(--lst-red)}
.lst-card--sec{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:start}
.lst-card--sec .lst-card__fig{margin:0}
.lst-card--sec .lst-card__fig img{aspect-ratio:4/3}

/* ---------------------------- ленты рубрик ------------------------------- */
.lst-sec{padding:30px 0;border-bottom:1px solid var(--lst-rule)}
.lst-sec__hd{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.lst-sec__t{font-family:'LstBlack',Arial,sans-serif;font-size:15px;letter-spacing:.13em;text-transform:uppercase;margin:0;padding-left:12px;border-left:5px solid var(--lst-red)}
.lst-sec--spettacolo .lst-sec__t{border-left-color:var(--lst-spettacolo)}
.lst-sec--sport .lst-sec__t{border-left-color:var(--lst-sport)}
.lst-sec__more{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--lst-ink-2);border-bottom:1px solid var(--lst-rule)}
.lst-sec__more:hover{color:var(--lst-red);border-bottom-color:var(--lst-red)}
.lst-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--lst-gap)}
.lst-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--lst-gap)}

/* ------------------------- выбор редакции (плашка) ----------------------- */
.lst-pick{background:var(--lst-sand);padding:30px 0 34px;border-bottom:1px solid var(--lst-rule)}
.lst-pick .lst-card__fig{background:#e8e3d8}
.lst-pick .lst-sec__t{border-left-color:var(--lst-ink)}

/* ------------------------------ два столбца ------------------------------ */
.lst-cols{display:grid;grid-template-columns:1fr 320px;gap:44px;padding:30px 0;align-items:start}
.lst-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--lst-rule)}
.lst-list li{border-bottom:1px solid var(--lst-rule-2)}
.lst-list a{display:grid;grid-template-columns:26px 1fr;gap:12px;padding:13px 0;align-items:baseline}
.lst-list__n{font-family:'LstBlack',Arial,sans-serif;font-size:15px;color:var(--lst-red)}
.lst-list__t{font-size:15px;line-height:1.35}
.lst-list a:hover .lst-list__t{color:var(--lst-red)}
.lst-aside__t{font-family:'LstBlack',Arial,sans-serif;font-size:14px;letter-spacing:.13em;text-transform:uppercase;margin:0 0 14px}
.lst-aside__box{border:1px solid var(--lst-rule);padding:18px 20px;margin-bottom:26px}
.lst-aside__box p{font-family:'LstLight',Arial,sans-serif;font-size:14px;color:var(--lst-ink-2);margin:0 0 10px}

/* ------------------- партнёрская полоса (проданные ссылки) --------------- */
.lst-part{padding:26px 0 30px;border-top:1px solid var(--lst-rule);border-bottom:1px solid var(--lst-rule);background:var(--lst-paper)}
.lst-part__t{font-family:'LstLight',Arial,sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--lst-ink-2);margin:0 0 16px}
.lst-part__row{display:flex;flex-wrap:wrap;align-items:center;gap:34px}
.lst-part__row img{width:140px;filter:grayscale(1);opacity:.72;transition:filter .2s ease,opacity .2s ease}
.lst-part__row a:hover img{filter:none;opacity:1}

/* --------------------------------- подвал -------------------------------- */
.lst-ft{background:var(--lst-ink);color:#b9bec8;margin-top:10px;font-size:14px}
.lst-ft a{color:#dfe3e9}
.lst-ft a:hover{color:#fff;text-decoration:underline}
.lst-ft__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding:40px 0 34px}
.lst-ft__t{font-family:'LstBlack',Arial,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 14px}
.lst-ft ul{list-style:none;margin:0;padding:0}
.lst-ft li{margin-bottom:9px;line-height:1.4}
.lst-ft__about{font-family:'LstLight',Arial,sans-serif;line-height:1.6;color:#a7adb8}
.lst-ft__logo{font-family:'LstBlack',Arial,sans-serif;font-size:26px;color:#fff;letter-spacing:-.03em;margin-bottom:12px;display:block}
.lst-ft__bottom{border-top:1px solid #2b2f38;padding:18px 0 30px;display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:space-between;font-size:12.5px;color:#8e94a0}
.lst-ft__disc{max-width:760px;line-height:1.55}

/* ================================ ПЛАНШЕТ ================================ */
@media (max-width:1024px){
  :root{--lst-gap:22px}
  .lst-lead{grid-template-columns:1fr;gap:26px}
  .lst-lead__side{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  .lst-card--lead .lst-card__h{font-size:32px}
  .lst-cols{grid-template-columns:1fr;gap:32px}
  .lst-ft__top{grid-template-columns:1fr 1fr;gap:26px}
  .lst-grid4{grid-template-columns:repeat(2,1fr)}
}

/* ================================ МОБИЛКА ================================ */
@media (max-width:760px){
  :root{--lst-pad:16px;--lst-gap:20px}
  .lst-hd .lst-in{flex-direction:column;align-items:flex-start;gap:10px;padding-top:16px}
  .lst-hd__slogan{border-left:0;padding-left:0;text-align:left;max-width:none;font-size:12.5px}
  .lst-logo{font-size:34px}
  .lst-topline .lst-in{height:auto;padding-top:8px;padding-bottom:8px;flex-wrap:wrap;gap:8px 16px;font-size:11px}
  .lst-nav__row{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  .lst-nav__row>li>a{padding:11px 13px;font-size:12px;white-space:nowrap}
  .lst-nav__sub{display:none}
  .lst-lead__side{grid-template-columns:1fr}
  .lst-card--lead .lst-card__h{font-size:26px}
  .lst-grid3,.lst-grid4{grid-template-columns:1fr}
  .lst-part__row{gap:22px}
  .lst-part__row img{width:112px}
  .lst-ft__top{grid-template-columns:1fr;gap:24px;padding:28px 0 22px}
}

/* ============================ СТРАНИЦА СТАТЬИ ============================= */
.lst-art{max-width:var(--lst-wtext);margin:0 auto;padding:34px var(--lst-pad) 44px}
.lst-art h1{font-family:'LstBlack',Arial,sans-serif;font-size:36px;line-height:1.12;letter-spacing:-.02em;margin:0 0 16px}
.lst-art__meta{font-family:'LstLight',Arial,sans-serif;font-size:13px;color:var(--lst-ink-2);border-bottom:1px solid var(--lst-rule);padding-bottom:14px;margin-bottom:22px}
.lst-art__lead{font-size:19px;line-height:1.5;color:var(--lst-ink);margin:0 0 24px}
.lst-art h2{font-family:'LstBlack',Arial,sans-serif;font-size:23px;line-height:1.2;margin:34px 0 12px}
.lst-art p{margin:0 0 17px}
.lst-art figure{margin:0 0 26px}
.lst-art figcaption{font-family:'LstLight',Arial,sans-serif;font-size:12.5px;color:var(--lst-ink-2);padding-top:8px}
@media (max-width:760px){.lst-art h1{font-size:27px}.lst-art__lead{font-size:17px}.lst-art h2{font-size:20px}}


/* ===================== СТАРЫЕ СТРАНИЦЫ В НОВОМ КАРКАСЕ ==================== */
.lst-page{padding:30px 0 46px}
.lst-page .lst-in{max-width:var(--lst-w)}
.lst-page__body{max-width:var(--lst-wtext);margin:0 auto}
.lst-page__body h1,.lst-page__body h2{font-family:'LstBlack',Arial,sans-serif;line-height:1.14;letter-spacing:-.02em;margin:0 0 14px}
.lst-page__body h1{font-size:34px}
.lst-page__body h2{font-size:26px;margin-top:30px}
.lst-page__body h3{font-family:'LstBlack',Arial,sans-serif;font-size:19px;margin:26px 0 10px}
.lst-page__body h4{font-family:'LstBlack',Arial,sans-serif;font-size:16px;margin:20px 0 8px}
.lst-page__body p{margin:0 0 16px}
.lst-page__body ul,.lst-page__body ol{margin:0 0 18px;padding-left:22px}
.lst-page__body li{margin-bottom:7px}
.lst-page__body img{margin:0 0 18px;max-width:380px;height:auto}
.lst-page__body .event_image img,.lst-page__body figure img{max-width:520px}
.lst-page__body a{color:var(--lst-red);border-bottom:1px solid rgba(168,31,45,.28)}
.lst-page__body a:hover{border-bottom-color:var(--lst-red)}
.lst-page__body table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px}
.lst-page__body th,.lst-page__body td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--lst-rule-2);vertical-align:top}
.lst-page__body th{font-family:'LstBlack',Arial,sans-serif;font-size:13px;letter-spacing:.03em}
.lst-page__body table tr:first-child th{border-bottom:2px solid var(--lst-ink)}
.lst-archnote{background:var(--lst-sand);border-left:4px solid var(--lst-red);padding:14px 18px;
  font-family:'LstLight',Arial,sans-serif;font-size:14px;color:var(--lst-ink-2);margin:0 0 26px}
.lst-archnote strong{font-family:'LstRoman',Arial,sans-serif;color:var(--lst-ink)}
/* остатки блоков донора описываем своими правилами */
.lst-page__body .currentEvent,.lst-page__body .event_header{margin-bottom:18px}
.lst-page__body .event_image img{width:100%;max-width:520px}
.lst-page__body .contentWrap,.lst-page__body .clearfix,.lst-page__body #main,.lst-page__body #pageContent{width:auto;max-width:none;float:none;padding:0;margin:0}
.lst-page__body .module,.lst-page__body .sideModule,.lst-page__body .tabular{width:auto;float:none;margin:0 0 22px;padding:0}
.lst-page__body .category{margin:0 0 26px}
.lst-page__body .faqs{border-top:1px solid var(--lst-rule)}
.lst-page__body .faqs p{padding-top:10px}
.lst-page__body .side,.lst-page__body #side{float:none;width:auto}
@media (max-width:760px){
  .lst-page{padding:22px 0 34px}
  .lst-page__body h1{font-size:25px}
  .lst-page__body h2{font-size:20px}
  .lst-page__body table{display:block;overflow-x:auto}
}

.lst-arch__h1{font-family:'LstBlack',Arial,sans-serif;font-size:32px;letter-spacing:-.02em;margin:0 0 8px}
.lst-arch__lead{font-family:'LstLight',Arial,sans-serif;color:var(--lst-ink-2);margin:0 0 6px}
@media (max-width:760px){.lst-arch__h1{font-size:24px}}
