:root{--accent:#1a73e8;--muted:#555;--bg:#f5f7fa;--card:#ffffff}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;background:var(--bg);color:#222;margin:0;padding:24px}
header{max-width:1000px;margin:0 auto 18px;padding:18px 20px;border-radius:12px;background:linear-gradient(90deg, rgba(26,115,232,0.06), rgba(0,0,0,0));box-shadow:0 6px 18px rgba(20,20,20,0.04)}
h1{margin:0;font-size:clamp(20px,3vw,30px);color:var(--accent)}
p.lead{margin:8px 0 0;color:var(--muted)}
main{max-width:1000px;margin:18px auto;display:grid;grid-template-columns:1fr;gap:14px}
.card{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 6px 18px rgba(18,18,18,0.04)}
.day-title{display:flex;align-items:center;gap:12px}
.day-title h2{margin:0;font-size:18px}
.meta{color:var(--muted);font-size:14px;margin-bottom:10px}
ul.itinerary{padding-left:18px;margin:8px 0}
ul.itinerary li{margin:6px 0}
.links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.link{background:#e9efff;padding:8px 10px;border-radius:8px;font-size:14px;text-decoration:none;color:#0b4a6f}
.photo-placeholder{width:100%;height:200px;background:#ddd;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#777;font-size:14px;margin:10px 0}
iframe{border-radius:10px;width:100%;height:250px;border:0;margin-top:10px}
topmenu{max-width:1000px;margin:0px 0px 0px 0px;text-align:center;color:var(--muted);font-size:14px}
footer{max-width:1000px;margin:20px auto 10px;text-align:center;color:var(--muted);font-size:14px}
@media(min-width:900px){main{grid-template-columns:1fr 1fr} .wide{grid-column:1/-1}}
@media print{body{background:white;color:black} .card{box-shadow:none;border:1px solid #ddd}}