:root{--paper:#fbfaf7;--ink:#16161a;--ink-2:#45454d;--mute:#8b8b93;--line:#e4e2dc;--accent:#244a7c;--warm:#c4572e;
--serif:Georgia,"Times New Roman","PT Serif",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 var(--serif);-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:1160px;margin:0 auto;padding:0 26px}
.mast{border-bottom:3px double var(--ink)}
.mast .wrap{display:flex;justify-content:space-between;align-items:flex-end;padding-top:26px;padding-bottom:16px;gap:20px}
.mast .name{font:400 clamp(34px,5vw,54px)/1 var(--serif);letter-spacing:-.02em;text-decoration:none}
.mast .name i{color:var(--accent)}
.mast .meta{font:13px/1.5 var(--sans);color:var(--mute);text-align:right}
.rub{border-bottom:1px solid var(--line);font:500 13px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.rub .wrap{display:flex;gap:26px;padding-top:14px;padding-bottom:14px;overflow-x:auto;white-space:nowrap}
.rub a{text-decoration:none;color:var(--ink-2)}
.rub a:hover,.rub a.on{color:var(--accent)}
.kicker{font:600 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--warm)}
.by{font:13px/1.4 var(--sans);color:var(--mute)}
footer{border-top:3px double var(--ink);margin-top:80px;padding:30px 0 50px;font:14px/1.6 var(--sans);color:var(--mute)}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}

/* главная */
.lead-art{display:grid;grid-template-columns:1.25fr 1fr;gap:44px;padding:44px 0;border-bottom:1px solid var(--line)}
.lead-art h1{font:400 clamp(34px,4.4vw,56px)/1.06 var(--serif);letter-spacing:-.015em;margin:14px 0 18px}
.lead-art h1 a{text-decoration:none}
.lead-art p{color:var(--ink-2);font-size:20px;line-height:1.55;margin:0 0 18px}
.ill{background:#efece4;display:grid;place-items:center;padding:26px;min-height:300px}
.list{display:grid;grid-template-columns:repeat(3,1fr);gap:0 36px}
.card{padding:28px 0;border-bottom:1px solid var(--line)}
.card h2{font:400 25px/1.2 var(--serif);margin:10px 0 10px}
.card h2 a{text-decoration:none}
.card h2 a:hover{color:var(--accent)}
.card p{font-size:16px;line-height:1.55;color:var(--ink-2);margin:0 0 12px}
.side{display:grid;grid-template-columns:2fr 1fr;gap:44px;margin-top:20px}
.short h3{font:600 13px/1 var(--sans);text-transform:uppercase;letter-spacing:.12em;margin:28px 0 8px;color:var(--accent)}
.short ol{padding-left:22px;margin:0}
.short li{margin:0 0 14px;font-size:17px;line-height:1.45}
.quote{background:var(--ink);color:#f2f0ea;padding:30px;margin-top:28px}
.quote p{font:italic 22px/1.4 var(--serif);margin:0 0 14px}
.quote span{font:13px var(--sans);color:#a9a9b0}
@media(max-width:900px){.lead-art,.side{grid-template-columns:1fr}.list{grid-template-columns:1fr}}

/* статья */
article.post{max-width:720px;margin:0 auto;padding:46px 26px 0}
article.post h1{font:400 clamp(34px,4.6vw,52px)/1.08 var(--serif);letter-spacing:-.015em;margin:16px 0 18px}
article.post .dek{font-size:21px;line-height:1.5;color:var(--ink-2);margin:0 0 22px}
article.post .by{padding-bottom:26px;border-bottom:1px solid var(--line);margin-bottom:30px}
article.post h2{font:400 28px/1.25 var(--serif);margin:42px 0 12px}
article.post p{margin:0 0 1.1em}
article.post ul,article.post ol{padding-left:24px}
article.post li{margin-bottom:.5em}
article.post blockquote{margin:30px 0;padding:4px 0 4px 22px;border-left:3px solid var(--warm);font-style:italic;color:var(--ink-2)}
.box{font:16px/1.6 var(--sans);background:#efece4;padding:22px 24px;margin:30px 0}
.box b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:8px}
table.t{width:100%;border-collapse:collapse;font:15px/1.5 var(--sans);margin:24px 0}
table.t th{text-align:left;font-weight:600;border-bottom:2px solid var(--ink);padding:8px 10px 8px 0}
table.t td{border-bottom:1px solid var(--line);padding:9px 10px 9px 0;vertical-align:top}
.more{max-width:720px;margin:56px auto 0;padding:0 26px;font-family:var(--sans)}
.more h3{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--mute)}
.more a{display:block;font:400 21px/1.35 var(--serif);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--line)}
.more a:hover{color:var(--accent)}