/* One connected map; preserve its left-to-right relationships on small screens. */
.routine-connected { background:#f5f8f4; color:#173e49; scroll-margin-top:75px; }
.routine-connected h2 { max-width:900px; }
.routine-connected .section-lead { max-width:850px; }
.routine-map-scroll { margin-top:32px; overflow-x:auto; overscroll-behavior-x:contain; border:1px solid #d8e3d9; border-radius:18px; background:#fff; padding:14px 0; scrollbar-color:#739986 #edf3ed; }
.routine-map-scroll:focus-visible { outline:3px solid #367988; outline-offset:5px; }
.routine-connected .routine-map { display:block; width:100%; min-width:1060px; max-width:none; height:auto; }
.routine-map-note { display:grid; grid-template-columns:1.4fr 1fr; gap:40px; padding-top:24px; }
.routine-map-note p { font-size:.9rem; line-height:1.7; color:#4c6563; }
.routine-map-note strong { color:#173e49; }
.routine-connected .routine-map-mobile-hint { display:none; font-size:.78rem; color:#52786a; margin-top:10px; }
@media(max-width:1155px) { .routine-connected .routine-map-mobile-hint { display:block; } }
@media(max-width:781px) { .routine-map-note { grid-template-columns:1fr; gap:14px; } .routine-map-scroll { margin-top:24px; } }