/*
Theme Name: ГородГид Gazette
Description: Редакционная «газетная» тема городского портала — бумага, узкий гротеск, серифное тело, красный акцент.
Author: restore
Version: 1.0
*/
:root{
  --paper:#f3efe4; --paper2:#ece6d7; --ink:#1a1712; --muted:#6f6757; --muted2:#928974;
  --red:#c4202f; --red-dk:#9b1722; --line:#d9d0bd; --line-dk:#3a342a;
  --disp:'Oswald',Impact,sans-serif; --serif:'PT Serif',Georgia,serif; --ui:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.7;
  background-image:radial-gradient(rgba(0,0,0,.018) 1px,transparent 1px);background-size:4px 4px;-webkit-font-smoothing:antialiased}
a{color:var(--red);text-decoration:none;transition:.15s} a:hover{color:var(--red-dk)}
img{max-width:100%;height:auto}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}

/* top bar */
.topbar{background:var(--ink);color:#cabfa6;font-family:var(--ui);font-size:12.5px;letter-spacing:.04em}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:38px}
.topbar b{color:var(--paper)}

/* masthead */
.masthead{text-align:center;padding:26px 0 0;border-bottom:3px double var(--ink)}
.masthead .name{font-family:var(--disp);font-weight:700;font-size:clamp(40px,8vw,80px);letter-spacing:.12em;text-transform:uppercase;line-height:.95;color:var(--ink);margin:0}
.masthead .name b{color:var(--red)}
.masthead .tag{font-family:var(--ui);font-size:12px;letter-spacing:.42em;text-transform:uppercase;color:var(--muted);margin:10px 0 18px}
.mainnav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper2)}
.mainnav .wrap{display:flex;gap:0;justify-content:center;flex-wrap:wrap;align-items:stretch}
.mainnav a{font-family:var(--disp);font-weight:500;text-transform:uppercase;letter-spacing:.1em;font-size:15px;color:var(--ink);padding:13px 24px;border-left:1px solid var(--line)}
.mainnav a:first-child{border-left:none}
.mainnav a:hover{background:var(--red);color:#fff}
.mainnav .srch{margin-left:auto;display:flex;align-items:center;border-left:1px solid var(--line)}
.mainnav .srch input{border:0;background:transparent;font-family:var(--ui);font-size:14px;padding:0 16px;width:170px;outline:none;color:var(--ink)}

/* kicker / chips */
.kicker{font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:12.5px;color:var(--red)}
.kicker.article{color:#1c6b8c}.kicker.consult{color:#9a6a12}

/* lead featured */
.lead{padding:34px 0;border-bottom:1px solid var(--line)}
.lead .kicker{margin-bottom:12px;display:block}
.lead h1{font-family:var(--disp);font-weight:700;font-size:clamp(30px,5.2vw,56px);line-height:1.02;margin:0 0 14px;text-transform:none;letter-spacing:-.01em}
.lead h1 a{color:var(--ink)} .lead h1 a:hover{color:var(--red)}
.lead .excerpt{font-size:20px;color:#3a342a;max-width:70ch}
.lead .meta{font-family:var(--ui);font-size:13px;color:var(--muted2);margin-top:12px}

/* section + columns */
.sec{padding:34px 0;border-bottom:1px solid var(--line)}
.sec-h{display:flex;align-items:center;gap:14px;margin:0 0 22px}
.sec-h h2{font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:22px;margin:0;color:var(--ink);border-left:5px solid var(--red);padding-left:12px}
.sec-h .line{flex:1;height:1px;background:var(--line)}
.sec-h a.more{font-family:var(--ui);font-weight:600;font-size:13px}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.cols .item{padding:6px 22px 20px;border-left:1px solid var(--line)}
.cols .item:first-child{border-left:none;padding-left:0}
@media(max-width:820px){.cols{grid-template-columns:1fr}.cols .item{border-left:none;padding:0 0 18px;border-bottom:1px solid var(--line);margin-bottom:18px}}

/* article item (ruled, no card) */
.item .kicker{display:block;margin-bottom:7px}
.item h3{font-family:var(--disp);font-weight:600;font-size:20px;line-height:1.12;margin:0 0 8px;text-transform:none}
.item h3 a{color:var(--ink)} .item h3 a:hover{color:var(--red)}
.item .excerpt{color:var(--muted);font-size:15px;line-height:1.55;font-family:var(--serif);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.item .meta{font-family:var(--ui);font-size:12px;color:var(--muted2);margin-top:9px}

/* list (archive) */
.list{border-top:1px solid var(--line)}
.list .row{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}
.list .row .date{font-family:var(--disp);font-weight:600;color:var(--red);font-size:14px;min-width:96px;padding-top:3px}
.list .row h3{font-family:var(--disp);font-weight:600;font-size:23px;line-height:1.12;margin:0 0 7px;text-transform:none}
.list .row h3 a{color:var(--ink)} .list .row h3 a:hover{color:var(--red)}
.list .row .excerpt{color:var(--muted);font-size:15.5px}
@media(max-width:640px){.list .row{flex-direction:column;gap:6px}}

/* single */
.single{padding:40px 0 60px}
.single .crumbs{font-family:var(--ui);font-size:13px;color:var(--muted2);margin-bottom:20px}
.single-head{max-width:820px;margin:0 auto 30px;text-align:center;border-bottom:3px double var(--ink);padding-bottom:24px}
.single-head .kicker{display:block;margin-bottom:14px}
.single-head h1{font-family:var(--disp);font-weight:700;font-size:clamp(28px,4.6vw,48px);line-height:1.05;margin:0 0 16px;letter-spacing:-.01em}
.single-head .meta{font-family:var(--ui);font-size:13.5px;color:var(--muted2);letter-spacing:.05em}
.article-body{max-width:680px;margin:0 auto;font-size:19px;line-height:1.85;color:#241f18}
.article-body p{margin:0 0 1.15em}
.article-body p:first-of-type:first-letter{font-family:var(--disp);font-weight:700;font-size:3.2em;line-height:.78;float:left;padding:8px 14px 0 0;color:var(--red)}
.article-body h2,.article-body h3{font-family:var(--disp);font-weight:600;color:var(--ink);margin:1.4em 0 .5em}
.backlink{max-width:680px;margin:34px auto 0;padding-top:22px;border-top:1px solid var(--line);font-family:var(--ui);font-size:14px}

/* footer */
.site-foot{background:var(--ink);color:#b6ab92;margin-top:0;padding:40px 0 48px;font-family:var(--ui);font-size:14px;border-top:4px solid var(--red)}
.site-foot .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-foot .fname{font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--paper);font-size:20px}
.site-foot a{color:#b6ab92}.site-foot a:hover{color:#fff}
.foot-legal{display:flex;gap:16px;flex-wrap:wrap}

.pager{display:flex;justify-content:center;gap:8px;margin:36px 0 0;font-family:var(--disp);font-weight:600}
.pager a,.pager span{padding:9px 15px;border:1px solid var(--line);background:var(--paper2);color:var(--ink)}
.pager .current{background:var(--red);color:#fff;border-color:var(--red)}

.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:space-between;
  background:var(--ink);color:#cabfa6;border:1px solid var(--line-dk);padding:15px 20px;font-family:var(--ui);font-size:14px;max-width:1180px;margin:0 auto}
.cookie-banner a{color:#fff;text-decoration:underline}
.btn{font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:14px;padding:10px 22px;border:0;cursor:pointer;background:var(--red);color:#fff;display:inline-block}
.btn:hover{background:var(--red-dk);color:#fff}
@media(max-width:680px){.mainnav .srch{display:none}.mainnav a{padding:11px 15px;font-size:13px}}