/* v20 — Forever Tools content release. Preserve the approved OnlyGirth shell. */
/* The two news/guide lists each have five actual links so the rows stay aligned. */
.v17-story-items {padding-bottom:2px}
.v17-story-row:focus-visible,
.wm-route-card:focus-visible,
.wm-quick-levels button:focus-visible,
.wm-favorite:focus-visible {outline:2px solid #ffc66f;outline-offset:2px}
/* More useful but still conservative World Map Lite details. */
.wm-route-finder {margin:13px 15px 0;padding:18px 19px 15px;border:1px solid #825032;border-radius:5px;background:linear-gradient(120deg,#321812,#1b0d0b);color:#efd6bc}
.wm-route-top {display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}
.wm-route-top h2 {font:700 22px/1.25 Georgia,serif;margin:5px 0 7px;color:#ffdb9d}
.wm-route-top p {font:12px/1.5 Inter,Arial,sans-serif;color:#bda390;margin:0;max-width:740px}
.wm-route-top p strong {color:#dfb886}
.wm-small-heading {font:800 10px/1.3 Inter,Arial,sans-serif;letter-spacing:1.5px;color:#dc9558}
.wm-route-top label {min-width:130px;font:800 10px Inter,Arial,sans-serif;letter-spacing:1px;color:#cf9d71;display:flex;gap:9px;align-items:center}
.wm-route-top input {width:72px;background:#170b09;border:1px solid #9d5632;color:#f1d1ac;border-radius:4px;padding:9px;font:700 18px Inter,Arial,sans-serif}
.wm-quick-levels {display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 12px}
.wm-quick-levels button {border:1px solid #805135;border-radius:4px;background:#23100c;color:#e8b888;padding:8px 12px;font:700 11px Inter,Arial,sans-serif;cursor:pointer}
.wm-quick-levels button.on,.wm-quick-levels button:hover {background:#72301f;color:#ffdaa7;border-color:#d48849}
.wm-route-cards {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.wm-route-card {display:flex;flex-direction:column;gap:5px;min-width:0;align-items:start;text-align:left;padding:12px 13px;border:1px solid #835032;border-radius:4px;background:linear-gradient(120deg,#402015,#28130e);color:#f1d6b4;cursor:pointer}
.wm-route-card:hover {background:#54281b;border-color:#cc814b}
.wm-route-card strong {font:700 15px/1.1 Georgia,serif;color:#ffdfb5}
.wm-route-card span {font:11px Inter,Arial,sans-serif;color:#cbab8e}
.wm-route-card small {font:700 10px Inter,Arial,sans-serif;color:#e5a467;margin-top:3px}
.wm-no-routes {grid-column:1/-1;padding:13px;color:#c3a28b;font-size:12px}
.wm-travel-tip {padding:12px 0 0;margin-top:12px;border-top:1px solid #583220;font:11px/1.6 Inter,Arial,sans-serif;color:#bea38c;display:flex;gap:12px;align-items:start;flex-wrap:wrap}
.wm-travel-tip strong {font:700 11px/1.5 Inter,Arial,sans-serif;color:#eec18c;white-space:nowrap}
.wm-travel-tip ul {display:flex;gap:8px 24px;flex-wrap:wrap;list-style:disc;margin:0;padding-left:14px;flex:1}
.wm-travel-tip li {min-width:160px;max-width:280px}
.wm-map-facts {margin-top:13px;border-top:1px solid #684130;padding-top:11px}
.wm-map-facts span {font:800 9px Inter,Arial,sans-serif;letter-spacing:1px;color:#dc9a68}
.wm-map-facts p {margin:6px 0;color:#e0c0a4}
.wm-detail-meta {margin-top:8px}
@media(max-width:1350px){.wm-route-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.wm-route-finder{margin:9px 8px 0;padding:13px}.wm-route-top h2{font-size:18px}.wm-route-card{padding:10px}.wm-travel-tip{display:block}.wm-travel-tip ul{margin-top:7px;gap:4px 15px}.wm-travel-tip li{width:100%;max-width:none}.wm-route-top label{width:100%;justify-content:start}}
@media(max-width:410px){.wm-route-cards{grid-template-columns:1fr}}