:root{--max-width: 720px;--text-color: #1a1a1a;--bg-color: #fafaf8;--accent: #2d5a27;--muted: #6b7280;--border: #e5e5e5;--font-body: "Georgia", serif;--font-heading: system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0}body{font-family:var(--font-body);color:var(--text-color);background:var(--bg-color);line-height:1.7;-webkit-font-smoothing:antialiased}.site-header{max-width:var(--max-width);margin:0 auto;padding:1.5rem 1rem;font-family:var(--font-heading);font-size:.875rem}.site-header a{color:var(--muted);text-decoration:none}.site-header a:hover{color:var(--text-color)}.separator{margin:0 .5rem;color:var(--border)}.app-shell:has(.home) .site-header{display:none}.home{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 8rem)}.home a{font-family:var(--font-body);font-size:1.5rem;color:var(--text-color);text-decoration:none;letter-spacing:.15em;text-transform:lowercase;transition:color .2s}.home a:hover{color:var(--accent)}.camino-overview{max-width:var(--max-width);margin:0 auto;padding:1rem}.overview-header{margin-bottom:2rem}.overview-header h1{font-family:var(--font-heading);font-size:2rem}.subtitle{color:var(--muted);margin-top:.25rem}.day-grid{display:flex;flex-direction:column;gap:1.5rem}.day-card{display:block;text-decoration:none;color:inherit;border-bottom:1px solid var(--border);padding-bottom:1.5rem}.day-card:hover h2{color:var(--accent)}.day-card h2{font-family:var(--font-heading);font-size:1.25rem;margin-bottom:.5rem;transition:color .15s}.day-card p{color:var(--muted);font-size:.9rem}.optimized-image-wrapper{border-radius:4px;margin-bottom:2rem}.day-card .optimized-image-wrapper{aspect-ratio:16 / 9;margin-bottom:1rem}.day-page{max-width:var(--max-width);margin:0 auto;padding:1rem}.day-label{font-family:var(--font-heading);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.day-content header{margin-bottom:2rem}.day-content h1{font-family:var(--font-heading);font-size:1.75rem;margin-top:.25rem}.prose p{margin-bottom:1.25rem}.prose a{color:var(--accent)}.prose em{font-style:italic}.journey-map{margin-bottom:1.5rem;border:1px solid var(--border);z-index:0}.overview-map{margin-bottom:2rem}.journey-map-container{margin-bottom:1.5rem}.map-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:1000;background:#ffffffe6;border:1px solid var(--border);border-radius:50%;width:32px;height:32px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-color);transition:background .15s,color .15s;font-family:var(--font-heading);line-height:1;padding:0}.map-nav:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.map-nav-prev{left:10px}.map-nav-next{right:10px}.day-nav{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;margin-top:2rem;border-top:1px solid var(--border);font-family:var(--font-heading);font-size:.9rem}.day-nav a{color:var(--accent);text-decoration:none}.day-nav a:hover{text-decoration:underline}.fade-enter-active,.fade-exit-active{transition:opacity .2s ease}.fade-enter,.fade-exit-to{opacity:0}.site-footer{max-width:var(--max-width);margin:0 auto;padding:2rem 1rem;color:var(--muted);font-size:.8rem;text-align:center}.journey-map{touch-action:pan-y}@media(max-width:640px){.day-page{padding:.75rem}.day-content h1{font-size:1.4rem}.day-nav{font-size:.8rem;gap:.5rem}.optimized-image-wrapper{border-radius:0;margin-left:-.75rem;margin-right:-.75rem}.overview-header h1{font-size:1.6rem}}