/* 向导页（/guides、/guides/:guideId 头部）——对应 src/pages/guides-page.js */
.guides-hero { position: relative; height: 208px; overflow: hidden; color: white; }
.guides-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.guides-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(18,37,45,.05), rgba(18,37,45,.48)); }
.guides-hero-copy { position: absolute; z-index: 2; left: 23px; bottom: 23px; }
.guides-hero-copy h1 { font: 800 34px/1 var(--font-body); }
.guides-hero-copy p { margin-top: 8px; font-size: 14px; }
.guide-grid { margin: 15px; display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.guide-route-cta { margin: 4px 15px 16px; min-height: 100px; padding: 0 15px; display: grid; grid-template-columns: 1fr auto; align-items: center; border-radius: 20px; background: linear-gradient(120deg, #42b7e8, #78d3c0); color: white; text-align: left; box-shadow: var(--shadow-soft); }
.guide-route-cta strong { display: block; font: 700 20px/1.2 var(--font-serif); }
.guide-route-cta span { margin-top: 6px; display: block; font-size: 11px; }
.guide-route-cta b { font-size: 28px; }

@media (max-width: 380px) {
  .guide-grid { margin: 11px; gap: 9px; }
}