/* Списки статей: страница «Статьи» и блок «Статьи по теме» на странице рубрики (inc/alp-spisok.php).
   Дизайн утверждён 03.11.2026 по образцу https://claude.ai/artifact/KnWgy7M3My6bJMG3e3zhpg */
.alp-sl{--pom:#EC6550;--pom2:#C94A26;--graf:#2B2C28;--ugol:#50504E;--sk:#B9B5AD;--ts:#E9E6E0;--tk:#F5F3EF;--zol:#FFE100;
  --mono:"JetBrains Mono",Consolas,monospace;--head:"Oswald","Arial Narrow",sans-serif}
.alp-sl *{box-sizing:border-box}
.alp-sl-rub{background:var(--tk);color:var(--graf);padding:clamp(48px,6vw,84px) 24px;font:400 18px/1.65 "Golos Text",system-ui,sans-serif}
.alp-sl-rub+.alp-sl-rub{border-top:1.5px solid var(--graf)}
.alp-sl-in{max-width:1240px;margin:0 auto}
.alp-sl-label{display:inline-block;font:500 12.5px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pom)}
.alp-sl-rh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px 40px;margin-bottom:34px}
.alp-sl .alp-sl-rh h2{font:700 clamp(30px,3.6vw,46px)/1.05 var(--head);text-transform:uppercase;margin:10px 0 0;color:inherit;letter-spacing:0}
.alp-sl-also{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 22px;background:#fff;border-left:7px solid var(--pom);color:var(--graf);text-decoration:none;box-shadow:0 1px 0 rgba(43,44,40,.15);transition:transform .35s ease,box-shadow .35s ease}
.alp-sl-also small{display:block;font:500 11.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pom);margin-bottom:4px}
.alp-sl-also span{font:600 19px/1.2 var(--head);text-transform:uppercase}
.alp-sl-also i{font-style:normal;font:500 24px "Golos Text",sans-serif}
.alp-sl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}

/* карточка: рамка, кайма только под мышью (стандарт 29.10) */
.alp-sl-card{display:flex;flex-direction:column;background:#fff;border:3px solid var(--graf);color:var(--graf);text-decoration:none;transition:transform .35s ease,box-shadow .35s ease}
.alp-sl-ph{display:block;aspect-ratio:4/3;overflow:hidden;border-bottom:3px solid var(--graf);background:var(--graf)}
.alp-sl-ph img{display:block;width:100%;height:100%;object-fit:cover;filter:sepia(.05) saturate(.96) contrast(.98)}
.alp-sl-tx{display:flex;flex-direction:column;gap:10px;padding:20px 22px 22px;flex:1}
.alp-sl-lb{font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pom)}
.alp-sl-card b{font:700 23px/1.12 var(--head);text-transform:uppercase;text-wrap:balance}
.alp-sl-ds{font-size:15.5px;line-height:1.5;color:var(--ugol)}
.alp-sl-go{margin-top:auto;padding-top:8px;font:700 15px/1 var(--head);text-transform:uppercase;letter-spacing:.08em}
.alp-sl-arr{font-family:"Golos Text",sans-serif;font-weight:500}
@media (hover:hover){
  .alp-sl-card:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--k)}
  .alp-sl-also:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--pom)}
}

/* страница «Статьи»: первый экран */
.alp-sl-hero{padding:44px 24px 56px}
.alp-sl .alp-sl-hero h1{font:700 clamp(40px,5.4vw,72px)/1 var(--head);text-transform:uppercase;margin:26px 0 18px;color:var(--ts)}
.alp-sl-hero h1 small{display:block;font:500 13px var(--mono);letter-spacing:.16em;color:var(--pom);margin-top:10px}
.alp-sl-hero .alp-st-lead{font-size:clamp(18px,1.55vw,20px);color:var(--sk);max-width:62ch;margin:0}
.alp-sl-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.alp-sl-chips a{padding:10px 16px;border:1.5px solid rgba(233,230,224,.45);font:500 12px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--ts)}
.alp-sl-chips a:hover{border-color:var(--pom);color:var(--pom)}
.alp-sl-chips sup{color:var(--pom);margin-left:4px}

/* пагинация */
.alp-sl-pag{background:var(--tk);padding:0 24px clamp(48px,6vw,84px)}
/* пагинация 1.9.20 — вариант 2 «Лёгкие рамки» (Ольга, 06.11.2026) */
.alp-sl-pag .alp-sl-in{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.alp-sl-pag a,.alp-sl-pag .alp-sl-num{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border:1.5px solid var(--sk);font:600 16px/1 var(--head);text-decoration:none;color:var(--graf);background:none}
.alp-sl-pag .alp-sl-num[aria-current]{background:var(--graf);border-color:var(--graf);color:var(--ts)}
.alp-sl-pag a:hover{border-color:var(--graf)}
.alp-sl-pag i.alp-sl-arr{font-style:normal}
.alp-sl-pag .alp-sl-dots{font:600 16px/1 var(--head);font-style:normal;color:var(--ugol);padding:0 4px}
.alp-sl-pag .alp-sl-next{margin-left:10px;padding:0 20px;gap:10px;border-color:var(--pom);background:var(--pom);color:#fff;letter-spacing:.08em;text-transform:uppercase}
.alp-sl-pag .alp-sl-next:hover{background:var(--pom2);border-color:var(--pom2);color:#fff}
.alp-sl-pag .alp-sl-prev{margin-right:10px;padding:0 18px;gap:10px;letter-spacing:.08em;text-transform:uppercase}
.alp-sl-pag .alp-sl-iz{display:none;font:500 13px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ugol)}
@media (max-width:600px){
  .alp-sl-pag .alp-sl-num,.alp-sl-pag .alp-sl-dots{display:none}
  .alp-sl-pag .alp-sl-iz{display:inline-block}
  .alp-sl-pag .alp-sl-in{flex-wrap:nowrap;justify-content:space-between}
  .alp-sl-pag .alp-sl-next,.alp-sl-pag .alp-sl-prev{margin:0;padding:0 16px}
}

@media (max-width:1020px){.alp-sl-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .alp-sl-grid{grid-template-columns:minmax(0,1fr);gap:22px}
  .alp-sl-card b{font-size:21px}
  .alp-sl-rh{align-items:start}
  .alp-sl-card,.alp-sl-also{transition:none}
}
@media (prefers-reduced-motion:reduce){.alp-sl *{transition:none!important}}

/* ===== «Статьи», 1.9.20 (Ольга и Алексей, 06.11.2026; образец https://claude.ai/artifact/Qv6aonJe3fzCG4HSbcEKvs) =====
   Первый экран: текст слева, коллаж из 4 фото справа. Рамки, наклоны и зерно — общие стили коллажа (alpusluga.css);
   видео нет: на его месте впереди фото 3:4 в серой рамке на скотче. */
.alp-sl--stranitsa .alp-sl-hero__in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px 56px;align-items:center}
.alp-sl--stranitsa .alp-sl-hero .alp-kollazh{position:relative;z-index:2;justify-self:end;width:100%;max-width:540px;aspect-ratio:540/600}
/* раскладка Ольги 06.11: впереди 0101; слева 0212, справа вверху 0182, справа внизу 0132; альпинисты видны целиком */
.alp-kollazh--4>.alp-k--2{--r:-4deg;--rh:-2.5deg;width:42%;left:0;top:8%;z-index:2}
.alp-kollazh--4>.alp-k--3{--r:6deg;--rh:4.5deg;width:36%;right:0;left:auto;top:0;z-index:1}
.alp-kollazh--4>.alp-k--1{--r:4deg;--rh:2.5deg;width:56%;right:0;left:auto;top:59%;z-index:3}
.alp-kollazh--4>.alp-k--1 img{object-position:0% 50%}
.alp-kollazh--4>.alp-k--video{--r:-2deg;--rh:-.5deg;width:40%;left:31%;top:26%;z-index:5}
.alp-kollazh>.alp-k--foto img{aspect-ratio:3/4}
@media (max-width:900px){
  .alp-sl--stranitsa .alp-sl-hero__in{grid-template-columns:minmax(0,1fr)}
  .alp-sl--stranitsa .alp-sl-hero .alp-kollazh{justify-self:center;margin-top:10px}
}
/* Баннер внизу «Статей»: фото фасада, телефон и почта в одну строку, подписи на одном уровне (как на «Объектах») */
.alp-sl-zban>img{object-position:70% 50%}
.alp-sl-zban .alp-sl-zk{display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px 40px;margin-top:20px}
.alp-sl-zban .alp-sl-zk .alp-st-tel{margin-top:0}
.alp-sl-zban .alp-sl-mail{display:block;font:700 clamp(17px,1.5vw,20px)/1 var(--head);text-decoration:none;color:inherit}
.alp-sl-zban .alp-sl-mail span{display:block;padding-top:calc(clamp(22px,2.2vw,30px)*.8 - clamp(17px,1.5vw,20px)*.8)}
.alp-sl-zban .alp-sl-mail small{display:block;font:400 12px var(--mono);letter-spacing:.14em;color:var(--sk);margin-bottom:8px;text-transform:uppercase}
.alp-sl-zban .alp-st-tel:hover,.alp-sl-zban .alp-sl-mail:hover{color:#fff}