/* Borgo Ride Comuni visual identity. Presentation only; navigation and map behaviour stay on v21. */
:root{font-family:Inter,Arial,sans-serif;color:#102f28;background:#f5f0e5;--deep:#073b31;--blue:#0d5747;--gold:#d6a62e;--border:#d9dfd5;--shadow:0 10px 30px #073b310d}
body{background:#f5f0e5;color:#102f28}h1,h2,.home-pois strong{font-family:Inter,Arial,sans-serif;font-weight:800;letter-spacing:-.035em}h1{line-height:1.12}button{font-weight:750}button:hover{background:#f5f0e5;border-color:#0d5747}a{color:#0d5747}.eyebrow{color:#79601c;font-weight:800;letter-spacing:2px}header{background:#073b31;border:0;color:#fff}header .brand{font-family:Inter,Arial,sans-serif;font-weight:900;letter-spacing:1px;color:#fff}header .brand span{color:#e7b43a}header .brand small{color:#e7eadd}header .settings{background:#ffffff14;color:white;border-color:#ffffff40}header .visit-count{color:#eef2e8;background:#ffffff12;border-color:#ffffff35}
.field-home{max-width:980px;background:#fff}.field-home>.home-intro{margin:0;padding:18px 22px;background:#073b31;color:#fff;border:0;border-radius:0;box-shadow:none}.home-intro .languages{margin:0 0 14px;gap:8px;flex-wrap:wrap}.home-intro .languages button{background:#fff;color:#073b31;border:1px solid #d7e0d4;border-radius:999px;min-height:44px;font-weight:800}.home-intro .languages button.active,.home-intro .languages button[aria-pressed="true"]{background:#dfae38;color:#073b31;border-color:#dfae38}.home-intro .intro-top{gap:12px}.home-intro .intro-top strong{font-size:18px;color:#fff}.home-intro .reference-play{background:#dfae38;color:#073b31;border:0;box-shadow:none;min-width:54px;min-height:54px}.home-intro .reference-hint,.home-intro .intro-bottom small{color:#e0e9df}.home-intro .text-button{color:#fff}.home-intro .audio-progress{color:#fff}.home-intro input[type=range]{accent-color:#dfae38}.comuni-cover{background:#073b31;text-align:center}.comuni-cover>img{display:block;width:100%;max-width:711px;height:auto;margin:auto}.home-content{padding:24px 20px}.home-content>h2{margin:28px 0 16px;font-size:28px}.search-field{border:1px solid #b5c5bb;background:#fff;border-radius:999px;box-shadow:none}.field-actions button,.field-actions button:nth-child(n){background:#fff;border:1px solid #b9c9bf;color:#073b31;box-shadow:none;border-radius:20px}.field-actions button:hover{background:#f5f0e5;border-color:#b28a24}.field-actions .reference-icon{color:#0d5747}.field-actions small{color:#486357}.map-entry{background:#dfae38;color:#073b31;border:0;border-radius:999px}.home-pois button{border:1px solid #d8ddd2;border-radius:22px;overflow:hidden;background:#f5f0e5;box-shadow:none}.home-pois strong{font-size:20px}.home-motto{font-family:Inter,Arial,sans-serif;color:#073b31;font-weight:700}
.page{color:#102f28}.page>h1{color:#073b31}.route-modes button{background:#fff;border-color:#c7d1c8;border-radius:20px;box-shadow:none}.route-modes button[aria-pressed=true]{background:#073b31;color:#fff}.route-card,.guide-group{border:1px solid #d4d9cf;border-radius:24px;background:#fff;box-shadow:none}.route-card h2{font-weight:800}.route-card .eyebrow{color:#79601c}.guide-group h2{background:#f5f0e5}.guide-item button{background:#dfae38;color:#073b31;border:0;border-radius:999px}.primary{background:#dfae38;color:#073b31;border-color:#dfae38}.primary:hover{background:#edc463;color:#073b31;border-color:#d6a62e}.comuni-banner{display:block;width:100%;height:220px;object-fit:cover;object-position:center 58%;border-radius:24px;margin:22px 0}.audio-illustration{height:190px;object-position:center 48%;margin-top:0}.bottom-nav{background:#fff;border-top:1px solid #d5ded5}.bottom-nav button.active{background:#edf1e7;color:#073b31;border-color:#d6a62e}.audio-panel{border-color:#c8d5c9;background:#f5f0e5}
@media(min-width:760px){.field-home>.home-intro{padding:20px 36px}.home-intro .languages button{flex:1}.home-content{padding:30px 36px}.home-content>h2{font-size:32px}.comuni-banner{height:280px}}
@media(max-width:380px){.field-home>.home-intro{padding:14px}.home-content{padding:20px 14px}.home-intro .languages{gap:6px}.home-intro .languages button{padding:8px;font-size:12px}.home-content>h2{font-size:25px}}
.home-intro .intro-top strong{font-family:Inter,Arial,sans-serif;font-weight:800}.bottom-nav button.selected{background:#edf1e7;color:#073b31;box-shadow:inset 0 3px #d6a62e}.page .languages button[aria-pressed=true]{background:#073b31;border-color:#073b31;color:white}

/* Replace the baked-in promotional copy with real language/audio controls. */
.comuni-art-window{max-width:711px;margin:auto;aspect-ratio:864/1228;overflow:hidden}.comuni-art-window img{display:block;width:100%;height:auto;transform:translateY(-4.557291667%)}.field-home>.home-intro{max-width:711px;margin:0 auto;padding:22px;background:#073b31}.home-intro .languages{display:flex;justify-content:center;gap:8px;margin:0 0 18px}.home-intro .languages button{flex:1 1 29%;font-size:14px;min-height:46px}.home-intro .intro-top{justify-content:center}.home-intro .reference-play{width:68px;height:56px;min-height:56px;border-radius:999px;font-size:24px}.home-intro #audioStatus:empty{display:none}.home-content>.field-actions{margin-bottom:24px}.home-content>h2:first-child{margin-top:0}
@media(min-width:650px){.home-intro .languages button{flex:1 1 18%}}