.blog-v10-hero{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.78fr);
  gap:24px;
  align-items:stretch;
  margin-bottom:34px;
}
.blog-v10-copy,
.blog-v10-sidecard{
  position:relative;
  border-radius:28px;
  overflow:hidden;
}
.blog-v10-copy{
  padding:42px 42px 34px;
  background:linear-gradient(135deg,#f6f1e8 0%,#ffffff 72%);
  border:1px solid rgba(37,42,45,.08);
  box-shadow:0 22px 55px rgba(17,24,29,.07);
}
.blog-v10-copy::after{
  content:"";
  position:absolute;
  right:-90px;
  top:-90px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(191,168,138,.22) 0%, rgba(191,168,138,0) 72%);
  pointer-events:none;
}
.blog-v10-copy .blog-v9-title{max-width:900px}
.blog-v10-sidecard{
  padding:30px 28px;
  background:#252a2d;
  color:#fff;
  box-shadow:0 24px 56px rgba(17,24,29,.14);
}
.blog-v10-sidecard::before{
  content:"";
  position:absolute;
  inset:auto -40px -50px auto;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.12) 0%, rgba(255,255,255,0) 70%);
}
.blog-v10-sidecard-kicker{
  margin:0 0 12px;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.76rem;
  font-weight:700;
  color:#d2be9f;
}
.blog-v10-sidecard h2{
  margin:0 0 14px;
  font-family:AmiriRegular, Georgia, serif;
  font-size:2rem;
  line-height:1.08;
  color:#fff;
}
.blog-v10-sidecard p{
  margin:0 0 18px;
  color:rgba(255,255,255,.8);
  line-height:1.72;
}
.blog-v10-actions{position:relative;z-index:1}
.blog-v10-actions .blog-v9-secondary{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.14);
  color:#fff;
}
.blog-v10-actions .blog-v9-secondary:hover{color:#fff}
.blog-v10-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.blog-v10-badges span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(37,42,45,.08);
  box-shadow:0 8px 18px rgba(17,24,29,.05);
  color:#4f575d;
  font-size:.88rem;
  font-weight:600;
}
.blog-v9-featured{
  border:1px solid rgba(37,42,45,.08);
  box-shadow:0 28px 60px rgba(19,27,33,.09);
}
.blog-v9-featured-content h2,
.blog-v9-card h3{
  text-wrap:balance;
}
.blog-v9-toolbar{
  background:#fff;
  border-radius:24px;
  padding:24px 24px 20px;
  box-shadow:0 18px 40px rgba(17,24,29,.06);
  border:1px solid rgba(37,42,45,.07);
}
.blog-v9-status{
  min-height:28px;
  margin:16px 0 18px;
}
.blog-v9-card{
  border:1px solid rgba(37,42,45,.07);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.blog-v9-card:hover{
  transform:translateY(-6px);
  box-shadow:0 28px 52px rgba(19,27,33,.12);
  border-color:rgba(143,120,95,.18);
}
.blog-v9-card p{
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.blog-v9-link-btn{
  font-weight:700;
}
.blog-v9-link-btn::after{
  content:"→";
  margin-left:8px;
  transition:transform .18s ease;
}
.blog-v9-card:hover .blog-v9-link-btn::after,
.blog-v9-link-btn:hover::after{
  transform:translateX(2px);
}
.blog-v9-modal{
  box-shadow:0 30px 80px rgba(19,27,33,.22);
}
.blog-v9-post-detail{
  max-width:960px;
  margin:0 auto;
  padding:10px 10px 22px;
}
.blog-v9-post-content{
  font-size:1.03rem;
}
@media (max-width: 991.98px){
  .blog-v10-hero{grid-template-columns:1fr}
  .blog-v10-copy{padding:34px 28px 28px}
}
@media (max-width: 767.98px){
  .blog-v10-copy,.blog-v10-sidecard{border-radius:22px}
  .blog-v10-copy{padding:28px 20px 22px}
  .blog-v10-sidecard{padding:24px 20px}
  .blog-v10-sidecard h2{font-size:1.72rem}
  .blog-v10-badges{margin-top:18px}
  .blog-v9-toolbar{padding:20px 16px 18px;border-radius:20px}
}