/* Only the two illustrated guides load this stylesheet. */
.guide-visual-page .hero>.container{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:28px}
.guide-feature{margin:0;width:280px;max-width:100%}.guide-feature picture,.guide-feature img{display:block;width:100%}.guide-feature img{height:auto;aspect-ratio:2/1;border-radius:12px}.guide-feature figcaption{margin-top:8px;font-size:.875rem;line-height:1.5;color:#e2d4af}
.guide-summary{margin:0 0 24px;padding:18px;border:1px solid #dce3ea;border-radius:12px;background:#fff}.guide-summary>p{margin:0 0 12px;font-weight:700;color:#182b42}.guide-flow,.guide-facts{display:grid;gap:10px;margin:0;padding:0}.guide-flow{grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;counter-reset:guide-step}.guide-flow li{display:flex;gap:9px;align-items:center;background:#f4f6f8;padding:10px;border-radius:8px;font-size:.9375rem;line-height:1.6;counter-increment:guide-step}.guide-flow li::before{content:counter(guide-step,decimal-leading-zero);color:#705928;font-weight:700;flex-shrink:0}.guide-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-facts>div{padding:10px;border-left:2px solid #c6ad75}.guide-facts dt{font-size:.875rem;color:#536477}.guide-facts dd{margin:5px 0 0;color:#182b42;font-weight:700;line-height:1.6}
@media(max-width:760px){.guide-visual-page .hero>.container{grid-template-columns:1fr;gap:18px}.guide-feature{width:240px}.guide-flow{grid-template-columns:1fr}.guide-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-summary{padding:16px}.guide-facts dd{overflow-wrap:anywhere}}