:root{--ink:#18211f;--muted:#68746f;--paper:#f3f0e8;--white:#fff;--line:#d9d7cf;--lime:#d9f75a;--coral:#ef745d;--navy:#163044;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.72}
a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 30px));margin:auto}
.preview{background:var(--ink);color:#fff;text-align:center;padding:7px 12px;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.preview b{color:var(--lime)}
header{position:sticky;top:0;z-index:20;background:rgba(243,240,232,.92);backdrop-filter:blur(15px);border-bottom:1px solid rgba(24,33,31,.08)}
.nav{height:68px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.mark{width:40px;height:40px;border-radius:14px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:950}.brand strong{display:block;font-size:15px}.brand small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.nav a.back{padding:10px 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;font-weight:850}
.hero{padding:68px 0 42px}.breadcrumb{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;font-weight:800}.hero h1{max-width:980px;font-size:clamp(47px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:20px 0 22px}.dek{max-width:790px;color:#596762;font-size:18px}.meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.meta span{padding:8px 11px;border:1px solid var(--line);background:#fff;border-radius:999px;font-size:9px;font-weight:850}.meta span:first-child{background:var(--lime);border-color:var(--lime)}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:44px;align-items:start;padding-bottom:70px}
.article{background:#fff;border-radius:26px;padding:46px 54px;box-shadow:0 20px 55px rgba(24,33,31,.08)}
.article-cover{margin:0 0 34px}.article-cover img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:18px}.article-cover figcaption{margin-top:9px;color:var(--muted);font-size:12px;text-align:center}
.article h2{font-size:31px;line-height:1.16;letter-spacing:-.035em;margin:40px 0 14px}.article h3{font-size:20px;line-height:1.25;margin:28px 0 9px}.article p{font-size:16px;color:#34423d;margin:0 0 20px}.article ul{padding-left:23px;color:#34423d}.article li{margin:9px 0}.callout{margin:28px 0;padding:20px 22px;border-left:5px solid var(--coral);border-radius:12px;background:#f3f5f1;color:#34423d}
.sidebar{position:sticky;top:92px}.side-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;margin-bottom:12px}.side-card h3{font-size:14px;margin:0 0 12px}.toc a{display:block;padding:7px 0;color:var(--muted);font-size:11px;border-bottom:1px solid #eee}.toc a:last-child{border-bottom:0}.side-card p{font-size:11px;color:var(--muted)}.side-card .cta{display:block;background:var(--ink);color:#fff;text-align:center;padding:11px;border-radius:999px;font-size:10px;font-weight:900;margin-top:12px}
.more{padding:0 0 75px}.more h2{font-size:38px;letter-spacing:-.04em}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.more-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:20px}.more-card small{font-size:9px;color:var(--coral);font-weight:900;text-transform:uppercase}.more-card strong{display:block;margin-top:12px;font-size:16px;line-height:1.25}.more-card span{display:block;margin-top:15px;font-size:10px;font-weight:900}
footer{background:var(--ink);color:#fff;padding:35px 0 70px}.foot{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#b9c4bf}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px}.article{padding:38px 32px}.more-grid{grid-template-columns:1fr 1fr}.more-card:last-child{display:none}}
@media(max-width:620px){.wrap{width:min(100% - 20px,var(--max))}.brand small{display:none}.hero{padding:42px 0 28px}.hero h1{font-size:42px}.dek{font-size:15px}.article{padding:27px 19px;border-radius:20px}.article-cover{margin-bottom:26px}.article-cover img{border-radius:14px}.article h2{font-size:26px}.article p{font-size:15px}.sidebar{grid-template-columns:1fr}.more-grid{display:flex;overflow:auto;margin-right:-10px;padding-right:10px}.more-card{min-width:78vw}.foot{display:block}}