.blog-tree{margin:0 0 2rem;padding:2rem;border:1px solid rgba(92,75,42,.16);border-radius:26px;background:linear-gradient(135deg,#fff,#f8f3e8);box-shadow:0 18px 45px rgba(38,31,20,.06)}
.blog-tree-head{display:grid;grid-template-columns:1fr minmax(260px,360px);gap:2rem;align-items:end;margin-bottom:1.5rem}.blog-tree-head h2{font-family:"Cormorant Garamond",serif;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1;margin:.35rem 0}.blog-tree-head p{margin:0;color:#665f53}.blog-tree-head input{width:100%;padding:1rem 1.1rem;border:1px solid #cdbd9b;border-radius:14px;background:#fff;font:inherit}
.blog-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.blog-branch{display:grid;grid-template-columns:auto 1fr;column-gap:.75rem;text-align:left;padding:1rem;border:1px solid rgba(92,75,42,.16);border-radius:16px;background:#fff;cursor:pointer;transition:.2s ease;color:#28231b}.blog-branch>span{grid-row:1/3;font-size:1.35rem}.blog-branch strong{font-size:.95rem}.blog-branch small{color:#766f63;margin-top:.2rem}.blog-branch:hover,.blog-branch.active{transform:translateY(-2px);border-color:#b9954e;box-shadow:0 10px 24px rgba(70,53,25,.1)}.blog-branch.active{background:#1d1a15;color:#f3dfaa}.blog-branch.active small{color:#d9d0bf}
.blog-results-title{display:flex;align-items:baseline;justify-content:space-between;margin:2.4rem 0 1rem;padding-bottom:.8rem;border-bottom:1px solid #ded5c4}.blog-results-title span{font-family:"Cormorant Garamond",serif;font-size:2rem;font-weight:700}.blog-results-title small{color:#766f63}
@media(max-width:900px){.blog-tree-head{grid-template-columns:1fr}.blog-branches{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.blog-tree{padding:1.25rem}.blog-branches{grid-template-columns:1fr}.blog-results-title{align-items:center}.blog-results-title span{font-size:1.6rem}}