.blog-post{padding:48px 0 80px}.blog-post__layout{grid-template-columns:1fr 320px;align-items:start;gap:56px;display:grid}.blog-post__header{border-bottom:2px solid var(--gray-lighter);margin-bottom:40px;padding-bottom:32px}.blog-post__meta{color:var(--gray-light);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;font-size:13px;display:flex}.blog-post__cat{color:var(--red);text-transform:uppercase;letter-spacing:.5px;background:#cc000014;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:700}.blog-post__title{color:var(--black);margin-bottom:20px;font-size:clamp(26px,4vw,40px);font-weight:900;line-height:1.2}.blog-post__excerpt{color:var(--gray);margin-bottom:20px;font-size:18px;line-height:1.75}.blog-post__tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.blog-post__tags span{background:var(--gray-bg);color:var(--gray-dark);border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600}.blog-post__author{align-items:center;gap:14px;display:flex}.blog-post__author-avatar{background:var(--red);width:44px;height:44px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.blog-post__author strong{color:var(--black);font-size:14px;font-weight:700;display:block}.blog-post__author span{color:var(--gray-light);font-size:12px}.blog-post__body{color:var(--gray-dark);font-size:16px;line-height:1.85}.blog-post__section{margin-bottom:40px}.blog-post__section h2{color:var(--black);border-left:4px solid var(--red);margin-bottom:16px;padding-left:16px;font-size:22px;font-weight:800}.blog-post__section p{color:var(--gray);margin-bottom:16px}.blog-post__section p:last-child{margin-bottom:0}.blog-post__footer{border-top:1px solid var(--gray-lighter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding-top:28px;display:flex}.blog-post__footer-tags{color:var(--gray-light);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.blog-post__tag{background:var(--gray-bg);color:var(--gray-dark);border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600}.blog-post__back{color:var(--red);font-size:14px;font-weight:600}.blog-post__back:hover{text-decoration:underline}.blog-post__sidebar{flex-direction:column;gap:24px;display:flex;position:sticky;top:96px}.blog-post__sidebar-card{background:var(--white);border:1.5px solid var(--gray-lighter);border-radius:12px;padding:24px}.blog-post__sidebar-card h3{color:var(--black);margin-bottom:10px;font-size:15px;font-weight:800}.blog-post__sidebar-card p{color:var(--gray);margin-bottom:16px;font-size:13px;line-height:1.65}.blog-post__sidebar-link{color:var(--red);margin-top:14px;font-size:13px;font-weight:700;display:block}.blog-post__sidebar-link:hover{text-decoration:underline}.blog-post__related{flex-direction:column;gap:0;display:flex}.blog-post__related-item{border-bottom:1px solid var(--gray-lighter);flex-direction:column;gap:4px;padding:12px 0;text-decoration:none;display:flex}.blog-post__related-item:last-child{border-bottom:none;padding-bottom:0}.blog-post__related-item:hover strong{color:var(--red)}.blog-post__related-cat{color:var(--red);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.blog-post__related-item strong{color:var(--black);transition:color var(--transition);font-size:13px;font-weight:700;line-height:1.4}.blog-post__related-meta{color:var(--gray-light);font-size:11px}.blog-post__sidebar-about{background:var(--black);border-color:var(--black)}.blog-post__sidebar-about h3{color:var(--white)}.blog-post__sidebar-about p{color:#fff9}.blog-post__sidebar-about .blog-post__sidebar-link{color:var(--red)}.blog-post-notfound{text-align:center;padding:120px 0}.blog-post-notfound h1{margin-bottom:12px;font-size:32px;font-weight:800}.blog-post-notfound p{color:var(--gray);margin-bottom:28px}@media (width<=1024px){.blog-post__layout{grid-template-columns:1fr}.blog-post__sidebar{position:static}}@media (width<=580px){.blog-post__title{font-size:24px}.blog-post__excerpt{font-size:16px}.blog-post__section h2{font-size:19px}}