/* ============================================================
   krasnoobsk.info — каркас «ОКОЛОК». Ленты: главная, хабы рубрик,
   архив, фотомозаика, полоса партнёров.
   Порядок секций совпадает с порядком блоков на главной.
   ============================================================ */

/* ===== kro:glavnoe ===== */
.kro-glavnoe{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(0,1fr);
 gap:0 30px;padding-top:26px;padding-bottom:28px}
.kro-glavnoe__lid{min-width:0}
.kro-glavnoe__foto{display:block;margin:0 0 15px}
.kro-glavnoe__foto img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;
 background:var(--kro-vydel)}
.kro-glavnoe__podpis{display:block;margin-top:6px;font-size:11.5px;line-height:1.45;
 color:var(--kro-tush2)}
.kro-glavnoe h1,.kro-glavnoe h2{font-size:36px;line-height:1.08;margin:0 0 12px}
.kro-glavnoe h1 a,.kro-glavnoe h2 a{color:var(--kro-tush)}
.kro-glavnoe h1 a:hover,.kro-glavnoe h2 a:hover{color:var(--kro-zelen);text-decoration:none}
.kro-glavnoe__vrez{font-family:"Alegreya",Georgia,serif;font-size:18.5px;line-height:1.52;
 color:#3c413a;margin:0}
.kro-glavnoe__data{display:block;margin-top:12px;font-size:12px;letter-spacing:.06em;
 text-transform:uppercase;color:var(--kro-tush2);font-weight:600}

.kro-korotko{min-width:0;border-left:1px solid var(--kro-liniya);padding-left:26px}
.kro-korotko > h2{font-family:"Commissioner",sans-serif;font-size:12px;font-weight:700;
 letter-spacing:.14em;text-transform:uppercase;color:var(--kro-kirpich);margin:0 0 14px}
.kro-korotko ol{list-style:none;margin:0;padding:0;counter-reset:kro}
.kro-korotko li{counter-increment:kro;display:grid;grid-template-columns:26px 1fr;gap:0 10px;
 padding:12px 0;border-top:1px solid var(--kro-liniya)}
.kro-korotko li:first-child{border-top:0;padding-top:0}
.kro-korotko li::before{content:counter(kro,decimal-leading-zero);
 font-family:"Commissioner",sans-serif;font-size:12px;font-weight:700;color:var(--kro-tush2);
 line-height:1.5;padding-top:2px}
.kro-korotko a{font-family:"Alegreya",Georgia,serif;font-weight:700;font-size:17px;line-height:1.25;
 color:var(--kro-tush);display:block}
.kro-korotko a:hover{color:var(--kro-zelen);text-decoration:none}
.kro-korotko time{display:block;margin-top:4px;font-size:11.5px;color:var(--kro-tush2);white-space:nowrap}
.kro-korotko li > a,.kro-korotko li > span{grid-column:2}
.kro-korotko__rub{display:block;margin-top:5px;font-size:10.5px;font-weight:700;letter-spacing:.11em;
 text-transform:uppercase;color:var(--kro-tush2)}

/* внутреннее поле блоков, вынесенных во всю ширину листа */
.kro-vobe__in{padding-left:var(--kro-pole);padding-right:var(--kro-pole)}

/* ===== kro:spravochnik ===== */
.kro-spravochnik{background:var(--kro-zelen-t);color:#e9f0e5;
 padding-top:30px;padding-bottom:32px}
.kro-spravochnik__shapka{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;
 margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid rgba(233,240,229,.28)}
.kro-spravochnik__shapka h2{font-size:27px;color:#fff;margin:0}
.kro-spravochnik__shapka p{margin:0;font-size:13.5px;color:#a8c4a4;max-width:52ch}
.kro-spravochnik__shapka p{flex:1 1 240px}
.kro-spravochnik__shapka a{margin-left:auto;flex:0 0 auto;align-self:center;font-size:12px;font-weight:700;letter-spacing:.1em;
 text-transform:uppercase;color:#cfe0ca;border-bottom:1px solid rgba(207,224,202,.5)}
.kro-spravochnik__shapka a:hover{color:#fff;text-decoration:none}
.kro-spravochnik ol{list-style:none;margin:0;padding:0;counter-reset:kros;
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.kro-spravochnik li{counter-increment:kros;padding:0 20px;
 border-left:1px solid rgba(233,240,229,.22)}
.kro-spravochnik li:nth-child(3n+1){border-left:0;padding-left:0}
.kro-spravochnik li:nth-child(n+4){margin-top:22px;padding-top:20px;
 border-top:1px solid rgba(233,240,229,.22)}
.kro-spravochnik li::before{content:counter(kros);display:block;
 font-family:"Alegreya",Georgia,serif;font-size:30px;font-weight:400;line-height:1;
 color:#8fc08b;margin-bottom:8px}
.kro-spravochnik a{font-family:"Alegreya",Georgia,serif;font-weight:700;font-size:19px;
 line-height:1.22;color:#fff;display:block}
.kro-spravochnik a:hover{color:#a9d3a4;text-decoration:none}
.kro-spravochnik p.kro-spravochnik__vrez{margin:7px 0 0;font-size:13.5px;line-height:1.5;color:#a8c4a4}

/* ===== kro:rubrika ===== */
.kro-rubrika{padding-top:28px;padding-bottom:8px}
.kro-rubrika__shapka{display:flex;align-items:center;gap:16px;margin:0 0 18px}
.kro-rubrika__shapka h2{font-size:25px;white-space:nowrap}
.kro-rubrika__shapka h2 a{color:var(--kro-tush)}
.kro-rubrika__shapka::after{content:"";flex:1 1 auto;height:1px;background:var(--kro-liniya)}
.kro-rubrika__vse{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
 color:var(--kro-kirpich);white-space:nowrap;order:3}
.kro-rubrika__vse:hover{text-decoration:none;color:var(--kro-tush)}

.kro-rubrika__glavnaya{display:grid;grid-template-columns:232px minmax(0,1fr);gap:18px;
 align-items:start;margin:0 0 16px}
.kro-rubrika__glavnaya img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;
 background:var(--kro-vydel)}
.kro-rubrika__glavnaya h3{font-size:22px;line-height:1.18;font-weight:700;margin:0 0 8px}
.kro-rubrika__glavnaya h3 a{color:var(--kro-tush)}
.kro-rubrika__glavnaya h3 a:hover{color:var(--kro-zelen);text-decoration:none}
.kro-rubrika__glavnaya p{margin:0;font-family:"Alegreya",Georgia,serif;font-size:16.5px;
 line-height:1.5;color:#454a43}
.kro-rubrika__glavnaya time{display:block;margin-top:9px;font-size:11.5px;color:var(--kro-tush2);white-space:nowrap}

.kro-rubrika__spisok{list-style:none;margin:0;padding:0;display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.kro-rubrika__spisok li{border-top:2px solid var(--kro-tush);padding-top:10px}
.kro-rubrika__spisok a{font-family:"Alegreya",Georgia,serif;font-weight:700;font-size:17px;
 line-height:1.24;color:var(--kro-tush);display:block}
.kro-rubrika__spisok a:hover{color:var(--kro-zelen);text-decoration:none}
.kro-rubrika__spisok time{display:block;margin-top:5px;font-size:11.5px;color:var(--kro-tush2)}

/* ===== kro:fotomozaika ===== */
.kro-foto{background:var(--kro-vydel);padding-top:26px;padding-bottom:26px;margin-top:26px}
.kro-foto__shapka{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 16px}
.kro-foto__shapka h2{font-size:24px}
.kro-foto__shapka p{margin:0;font-size:13px;color:var(--kro-tush2)}
.kro-foto__shapka a{margin-left:auto;font-size:11.5px;font-weight:700;letter-spacing:.12em;
 text-transform:uppercase;color:var(--kro-kirpich)}
.kro-foto__setka{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}
.kro-foto__setka img{display:block;width:100%;aspect-ratio:1;object-fit:cover;
 filter:saturate(.92);background:#ddd7c8}
.kro-foto__setka a:hover img{filter:none}
.kro-foto__albomy{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;
 font-size:13.5px}
.kro-foto__albomy a{color:var(--kro-tush)}
.kro-foto__albomy a:hover{color:var(--kro-zelen);text-decoration:none}

/* ===== kro:partnery ===== */
.kro-partnery{padding-top:24px;padding-bottom:26px;border-top:1px solid var(--kro-liniya);
 margin-top:26px}
.kro-partnery h2{font-family:"Commissioner",sans-serif;font-size:11.5px;font-weight:700;
 letter-spacing:.14em;text-transform:uppercase;color:var(--kro-tush2);margin:0 0 4px}
.kro-partnery > p{margin:0 0 16px;font-size:13px;color:var(--kro-tush2);max-width:60ch}
.kro-partnery__ryad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.kro-partnery__ryad a{display:flex;align-items:center;justify-content:center;height:66px;
 background:var(--kro-vydel);padding:10px}
.kro-partnery__ryad a:hover{background:#e7e1d1}
.kro-partnery__ryad img{max-height:44px;width:auto;object-fit:contain}

/* ===== kro:vrezka-arhiva ===== */
.kro-vrezka{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;
 padding-top:16px;padding-bottom:18px;margin-top:8px;border-top:1px solid var(--kro-liniya);
 font-size:14px;color:var(--kro-tush2)}
.kro-vrezka b{color:var(--kro-tush);font-weight:600}
.kro-vrezka a{font-weight:600}

/* ===== kro:setka (хабы и архив) ===== */
.kro-hab{padding-top:22px;padding-bottom:8px}
.kro-hab h1{font-size:36px;margin:0 0 10px}
.kro-hab__opis{margin:0 0 6px;font-family:"Alegreya",Georgia,serif;font-size:18px;line-height:1.5;
 color:#43483f;max-width:62ch}
.kro-hab__ogovorka{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--kro-tush2);
 max-width:64ch;padding-left:11px;border-left:2px solid var(--kro-liniya)}
.kro-hab__schet{margin:0;font-size:12px;letter-spacing:.07em;text-transform:uppercase;
 color:var(--kro-tush2);font-weight:600}

.kro-setka{list-style:none;margin:0;padding-top:22px;padding-bottom:10px;
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 24px}
.kro-setka li{min-width:0;display:flex;flex-direction:column}
.kro-setka__foto{display:block;margin:0 0 10px}
.kro-setka__foto img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;
 background:var(--kro-vydel)}
.kro-setka h2,.kro-setka h3{font-size:18px;line-height:1.22;font-weight:700;margin:0}
.kro-setka a{color:var(--kro-tush)}
.kro-setka a:hover{color:var(--kro-zelen);text-decoration:none}
.kro-setka p{margin:7px 0 0;font-family:"Alegreya",Georgia,serif;font-size:15.5px;line-height:1.45;
 color:#4c5148}
.kro-setka time{display:block;margin-top:8px;font-size:11.5px;color:var(--kro-tush2)}
.kro-setka__kiker{display:block;margin:0 0 6px;font-size:10.5px;font-weight:700;
 letter-spacing:.13em;text-transform:uppercase;color:var(--kro-kirpich)}

/* ===== kro:stranicy (постраничная навигация) ===== */
.kro-stranicy{display:flex;flex-wrap:wrap;gap:6px;padding-top:18px;padding-bottom:26px;
 border-top:1px solid var(--kro-liniya);margin-top:18px}
.kro-stranicy a,.kro-stranicy span{display:flex;align-items:center;justify-content:center;
 min-width:44px;height:44px;padding:0 10px;font-size:14px;font-weight:600;
 background:var(--kro-vydel);color:var(--kro-tush)}
.kro-stranicy a:hover{background:var(--kro-zelen);color:#fff;text-decoration:none}
.kro-stranicy span[aria-current]{background:var(--kro-zelen);color:#fff}

/* ===== kro:gody (архив по годам) ===== */
.kro-gody{list-style:none;margin:0;padding-top:18px;padding-bottom:22px;
 display:flex;flex-wrap:wrap;gap:8px}
.kro-gody a{display:flex;align-items:baseline;gap:7px;min-height:44px;padding:10px 14px;
 background:var(--kro-vydel);color:var(--kro-tush);font-weight:600;font-size:15px}
.kro-gody a:hover{background:var(--kro-zelen);color:#fff;text-decoration:none}
.kro-gody em{font-style:normal;font-size:12px;color:var(--kro-tush2);font-weight:400}
.kro-gody a:hover em{color:#cfe0ca}

/* ===== kro:mobilnaya-lenta ===== */
@media (max-width:900px){
 .kro-glavnoe{grid-template-columns:1fr;gap:24px}
 .kro-glavnoe h1,.kro-glavnoe h2{font-size:28px}
 .kro-korotko{border-left:0;padding-left:0;border-top:2px solid var(--kro-tush);padding-top:16px}
 .kro-spravochnik ol{grid-template-columns:1fr}
 .kro-spravochnik li{padding:0;border-left:0}
 .kro-spravochnik li+li{margin-top:18px;padding-top:16px;border-top:1px solid rgba(233,240,229,.22)}
 .kro-spravochnik li:nth-child(n+4){margin-top:18px;padding-top:16px}
 .kro-rubrika__shapka{flex-wrap:wrap;gap:6px 12px}
 .kro-rubrika__shapka h2{white-space:normal}
 .kro-rubrika__vse{white-space:normal;order:2}
 .kro-rubrika__glavnaya{grid-template-columns:1fr}
 .kro-rubrika__spisok{grid-template-columns:1fr;gap:0}
 .kro-rubrika__spisok li{margin-top:12px}
 .kro-rubrika__spisok li:first-child{margin-top:0}
 .kro-foto__setka{grid-template-columns:repeat(4,1fr)}
 .kro-partnery__ryad{grid-template-columns:repeat(3,minmax(0,1fr))}
 .kro-setka{grid-template-columns:1fr;gap:22px}
 .kro-hab h1{font-size:28px}
}
@media (min-width:901px) and (max-width:1060px){
 .kro-foto__setka{grid-template-columns:repeat(6,1fr)}
}