
.guide-hero{padding:64px 20px 44px;text-align:center;background:linear-gradient(180deg,#fff,#fff8f5)}
.guide-hero .eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff0eb;color:#c2410c;font-weight:800;font-size:.8rem}
.guide-hero h1{max-width:900px;margin:14px auto 12px;font-size:clamp(2rem,5vw,3.6rem);line-height:1.08}.guide-hero p{max-width:760px;margin:0 auto;color:#667085;line-height:1.7}
.guides-wrap{width:min(1120px,92%);margin:34px auto 70px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-card{display:flex;flex-direction:column;padding:24px;border:1px solid #eee3dd;border-radius:22px;background:#fff;box-shadow:0 14px 36px rgba(35,23,20,.06)}.guide-card .icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#fff0eb;color:#ea580c;font-size:1.2rem}.guide-card h2{font-size:1.18rem;margin:17px 0 9px}.guide-card p{color:#667085;line-height:1.65;font-size:.9rem;flex:1}.guide-card a{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:#c2410c;font-weight:800;text-decoration:none}
.article-shell{width:min(920px,92%);margin:36px auto 76px}.article-card{padding:clamp(24px,5vw,56px);border:1px solid #eee3dd;border-radius:28px;background:#fff;box-shadow:0 22px 60px rgba(35,23,20,.07)}.article-card .meta{color:#7c6f69;font-size:.82rem}.article-card h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.12;margin:12px 0 18px}.article-card .lead{font-size:1.08rem;color:#5f5652;line-height:1.8}.article-card h2{margin:34px 0 12px;font-size:1.55rem}.article-card h3{margin:26px 0 10px;font-size:1.2rem}.article-card p,.article-card li{color:#514b48;line-height:1.82}.article-card ul,.article-card ol{padding-left:22px}.callout{margin:26px 0;padding:18px 20px;border-left:4px solid #f97316;border-radius:12px;background:#fff7ed}.related-guides{margin-top:42px;padding-top:26px;border-top:1px solid #eee3dd}.related-guides a{color:#c2410c;font-weight:800}
@media(max-width:850px){.guide-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.guide-grid{grid-template-columns:1fr}.guides-wrap{width:100%;margin-top:0}.guide-card,.article-card{border-left:0;border-right:0;border-radius:0}.article-shell{width:100%;margin-top:0}}
