/* The guide extends the existing editorial section and shared mobile shell. */
.home-story { scroll-margin-top: 90px; }
.guide-description,.guide-note { color: rgba(37,37,34,.65); font-size: 12px; line-height: 1.7; }
.guide-description { margin: -4px 0 20px; }
.guide-note { margin: 18px 0; }
.guide-case { display: grid; grid-template-columns: 78px minmax(0,1fr) 18px; gap: 14px; align-items: center; padding: 18px 0; margin-top: 18px; border-top: 1px solid rgba(37,37,34,.18); border-bottom: 1px solid rgba(37,37,34,.18); }
.guide-case img { width: 78px; height: 100px; object-fit: cover; border-radius: 2px; }
.guide-case span { display: block; font: 8px 'DM Mono',monospace; color: var(--page-clay); line-height: 1.6; margin-bottom: 8px; }
.guide-case strong { display: block; font-size: 19px; font-weight: 500; }
.guide-case p { margin: 8px 0 0; color: rgba(37,37,34,.65); font-size: 11px; line-height: 1.6; }
.guide-case svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; transition: transform .2s; }
.guide-case:hover svg { transform: translate(2px,-2px); }
.guide-contact-context { padding: 22px; border: 1px solid var(--page-line); background: rgba(54,95,104,.06); margin-bottom: 24px; }
.guide-contact-context strong { font-size: 16px; }
.guide-contact-context p { font-size: 13px; line-height: 1.7; margin: 12px 0; }
.guide-contact-context button { color: var(--page-ink); font-size: 12px; }
@media(min-width:760px) { .guide-case { grid-template-columns: 110px minmax(0,1fr) 20px; gap: 20px; }.guide-case img { width: 110px; height: 115px; }.guide-case p { font-size: 12px; } }
@media(prefers-reduced-motion:reduce) { .guide-case svg { transition: none; } }