/* FINEONE engine — стили из дизайна (Oswald + Golos Text, эдиториал). */
:root{
  --accent:#FF4A1C; --ink:#121212; --ink-2:#2b2b2b;
  --muted:#8a8a8a; --muted-2:#4a4a4a; --muted-3:#6b6b6b; --num:#b9b9b9;
  --line:#e7e7e7; --line-2:#efefef; --maxw:1360px; --pad:48px;
  /* горизонтальный отступ, выравнивающий шапку/футер по колонке .main (та центрирована max-width) */
  --px:max(var(--pad), calc((100% - var(--maxw)) / 2 + var(--pad)));
}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font-family:'Golos Text',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-decoration:none;transition:color .15s}
a:hover{color:var(--accent)}
img{max-width:100%}
::selection{background:var(--accent);color:#fff}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.topbar{border-bottom:1px solid var(--ink);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;padding:8px var(--px)}

.head{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:22px var(--px);border-bottom:1px solid var(--line)}
.logo{font-family:'Oswald',sans-serif;font-weight:600;font-size:30px;letter-spacing:.02em;text-transform:uppercase;line-height:1}
.logo .s{color:var(--accent)}
.nav{display:flex;gap:26px;flex-wrap:wrap}
.nav a{font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:4px 0;border-bottom:2px solid transparent;color:var(--ink)}
.nav a:hover,.nav a.active{color:var(--accent);border-bottom-color:var(--accent)}
.nav-toggle{display:none}

/* сайдбар-колонка 340px = как в WP-теме (MPSU-блок 300×250 подобран под эту ширину) */
.main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;padding:40px var(--pad) 72px;max-width:var(--maxw);margin:0 auto;width:100%}
.col-main{min-width:0;animation:rise .5s ease both}
.aside{border-left:1px solid var(--line);padding-left:36px;align-self:start;position:sticky;top:24px}

.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:center;padding-bottom:44px}
.hero-meta{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.badge{background:var(--accent);color:#fff;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px}
.hero-date{font-size:12px;color:var(--muted);letter-spacing:.06em}
.hero h1{font-family:'Oswald',sans-serif;font-weight:500;font-size:clamp(34px,4vw,54px);line-height:1.08;text-transform:uppercase;margin:0 0 18px;text-wrap:balance}
.hero h1:hover{color:var(--accent)}
.hero-excerpt{font-size:16px;line-height:1.65;color:var(--muted-2);margin:0 0 24px;max-width:52ch}
.more{display:inline-flex;align-items:center;gap:10px;font-family:'Oswald',sans-serif;font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid var(--ink);padding-bottom:4px}
.more:hover{color:var(--accent);border-bottom-color:var(--accent)}
.hero-img{position:relative;display:block}
.hero-img img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.hero-img::after{content:"";position:absolute;left:-12px;bottom:-12px;width:96px;height:96px;border-left:3px solid var(--accent);border-bottom:3px solid var(--accent);pointer-events:none}

.sec-head{display:flex;align-items:baseline;gap:16px;border-top:2px solid var(--ink);padding-top:14px}
.sec-head h2{font-family:'Oswald',sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin:0}
.sec-head span{font-size:12px;color:var(--muted)}

.feed-item{display:grid;grid-template-columns:52px minmax(0,1fr) 190px;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}
.feed-num{font-family:'Oswald',sans-serif;font-size:15px;font-weight:500;color:var(--num)}
.feed-cat{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.feed-title{font-family:'Oswald',sans-serif;font-weight:500;font-size:23px;line-height:1.2;margin:0;text-transform:uppercase;text-wrap:balance}
.feed-item:hover .feed-title{color:var(--accent)}
.feed-excerpt{font-size:14px;line-height:1.6;color:var(--muted-3);margin:10px 0 0;max-width:62ch}
.feed-img{width:190px;aspect-ratio:3/2;object-fit:cover;display:block;filter:grayscale(20%);background:#f0f0f0}

.pager{display:flex;gap:8px;justify-content:center;margin-top:40px;flex-wrap:wrap;font-family:'Oswald',sans-serif}
.pager a,.pager span{min-width:40px;height:40px;display:grid;place-items:center;padding:0 12px;border:1px solid var(--line);font-size:14px;font-weight:500}
.pager .cur{background:var(--ink);color:#fff;border-color:var(--ink)}
.pager a:hover{border-color:var(--ink);color:var(--ink)}
.pager .gap{border:0}

.cat-head{border-bottom:2px solid var(--ink);padding-bottom:20px;margin-bottom:6px}
.cat-kicker{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.cat-title-row{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.cat-title-row h1{font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(48px,7vw,84px);line-height:1;text-transform:uppercase;margin:0}
.cat-count{font-family:'Oswald',sans-serif;font-size:18px;color:var(--accent)}

.crumb{font-size:12px;color:var(--muted);margin-bottom:18px}
.crumb a{color:var(--muted)} .crumb a.cat{color:var(--accent)} .crumb a:hover{color:var(--accent)}
.art-title{font-family:'Oswald',sans-serif;font-weight:500;font-size:clamp(32px,3.6vw,48px);line-height:1.1;text-transform:uppercase;margin:0 0 18px;text-wrap:balance}
.art-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--muted);border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:10px 0;margin-bottom:28px}
.art-lead-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:34px}
.art-body{max-width:68ch;font-size:17px;line-height:1.75;color:var(--ink-2)}
.art-body>p:first-of-type,.art-body .lead{font-size:20px;line-height:1.6;color:var(--ink);margin:0 0 24px}
.art-body p{margin:0 0 20px}
.art-body p:empty{display:none}
.art-body h2{font-family:'Oswald',sans-serif;font-weight:600;font-size:24px;text-transform:uppercase;margin:36px 0 14px;padding-left:14px;border-left:4px solid var(--accent)}
.art-body h3{font-family:'Oswald',sans-serif;font-weight:600;font-size:19px;text-transform:uppercase;margin:26px 0 10px}
.art-body ul,.art-body ol{margin:0 0 20px;padding-left:22px}
.art-body li{margin-bottom:8px}
.art-body blockquote{margin:32px 0;padding:4px 0 4px 22px;border-left:3px solid var(--ink);font-family:'Oswald',sans-serif;font-size:21px;line-height:1.4;text-transform:uppercase;color:var(--ink)}
.art-body img{height:auto;margin:12px 0;display:block;max-width:100%}
.art-body a{color:var(--accent)}

.similar{margin-top:56px;border-top:2px solid var(--ink);padding-top:16px}
.similar-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}
.similar-head h2{font-family:'Oswald',sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin:0}
.sim-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sim img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;margin-bottom:12px;filter:grayscale(20%);background:#f0f0f0}
.sim .c{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}
.sim h3{font-family:'Oswald',sans-serif;font-weight:500;font-size:17px;line-height:1.25;margin:0;text-transform:uppercase}
.sim:hover h3{color:var(--accent)}

.aside-h{font-family:'Oswald',sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:6px}
.aside-h.mt{margin-top:34px}
.pop{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line-2)}
.pop-num{font-family:'Oswald',sans-serif;font-size:24px;font-weight:600;color:var(--accent);line-height:1}
.pop-t{font-size:14px;font-weight:500;line-height:1.4}
.pop:hover .pop-t{color:var(--accent)}
.pop-views{font-size:11px;color:#a0a0a0;margin-top:5px;letter-spacing:.04em}
.rubs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.rubs a{border:1px solid var(--ink);padding:6px 12px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.rubs a:hover{background:var(--ink);color:#fff}

.ad{margin:24px 0}

.foot{background:var(--ink);color:#cfcfcf;border-top:3px solid var(--accent);padding:34px var(--px) 30px}
.foot-brand{display:inline-block}
.foot-name{display:block;font-family:'Oswald',sans-serif;font-weight:600;font-size:28px;letter-spacing:.06em;text-transform:uppercase;color:#fff;line-height:1}
.foot-sub{display:block;font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:#8c8c8c;margin-top:4px}
.foot-nav{list-style:none;padding:0;margin:22px 0 26px;display:flex;flex-wrap:wrap;gap:14px 20px}
.foot-nav a{font-family:'Oswald',sans-serif;font-weight:500;font-size:16px;text-transform:uppercase;letter-spacing:.05em;color:#fff}
.foot-nav a:hover{color:var(--accent)}
.foot-copy{font-size:12px;color:#8c8c8c;margin:0}

@media(max-width:1000px){
  .main{grid-template-columns:1fr;gap:40px}
  .aside{border-left:0;padding-left:0;position:static;border-top:2px solid var(--ink);padding-top:24px}
  .hero{grid-template-columns:1fr;gap:22px}
  .hero-img::after{display:none}
}
@media(max-width:640px){
  :root{--pad:18px}
  .topbar{font-size:10px}
  .head{flex-wrap:wrap;gap:14px}
  .nav{display:none;width:100%;flex-direction:column;gap:0}
  #nav-t:checked~.nav{display:flex}
  .nav a{padding:12px 0;border-bottom:1px solid var(--line-2)}
  .nav-toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ink);cursor:pointer;font-size:18px;margin-left:auto}
  .feed-item{grid-template-columns:1fr;gap:10px}
  .feed-num{display:none}
  .feed-img{width:100%;aspect-ratio:16/9;order:-1}
  .sim-grid{grid-template-columns:1fr}
  .sim img{aspect-ratio:16/9}
}