@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
.travel-stories{background:#eef2e7;border:1px solid #d8ded2;border-radius:10px;padding:18px;margin-top:20px}.travel-stories>p:not(.eyebrow){margin:8px 0}.travel-stories button{text-align:left}
:root{color-scheme:light;--ink:#173d35;--cream:#f7f4ec;--line:#d8ded2;--muted:#52645b;--gold:#dbbe72}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65}header{max-width:1000px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}a{color:inherit}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}.brand{text-decoration:none;font-weight:700;font-size:13px;letter-spacing:1.4px}.brand span{display:block;font-size:10px;letter-spacing:2px;font-weight:500}main{max-width:860px;margin:auto;padding:0 24px}.hero{padding:55px 0 30px;max-width:660px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 12px}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.04;letter-spacing:-1px}h1{font-size:clamp(52px,9vw,88px);margin:15px 0 24px}h2{font-size:42px;margin:8px 0 20px}h3{font-size:20px;line-height:1.4}.subtitle{font-size:21px;font-weight:600}.hero>p:not(.eyebrow){max-width:550px}.facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.facts span{padding:6px 12px;border:1px solid var(--line);border-radius:30px;font-size:13px}.small{font-size:13px;color:var(--muted)}.primary,.secondary,.quiet{border-radius:9px;padding:13px 17px;min-height:48px;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;font-weight:600}.primary{background:var(--ink);color:white;border:1px solid var(--ink)}.secondary{background:transparent;border:1px solid var(--line);color:var(--ink)}.quiet{background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;font-size:13px;color:var(--ink)}.hero .primary{min-width:220px;margin-top:12px}.route{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:0 0 32px}.route p:last-child{margin:0;font-size:15px}.route span{color:#8e9a88;padding:0 6px}.progress{display:flex;gap:18px;align-items:center;margin:25px 0 12px;font-size:13px;font-weight:600}progress{height:7px;flex:1;accent-color:var(--ink)}.stop-card{background:#fffdf7;border:1px solid var(--line);border-radius:16px;padding:32px;margin-bottom:40px;box-shadow:0 8px 30px #173d3507}.intro{font-size:18px}.address{font-size:14px;border-left:3px solid var(--gold);padding-left:14px}.visit-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:13px}.map-link{width:100%;margin-top:10px}.listen{border-top:1px solid var(--line);margin-top:25px;padding-top:25px}audio{width:100%;height:54px;margin:8px 0}.story-buttons{display:flex;gap:8px;flex-wrap:wrap}.story-buttons button{font-size:13px;border:1px solid var(--line);border-radius:8px;padding:10px 13px;min-height:44px;background:white;color:var(--ink)}.story-buttons button[aria-pressed=true]{background:var(--ink);color:white}details{border-top:1px solid var(--line);padding-top:14px;margin-top:12px}summary{cursor:pointer;font-weight:600;min-height:44px}#script p{font-size:15px}#sources{padding-left:20px;font-size:13px;overflow-wrap:anywhere}#sources li{margin:10px 0}.stop-navigation{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.stop-navigation button{flex:1;font-size:14px}.plan{padding:12px 0 25px}.plan ol{list-style:none;padding:0;counter-reset:stops}.plan li{counter-increment:stops;border-top:1px solid var(--line)}.plan button{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:18px 0;border:0;background:none;color:var(--ink)}.plan button:before{content:counter(stops,decimal-leading-zero);font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0}.plan strong{display:block;font-size:16px}.plan small{display:block;color:var(--muted)}.plan button[aria-current=step] strong{text-decoration:underline;text-underline-offset:5px}.before{border-top:1px solid var(--line);padding:30px 0}.before h2{font-size:34px}.before p{font-size:14px;color:var(--muted)}footer{max-width:860px;margin:auto;border-top:1px solid var(--line);padding:25px 24px calc(25px + env(safe-area-inset-bottom));font-size:11px;font-weight:600;letter-spacing:1px}footer p{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}:focus-visible{outline:3px solid #b17e22;outline-offset:4px}[hidden]{display:none!important}.finish{padding:20px;background:#eef2e7;border-radius:10px}@media(max-width:480px){header{padding:16px 20px}main{padding:0 20px}.hero{padding-top:35px}h1{font-size:60px}.subtitle{font-size:18px}.stop-card{padding:22px 18px}h2{font-size:36px}.stop-navigation{gap:8px}.stop-navigation button{padding:12px 8px}.facts{gap:6px}.facts span{font-size:12px;padding:5px 9px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* A field guide palette: forest, clay, sky, and warm paper. */
:root{--ink:#203e35;--cream:#faf2e5;--line:#ded5c4;--muted:#536458;--gold:#efbd67}body{background:radial-gradient(ellipse at 100% 5%,#f1dac5 0,transparent 45%),var(--cream)}header{border-bottom:0}.brand{color:#9b4935}.hero{max-width:none;background:#203e35;color:#fff5e2;border-radius:24px 24px 0 0;padding:38px 36px 25px;margin-top:16px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:220px;height:220px;right:-125px;top:18px;border:32px solid #426456;border-radius:50%;opacity:.5;pointer-events:none}.hero h1{color:#f0c779;font-size:clamp(54px,8vw,86px);position:relative;z-index:1}.hero .eyebrow{color:#e6c788}.hero .subtitle{color:#fff7e8}.hero .small{color:#d7e3d4}.hero .facts span{border-color:#708a74;background:#355548;color:#fff4dc}.hero .primary{background:#f0c779;color:#263c30;border-color:#f0c779;box-shadow:0 4px 0 #102d25}.hero .quiet{color:#fff5df}.county-art{margin:0 0 30px;border-radius:0 0 24px 24px;overflow:hidden;background:#e9d8b7}.county-art svg{display:block;width:100%;height:auto}.county-art figcaption{padding:12px 20px;text-align:center;color:#5d493a;font-size:12px;font-weight:600;letter-spacing:.5px}.route{background:#f1dfc0;border:1px solid #ddc5a0;border-radius:14px;padding:20px 24px}.route .eyebrow{color:#8b4936}.route span{color:#98563e}.stop-card{border-top:7px solid #b76049;background:#fffaf0;box-shadow:0 12px 35px #67503510}.stop-card>.eyebrow{color:#9b4935}.address{background:#f6ead3;border-left-color:#b76049;border-radius:0 6px 6px 0;padding:11px 14px}.visit-meta>span{background:#e3ecdf;border-radius:20px;padding:3px 10px}.visit-meta a{align-self:center}.map-link{background:#315c50;border-color:#315c50}.travel-stories{background:#dcebe6;border-color:#b2cec1}.travel-stories .eyebrow{color:#2b6253}.story-buttons button{background:#fffaf0}.listen>h3{color:#954c3c}.plan ol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan li{border:1px solid #decdb2;border-radius:14px;overflow:hidden;background:#fff8eb}.plan li:nth-child(2),.plan li:nth-child(4){background:#e3ece0;border-color:#bfd0b7}.plan li:nth-child(3){background:#f4dfcc;border-color:#deb99b}.plan li:nth-child(5){background:#dcebe6;border-color:#b7cec3}.plan li:nth-child(6){background:#f0e6d7}.plan button{padding:17px 14px;min-height:95px}.plan button:before{background:#a2543e;color:white;border:0;font-weight:700}.plan li:nth-child(even) button:before{background:#52775d}.plan li:nth-child(5) button:before{background:#35675d}.before{background:#eae9d9;border:1px solid #d4d7c1;border-radius:18px;padding:25px;margin:12px 0 30px}.before h2{color:#46674e}.primary:hover{filter:brightness(1.08)}.plan button:hover{background:#ffffff40}.finish{background:#e1ead9;border-left:4px solid #52775d}footer{color:#8b4936}@media(max-width:480px){main{padding:0 16px}.hero{padding:29px 22px 22px}.hero h1{font-size:58px}.hero .facts{gap:6px}.hero .facts span{font-size:11px}.county-art figcaption{font-size:11px;padding:10px 12px}.route{padding:18px}.plan ol{grid-template-columns:1fr}.plan button{min-height:80px;padding:15px}.before{padding:22px}.stop-card{padding:22px 18px}}@media(min-width:760px){.hero>p:not(.eyebrow){max-width:610px}.county-art svg{max-height:230px}.plan h2{font-size:46px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s,filter .15s}}
.partner-credit{background:#efe3cd;border:1px solid #ddc5a0;border-radius:12px;padding:17px 20px;margin-top:12px}.partner-credit .eyebrow{color:#8b4936;margin-bottom:7px}.partner-credit p:last-child{font-size:14px;margin:0;line-height:1.7}.brand{max-width:70%;font-size:11px;line-height:1.6}.brand span{font-size:9px}@media(max-width:480px){.partner-credit{padding:15px 17px}.partner-credit p:last-child{font-size:13px}}
.photo-link{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 15px;margin-top:18px;border:1px solid #b7cec3;border-radius:9px;background:#e3ece0;color:#203e35;font-size:14px;font-weight:600;text-decoration:none}.photo-link:hover{background:#d5e4d0}.photo-note{margin:5px 0 14px}
.legend-stories{background:#eee4f0;border:1px solid #d2bbd9;border-radius:10px;padding:18px;margin-top:20px}.legend-stories .eyebrow{color:#603a70}.legend-stories .small{color:#59465d}.legend-stories button{text-align:left}.legend-stories button[aria-pressed=true]{background:#603a70;border-color:#603a70;color:white}
.overview,.offline-panel{margin:24px 0;padding:24px;border-radius:20px;background:#eef3e9;border:1px solid #b8c9b6}.overview svg{display:block;width:100%;height:auto;background:#e1eee8;border-radius:14px}.overview svg text{font:16px system-ui;fill:#173d35}.map-route{fill:none;stroke:#b77d38;stroke-width:5;stroke-dasharray:8 6}.map-stop{cursor:pointer}.map-stop circle{fill:#173d35;stroke:#fff;stroke-width:3}.map-stop text{fill:#fff!important;font-weight:700!important}.map-stop:focus circle{stroke:#c5653e;stroke-width:7}.tour-extras{padding:18px;background:#fff5df;border-radius:14px;margin:20px 0}.tour-extras h3{margin-top:0}.drive-estimate{font-weight:700;color:#173d35}.tour-extras details{margin-top:16px}.tour-extras button:disabled{opacity:.55;cursor:default}

/* Smart Ride narrated tour palette 20261018 */
/* Smart Ride Central Ohio: navy, green, lime, white. */
:root{--ink:#07182e;--cream:#fff;--paper:#fff;--green:#166534;--muted:#475569;--line:#dce4e9;--gold:#c5f277;--accent:#c5f277;--orange:#c5f277;--rs-ink:#07182e;--rs-paper:#fff;--rs-accent:#c5f277;color-scheme:light}
body{background:#fff;color:#07182e}
a{color:#166534}a:hover{color:#14532d}
:focus-visible{outline:3px solid #166534;outline-offset:4px}
h1,h2,h3{color:#07182e;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.eyebrow,.brand,.tag{color:#166534}.small,.fine-print,.free-note{color:#475569}
.site-header,header{background:#fff;color:#07182e}
.hero{background:#07182e;color:#fff;border-radius:18px;border-bottom:6px solid #9bd12a;padding:clamp(26px,5vw,48px);margin-top:18px}
.hero h1,.hero h2,.hero h3,.hero .subtitle{color:#fff}.hero h1 em,.hero .eyebrow{color:#c5f277}
.hero p,.hero .small,.hero .free-note,.hero .text-link,.hero .quiet{color:#e2e8f0}
.hero .facts span{background:#12382e;border-color:#527765;color:#fff}
.hero .primary,.hero .button,.hero button:not(.quiet),.hero .hero-actions .button{background:#c5f277;color:#07182e;border-color:#c5f277;box-shadow:none}
.hero::after{border-color:#166534}
.primary,.button,button.primary,.map-link{background:#166534;border-color:#166534;color:#fff}
.secondary,.quiet{color:#07182e;border-color:#dce4e9}
.stop-card,.local-card,.access-card,.panel{background:#fff;border-color:#dce4e9}
.stop-card{border-top-color:#166534}
.route,.travel-stories,.legend-stories,.overview,.offline-panel,.before,.partner-credit,.finish,.address,.photo-link{background:#f1f6f3;color:#07182e;border-color:#cdded2}
.route .eyebrow,.route span,.travel-stories .eyebrow,.legend-stories .eyebrow,.before h2,.partner-credit .eyebrow,.listen>h3{color:#166534}
.legend-stories .small,.before p{color:#475569}
.address{border-left-color:#166534}.visit-meta>span{background:#e8f3e9;color:#166534}
.story-buttons button{background:#fff;color:#07182e;border-color:#dce4e9}
.story-buttons button[aria-pressed=true],.legend-stories button[aria-pressed=true]{background:#166534;border-color:#166534;color:#fff}
.plan li,.plan li:nth-child(n){background:#f1f6f3;border-color:#dce4e9}
.plan button:before,.plan li:nth-child(n) button:before{background:#166534;color:#fff}
.plan button,.plan strong{color:#07182e}.plan small{color:#475569}
.map-route{stroke:#166534}.map-stop{fill:#166534}.map-stop.active{fill:#c5f277;stroke:#07182e}
.overview svg,.county-art{background:#f1f6f3}.county-art figcaption{background:#f1f6f3;color:#475569}
.access-card{border-top:6px solid #9bd12a}.access-card button{background:#166534;color:#fff}.access-card h1{color:#07182e}
.sponsor{background:#07182e;color:white;border-bottom:5px solid #9bd12a}.sponsor h2,.sponsor p,.sponsor a{color:#fff}.sponsor .eyebrow{color:#c5f277}.sponsor .button{background:#c5f277;color:#07182e}
.player{background:#f1f6f3;color:#07182e}.player h3{color:#07182e}.gps-box button{color:#166534;border-color:#166534}
.road-store{--rs-ink:#07182e;--rs-paper:#fff;--rs-accent:#c5f277;background:#fff;color:#07182e}
.road-store .rs-nav{background:#fff;color:#07182e}.road-store .rs-button{background:#166534;color:#fff;border-color:#166534}
.road-store .rs-hero{background:#07182e;color:#fff;padding:clamp(24px,4vw,48px);border-radius:18px;border-bottom:6px solid #9bd12a}
.road-store .rs-hero h1,.road-store .rs-hero p{color:#fff}.road-store .rs-hero em,.road-store .rs-hero .rs-eyebrow{color:#c5f277}.road-store .rs-hero .rs-button{background:#c5f277;color:#07182e}
.road-store .rs-tour,.road-store .rs-how{background:#f1f6f3;border-color:#dce4e9}.road-store .rs-art-label,.road-store .rs-art-caption{color:#fff}.road-store .rs-price-stamp{background:#c5f277;color:#07182e}
.road-store .rs-footer{background:#07182e;color:#fff;padding:30px}.road-store .rs-footer a,.road-store .rs-footer p,.road-store .rs-footer small{color:#e2e8f0}
.sr-tours-back{display:inline-flex;align-items:center;min-height:44px;font:700 13px/1.4 system-ui,sans-serif;color:#166534;text-decoration:underline;text-underline-offset:4px;padding:8px 0}
@media print{body,.hero,.sponsor{background:#fff;color:#07182e}.hero h1,.hero p{color:#07182e}}
