/* Styles for the route pages (/routes and /routes/<name>). Loaded only on those pages. */
.route-prose { max-width: 760px; }
.route-prose p { margin: 0 0 1em; }
.route-prose h2 { margin-top: 0; }
.route-region { margin: 40px 0 14px; font-size: 1.25rem; }
.route-region:first-child { margin-top: 0; }
.route-links { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; list-style: none; margin: 0; padding: 0; }
.route-links a { display: block; padding: 12px 14px; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); color: inherit; text-decoration: none; font-weight: 600; }
.route-links a:hover { border-color: var(--green-500); }
.route-links small { display: block; margin-top: 2px; color: var(--muted-strong); font-weight: 400; }
.route-steps-list { max-width: 760px; margin: 0; padding-left: 1.2em; }
.route-steps-list li { margin: 0 0 0.6em; }
.route-note { max-width: 760px; padding: 14px 18px; border-left: 3px solid var(--green-500); background: var(--paper-dim); border-radius: 0 10px 10px 0; margin: 0 0 1em; }