:root{--ink:#172b40;--muted:#6b7480;--paper:#f7f4ed;--line:#e1e3e8;--green:#243e59;--accent:#df774b;--font:Inter,"Avenir Next",Avenir,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:disabled{cursor:not-allowed}button,a{touch-action:manipulation}[hidden]{display:none!important}.skip{position:absolute;top:-100px;padding:12px;background:#fff;z-index:10}.skip:focus{top:0}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#fff;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:450;letter-spacing:-.7px;white-space:nowrap}.brand img{object-fit:contain}.brand-light{font-weight:400}.site-header nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.site-header .current{color:var(--green)}#saved-toggle{border:1px solid var(--line);border-radius:7px;padding:10px 15px;background:#fff;color:var(--ink)}#saved-toggle[aria-pressed=true]{background:var(--ink);color:#fff}#saved-count{display:inline-block;margin-left:8px;font-size:11px;background:#e9edf3;color:var(--ink);border-radius:12px;padding:0 6px}main{max-width:1440px;padding:42px 5vw 0;margin:0 auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--green);margin:0 0 10px}h1{font-size:clamp(28px,3vw,43px);line-height:1.2;letter-spacing:-1.5px;margin:0 0 13px;font-weight:650}.intro>div>p:last-child{color:var(--muted);margin:0;font-size:14px}.book-link{display:flex;gap:15px;align-items:center;font-size:12px;color:var(--muted);min-width:230px}.book-link img{width:53px;height:77px;object-fit:cover;box-shadow:3px 5px 9px #172c3329;transform:rotate(-5deg)}.book-link strong,.book-link small{display:block;color:var(--ink)}.book-link small{font-size:11px;color:var(--green);margin-top:6px}.workspace{display:grid;grid-template-columns:290px minmax(0,1fr);border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 15px 45px #172b4008}.route-library{background:#fbfaf7;border-right:1px solid var(--line);padding:27px 22px}.library-heading{display:flex;justify-content:space-between;align-items:center}.library-heading h2{font-size:22px;margin:0;font-weight:600;letter-spacing:-.5px}.library-heading .eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:3px}.count{border:1px solid var(--line);padding:2px 8px;border-radius:20px;font-size:11px}.library-copy{font-size:12px;color:var(--muted);margin:12px 0 24px}.route-card{display:block;width:100%;text-align:left;border:1px solid var(--line);border-radius:10px;background:#fff;margin:0 0 14px;padding:17px;color:var(--ink);position:relative;transition:box-shadow .2s,border-color .2s}.route-card:hover{box-shadow:0 4px 14px #172b4015}.route-card[aria-pressed=true]{border:1.5px solid var(--green);background:#edf1f6}.route-card .card-country{font-size:9px;letter-spacing:1.7px;color:var(--green);text-transform:uppercase;font-weight:750}.route-card h3{font-size:18px;margin:7px 0 6px;letter-spacing:-.3px;font-weight:650}.route-card p{font-size:11px;color:var(--muted);margin:0 0 15px}.route-card .card-foot{display:flex;justify-content:space-between;border-top:1px solid #dce2e9;padding-top:12px;font-size:10px;color:var(--green)}.card-index{position:absolute;right:16px;top:17px;font-size:11px;color:#8995a4}.library-note{display:flex;gap:12px;align-items:center;margin-top:44px;padding-top:23px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.library-note p{margin:0}.compass{font-size:29px;color:#ae9161}.route-hero{height:278px;position:relative;isolation:isolate;background:linear-gradient(90deg,#14253ce8,#14253c5c),url('/assets/appia-rs4-alpine-hero.webp') center 54%/cover;display:flex;align-items:flex-end;padding:31px;color:#fff}.route-hero .eyebrow{color:#e3c991;font-size:10px}.route-hero h2{font-size:clamp(28px,3vw,40px);line-height:1.15;margin:0 0 8px;font-weight:600;letter-spacing:-1px}.route-hero p:not(.eyebrow){margin:0 0 18px;color:#e0e7e5;font-size:13px}.hero-tags{display:flex;gap:8px;flex-wrap:wrap}.hero-tags span{font-size:10px;background:#ffffff19;border:1px solid #ffffff40;padding:4px 9px;border-radius:4px}.save-button{position:absolute;top:22px;right:22px;background:#ffffffed;border:0;border-radius:6px;font-size:11px;font-weight:650;padding:9px 12px;color:var(--ink)}.save-button[aria-pressed=true]{background:#e5ebf4}.route-body{padding:27px 31px}.route-summary{display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:30px;margin-bottom:23px}.route-summary .eyebrow{font-size:9px;margin-bottom:8px}.route-summary p:last-child{color:var(--muted);font-size:12px;margin:0;line-height:1.8}.route-summary dl{margin:0;padding-left:22px;border-left:1px solid var(--line);font-size:11px}.route-summary dt{color:var(--muted);font-size:10px}.route-summary dd{margin:2px 0 12px;font-weight:650}.tab-bar{display:flex;gap:25px;border-bottom:1px solid var(--line)}.tab-bar button{border:0;border-bottom:2px solid transparent;background:transparent;padding:9px 0 12px;font-size:12px;color:var(--muted);font-weight:650}.tab-bar [aria-selected=true]{border-color:var(--green);color:var(--green)}.map-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0 15px}.map-heading h3{font-size:13px;margin:0;font-weight:650}.map-heading p{font-size:10px;color:var(--muted);margin:3px 0 0}.quiet-button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:6px;padding:9px 12px;font-size:11px;font-weight:600;white-space:nowrap}.map-shell{height:305px;position:relative;background:#ecebe6;border:1px solid var(--line);border-radius:8px;overflow:hidden}#route-map{height:100%;width:100%}.map-label{position:absolute;bottom:11px;left:12px;padding:5px 9px;background:#fffE;color:var(--green);font-size:8px;letter-spacing:1.3px;border-radius:3px;pointer-events:none}.map-caption{font-size:10px;color:var(--muted);margin:8px 0 0}.map-pin{border:2px solid #fff;background:var(--green);border-radius:50%;width:25px;height:25px;color:#fff;font:700 10px var(--font);box-shadow:0 2px 5px #0003;padding:0;display:grid;place-items:center}.map-pin:hover{background:#a94d27}.maplibregl-popup-content{font-family:var(--font);font-size:12px;border-radius:7px}.maplibregl-ctrl-attrib{font-size:9px}.route-note{display:flex;gap:9px;border-radius:5px;padding:11px 13px;background:#f5f1e8;margin-top:21px;color:#626c7b;font-size:10px}.route-note p{margin:0}.route-note>span{font-size:15px}.route-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:20px}.primary-button{background:var(--green);color:#fff;border:0;border-radius:6px;padding:11px 17px;font-size:12px;font-weight:650}.primary-button span{margin-left:19px}.route-actions>a{font-size:10px;color:var(--muted);margin-left:auto;text-decoration:underline;text-underline-offset:3px}.navigation-note{font-size:11px;color:var(--muted);padding-top:8px}.status{min-height:24px;margin:12px 0;font-size:12px;color:var(--green)}footer{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;padding:6px 5vw 26px;font-size:10px;color:var(--muted);gap:15px}#roadbook{list-style:none;padding:0;margin:0;counter-reset:stop}#roadbook li{display:grid;grid-template-columns:27px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);align-items:center}#roadbook li:before{counter-increment:stop;content:counter(stop);background:#e6ebf2;color:var(--green);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700}#roadbook h4{margin:0;font-size:12px}#roadbook p{font-size:11px;color:var(--muted);margin:2px 0 0}.navigation-link{font-size:10px;color:var(--green);border:1px solid var(--line);border-radius:5px;padding:7px 9px}.no-script{padding:25px}#map-fallback{position:absolute;inset:0;padding:20px;overflow:auto;background:linear-gradient(145deg,#e7ebf2,#f6f2e9)}#map-fallback p{margin:5px;font-size:12px}#map-fallback ol{font-size:12px;columns:2}.map-shell:fullscreen{height:100vh}@media(min-width:1500px){main{padding-left:60px;padding-right:60px}}@media(max-width:1000px){.workspace{grid-template-columns:250px minmax(0,1fr)}.route-library{padding:23px 17px}.route-summary{grid-template-columns:1fr;gap:15px}.route-summary dl{display:flex;gap:35px;border:0;padding:0}.route-summary dd{margin-bottom:0}.book-link{min-width:190px}.route-body{padding:22px}.route-hero{padding:25px}.route-actions>a{margin-left:0}}@media(max-width:700px){.site-header{height:auto;min-height:75px;padding:15px 20px;flex-wrap:wrap;gap:14px}.brand{font-size:18px}.site-header nav{gap:18px;font-size:11px}.site-header nav>a:nth-child(2){display:none}#saved-toggle{padding:7px 9px}main{padding:28px 16px 0}.intro{margin-bottom:23px}.intro .book-link{display:none}h1{font-size:30px}.intro>div>p:last-child{font-size:12px;max-width:300px}.workspace{display:block}.route-library{border-right:0;border-bottom:1px solid var(--line);padding:20px 16px}.library-copy{margin:7px 0 15px}.library-heading h2{font-size:19px}#route-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.route-card{padding:13px;margin:0}.route-card h3{font-size:15px}.route-card p{font-size:10px;margin-bottom:10px}.route-card .card-foot{display:block;font-size:9px}.card-foot>span:last-child{display:none}.card-index{display:none}.route-card .card-country{font-size:8px}.library-note{display:none}.route-hero{height:260px;padding:22px}.route-hero h2{font-size:32px}.route-body{padding:20px 17px}.hero-tags span{font-size:9px}.route-summary{gap:17px}.map-heading{align-items:flex-start}.map-heading p{max-width:180px}.map-heading .quiet-button{padding:7px;font-size:10px}.map-shell{height:290px}.route-actions .primary-button{flex:1}.route-actions .quiet-button{flex:1}.route-actions>a{width:100%;padding-top:6px}.save-button{top:17px;right:17px}.navigation-link{font-size:9px;padding:7px}#roadbook li{gap:9px;grid-template-columns:26px 1fr}#roadbook li>a{grid-column:2;justify-self:start}footer{padding:0 16px 23px;flex-wrap:wrap}footer span{display:none}.library-heading .count{font-size:10px}.map-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.service-summary{display:flex;gap:14px;align-items:center;padding:17px 19px;margin:20px 0 0;background:#172b40;color:#fff;border-radius:7px}.service-summary p{margin:0;font-size:12px}.service-summary small{display:block;color:#e0d0ae;font-size:10px;margin-top:3px}.service-symbol{font-size:23px;color:#d4b67c}.guidance-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 12px}.guidance-heading h3{font-size:14px;margin:0}.guidance-leg{border:1px solid var(--line);border-radius:7px;margin:9px 0;overflow:hidden}.guidance-leg summary{cursor:pointer;padding:13px 15px;background:#f6f4ee;font-size:12px;font-weight:600}.guidance-leg ol{padding:0 18px 0 44px;font-size:12px}.guidance-leg li{padding:9px 0;border-bottom:1px solid #edf0f3}.guidance-leg small{display:block;color:var(--muted);font-size:10px}.guidance-message{font-size:12px;margin:16px 0;color:var(--muted)}.route-actions .primary-button:disabled{opacity:.65}.map-shell:fullscreen{background:#e7e8ed}

#navigation-handoff:disabled{background:#f0f1f3;color:#747d89;border-color:#d9dee5;cursor:not-allowed;opacity:1}#navigation-handoff span{margin-left:6px}.handoff-help{margin:8px 0 0;font-size:11px;color:var(--muted)}