/* Shared layouts for search-focused Finance feature and guide pages. */
.breadcrumbs{margin:24px auto 0;color:#61708b;font-size:.86rem}
.breadcrumbs a{color:var(--blue);font-weight:700}
.breadcrumbs span{margin:0 7px;color:#91a0b8}
.seo-hero{padding:52px 0 58px;background:radial-gradient(circle at 80% 10%,#dcfbf3 0,rgba(222,255,246,0) 30%),linear-gradient(180deg,#f6faff,#fff)}
.seo-hero .intro{max-width:760px;margin:0 auto;text-align:center}
.seo-hero h1{margin:15px auto 0;font-size:clamp(2.5rem,5vw,4.5rem)}
.seo-hero p{max-width:650px;margin:20px auto 0;color:var(--muted);font-size:1.08rem}
.seo-hero .actions{justify-content:center;margin-top:26px}
.feature-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.84fr);gap:clamp(32px,6vw,80px);align-items:center}
.feature-story h2,.guide-layout h2{font-size:clamp(2rem,3.4vw,3rem);margin:14px 0}
.feature-story p,.guide-layout p{color:var(--muted);font-size:1.02rem;line-height:1.7}
.feature-image{margin:0;padding:18px;border:1px solid #dce6f7;border-radius:26px;background:linear-gradient(150deg,#fff,#edf8ff);box-shadow:0 18px 45px rgba(27,73,150,.08)}
.feature-image img{display:block;width:100%;height:auto}
.use-case{padding:26px;border-left:4px solid var(--mint);border-radius:0 18px 18px 0;background:#f7fffb;color:#435474;line-height:1.65}
.use-case strong{display:block;color:var(--ink);font-size:1rem;margin-bottom:7px}
.related-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.related-links a{padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:var(--blue);font-size:.88rem;font-weight:700}
.guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.guide-card{display:flex;flex-direction:column;min-height:220px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}
.guide-card h2{font-size:1.25rem;margin:13px 0 8px}
.guide-card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.6}
.guide-card a{margin-top:auto;padding-top:18px;color:var(--blue);font-size:.9rem;font-weight:750}
.guide-layout{max-width:780px;margin:auto}
.guide-meta{display:flex;flex-wrap:wrap;gap:10px;color:#687795;font-size:.86rem}
.guide-layout h2{margin-top:42px}
.guide-layout ul,.guide-layout ol{color:var(--muted);line-height:1.75;padding-left:1.3rem}
.guide-layout li+li{margin-top:8px}
@media(max-width:800px){.feature-story,.guides-grid{grid-template-columns:1fr}.seo-hero{padding:38px 0 45px}.breadcrumbs{margin-top:18px}}