.wrap{max-width:1230px;margin:0 auto;padding:0 24px}
.crumb{font-size:17px;color:#555}
.crumb a{color:#2d2d2d}
.post{background:#fff;border:1px solid #e8ebf0;display:flex;flex-direction:column;overflow:hidden}
.post .pimg img{display:block;width:100%;height:230px;object-fit:cover;transition:transform .35s ease}
.post:hover .pimg img{transform:scale(1.03)}
.post .pb{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.post h3,.featured h2{font-size:20px;line-height:1.35;margin:0 0 12px}
.post h3 a,.featured h2 a,.post-full h1{color:#2d2d2d}
.meta{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:#777;margin-bottom:12px;align-items:center}
.meta a{color:var(--brand-primary)}
.post p{font-size:15px;line-height:1.75;color:#555;margin:0 0 18px;flex:1}
.post .more{display:inline-flex;align-items:center;gap:8px;color:#2d2d2d;font-family:Montserrat,sans-serif;font-weight:600;font-size:14px;min-height:44px}
.post .more:hover{color:var(--brand-primary)}
.featured{display:grid;grid-template-columns:1.15fr 1fr;background:#fff;border:1px solid #e8ebf0;margin-bottom:40px;overflow:hidden}
.featured .fimg img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover}
.featured .fb{padding:40px 38px;display:flex;flex-direction:column;align-items:flex-start}
.featured .fb h2{font-size:26px}
.featured .fb p{font-size:16px;line-height:1.8;color:#555;margin:0 0 26px}
.ftag{display:inline-block;background:var(--brand-primary);color:#fff;font:700 12px/1 Lato,sans-serif;text-transform:uppercase;letter-spacing:.08em;padding:7px 12px;border-radius:3px;margin-bottom:16px}
.bcard{background:#fff;border:1px solid #e8ebf0;padding:26px 24px;margin-bottom:30px}
.bcard h3{font-size:20px;padding-bottom:18px;border-bottom:1px solid #e9ecf1;margin:0 0 22px}
.bcard .inp{width:100%;height:46px;border:1px solid #dfe3ea;border-radius:3px;padding:0 16px;font-size:15px;color:#555;background:#fff;margin-bottom:14px}
.cats,.recent{list-style:none;margin:0;padding:0}
.cats li a{display:flex;justify-content:space-between;align-items:center;min-height:44px;color:#2d2d2d;font-size:15px;border-bottom:1px solid #f1f3f7}
.cats li:last-child a{border-bottom:0}
.cats li a span{color:#999;font-size:13px}
.cats li a.on,.cats li a:hover{color:var(--brand-primary)}
.recent li a{display:flex;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #f1f3f7;color:#2d2d2d}
.recent li:last-child a{border-bottom:0}
.recent img{width:72px;height:60px;object-fit:cover;flex:0 0 auto}
.recent b{display:block;font-weight:400;font-size:15px;line-height:1.4}
.recent small{color:#999;font-size:13px}
.btags{display:flex;flex-wrap:wrap;gap:8px}
.btags a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid #dfe3ea;border-radius:3px;font-size:14px;color:#2d2d2d;transition:background .25s ease,color .25s ease,border-color .25s ease}
.btags a:hover,.btags a.on{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}
.post-full h1{font-size:32px;line-height:1.3;margin:0 0 16px}
.post-full .meta{margin-bottom:26px}
.post-full .author{display:inline-flex;align-items:center;gap:10px;color:#2d2d2d}
.post-full .author img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.post-full .hero-img{display:block;width:100%;max-height:520px;object-fit:cover;margin-bottom:34px}
.post-body{background:#fff;border:1px solid #e8ebf0;padding:36px 40px;font-size:16px;line-height:1.85;color:#2d2d2d}
.post-body h2{font-size:24px;margin:30px 0 14px}
.post-body h3{font-size:20px;margin:26px 0 12px}
.post-body img{max-width:100%;height:auto}
.post-foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center;margin-top:28px}
.share{display:flex;align-items:center;gap:10px;color:#555;font-size:15px}
.share a,.share button{width:44px;height:44px;border:1px solid #dfe3ea;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#2d2d2d;background:#fff;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}
.share a:hover,.share button:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}
@media (max-width:900px){.featured{grid-template-columns:1fr}.featured .fimg img{min-height:240px}.featured .fb{padding:28px 24px}.post-body{padding:26px 20px}}
@media (prefers-reduced-motion:reduce){.post .pimg img{transition:none}}
@media (max-width:768px){.meta a{display:inline-flex;align-items:center;min-height:44px;margin:-11px 0}}