/* Shared background decoration for the seven selected route cards only. */
.content-page .route-card.soft-route-card { background: linear-gradient(180deg, var(--route-color) 0%, var(--route-soft) var(--route-stop), #faf7f1 100%); isolation: isolate; }
.soft-route-card::after { content: ""; position: absolute; top: 12px; right: 12px; width: 150px; height: 110px; max-width: 46%; background: var(--route-art) center / contain no-repeat; opacity: .23; pointer-events: none; z-index: -1; }
/* Preserve the existing icon footprint, using the abstract background instead. */
.content-page .soft-route-card > span { color: transparent; }
.soft-route-card.route-theme-intro { --route-color: #EADCC6; --route-soft: #F1E8D9; --route-stop: 43%; --route-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20150%20110%22%20fill%3D%22none%22%20stroke%3D%22%23a88b60%22%20stroke-width%3D%22.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M75%2023Q80%2048%20105%2053Q80%2058%2075%2083Q70%2058%2045%2053Q70%2048%2075%2023Z%22%2F%3E%3Cpath%20d%3D%22M20%2091Q78%2025%20134%2065%22%2F%3E%3C%2Fsvg%3E"); }
.soft-route-card.route-theme-advanced { --route-color: #DDE7E8; --route-soft: #EAF0EF; --route-stop: 40%; --route-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20150%20110%22%20fill%3D%22none%22%20stroke%3D%22%23a88b60%22%20stroke-width%3D%22.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2278%22%20cy%3D%2257%22%20r%3D%2227%22%2F%3E%3Cellipse%20cx%3D%2278%22%20cy%3D%2257%22%20rx%3D%2248%22%20ry%3D%2219%22%2F%3E%3C%2Fsvg%3E"); }
.soft-route-card.route-theme-video { --route-color: #E5DFE9; --route-soft: #EEE9EE; --route-stop: 44%; --route-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20150%20110%22%20fill%3D%22none%22%20stroke%3D%22%23a88b60%22%20stroke-width%3D%22.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M64%2036%2091%2054%2064%2072Z%22%2F%3E%3Cpath%20d%3D%22M104%2028A35%2035%200%201%201%2049%2076%22%2F%3E%3C%2Fsvg%3E"); }
.soft-route-card.route-theme-consult { --route-color: #EADAD5; --route-soft: #F2E7E0; --route-stop: 42%; --route-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20150%20110%22%20fill%3D%22none%22%20stroke%3D%22%23a88b60%22%20stroke-width%3D%22.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M84%2024A29%2029%200%201%200%2084%2080A30%2030%200%200%201%2084%2024Z%22%2F%3E%3Cpath%20d%3D%22M20%2087Q78%2026%20133%2067%22%2F%3E%3C%2Fsvg%3E"); }
.soft-route-card.route-theme-booking { --route-color: #DEE6D8; --route-soft: #EBEFE5; --route-stop: 45%; --route-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20150%20110%22%20fill%3D%22none%22%20stroke%3D%22%23a88b60%22%20stroke-width%3D%22.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M75%2023Q80%2048%20105%2053Q80%2058%2075%2083Q70%2058%2045%2053Q70%2048%2075%2023Z%22%2F%3E%3Cpath%20d%3D%22M10%2098Q66%2016%20143%2074%22%2F%3E%3C%2Fsvg%3E"); }
.soft-route-card.route-theme-chart { --route-color: #E9DBC3; --route-soft: #F2E9DA; --route-stop: 42%; --route-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20150%20110%22%20fill%3D%22none%22%20stroke%3D%22%23a88b60%22%20stroke-width%3D%22.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M75%2023Q80%2048%20105%2053Q80%2058%2075%2083Q70%2058%2045%2053Q70%2048%2075%2023Z%22%2F%3E%3Cpath%20d%3D%22M15%2084Q82%2037%20139%2065%22%2F%3E%3C%2Fsvg%3E"); }
.soft-route-card.route-theme-reading { --route-color: #DCE7E9; --route-soft: #EAF0F0; --route-stop: 40%; --route-art: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20150%20110%22%20fill%3D%22none%22%20stroke%3D%22%23a88b60%22%20stroke-width%3D%22.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2278%22%20cy%3D%2256%22%20r%3D%2227%22%2F%3E%3Cellipse%20cx%3D%2278%22%20cy%3D%2256%22%20rx%3D%2249%22%20ry%3D%2218%22%2F%3E%3Ccircle%20cx%3D%22124%22%20cy%3D%2248%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E"); }