@font-face{font-family:Inter;src:url('./inter-var.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
html,body,button,input,select,.journey-dialog,.journey-add,.journey-dialog button{font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
body{-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.035em}
.hero h1,.section-head h2,.feature h3,.journey h2,.intro h2,.block h2,.journey-dialog h2{font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-weight:800;letter-spacing:-.035em}
.hero h1{line-height:1.04}
/* tourguid-mark-on-dark.svg: the real app-icon artwork, flags only, no
   background field -- sits directly on the header gradient like a wordmark
   companion, not a badge. */
.brand img{width:38px;height:38px;object-fit:contain;border-radius:0;padding:0;background:none;box-sizing:border-box;box-shadow:none}
.account-link{margin-left:auto;white-space:nowrap;color:#fff;text-decoration:none;font-size:.84rem;font-weight:750;border:1px solid #ffffff85;border-radius:5px;padding:8px 11px}.account-link:hover,.account-link.active{background:#ffffff1c;border-color:#fff}.account-link:focus-visible{outline:3px solid #ffae19;outline-offset:3px}
.detail-link{display:inline-flex;align-items:center;margin-top:10px;color:#075d61;font-size:.84rem;font-weight:800;text-decoration:underline;text-underline-offset:3px}.card-actions .detail-link{min-height:40px}

/* Field text is regular weight (labels above keep their own emphasis); the date format cue reads in capitals. */
input,select,textarea{font-weight:400}
input::placeholder,textarea::placeholder{font-weight:400}
input[type="date"]::-webkit-datetime-edit,input[type="date"]::-webkit-datetime-edit-fields-wrapper,input[type="date"]::-webkit-datetime-edit-month-field,input[type="date"]::-webkit-datetime-edit-day-field,input[type="date"]::-webkit-datetime-edit-year-field,input[type="date"]::-webkit-datetime-edit-text{text-transform:uppercase;font-weight:400}
.place-suggestions,.place-suggestions li{font-weight:400}
.place-suggestions li strong{font-weight:600}
.place-suggestions li,.place-suggestions li span{text-transform:capitalize}

/* Header, upper right: points visitors at the mobile-app waitlist on intro.tourguid.net. */
.mobile-soon{margin-left:auto;white-space:nowrap;color:#fff;text-decoration:none;font-size:.84rem;font-weight:750;border:1px solid #ffffff85;border-radius:6px;padding:8px 12px}.mobile-soon:hover{background:#ffffff1c;border-color:#fff}.mobile-soon:focus-visible{outline:3px solid #ffae19;outline-offset:3px}
@media(max-width:700px){.top-inner{flex-wrap:wrap;row-gap:10px;padding:12px 0}.mobile-soon{font-size:.76rem;padding:7px 10px}}

/* Hero, upper right: type floating over the hero, no box. .ms-group holds two notices: the TourGuid Mobile one (a link to the mobile-app page) and, under it, the Travel Planner one (plain text, no link). */
.hero>.wrap{position:relative}
.ms-group{position:absolute;z-index:3;top:16px;right:0;text-align:right;animation:msFloat 5s ease-in-out infinite;text-shadow:0 3px 22px rgba(3,38,46,.6),0 1px 2px rgba(3,38,46,.5)}
.ms-float,.ms-next{display:block;text-decoration:none;color:#fff;line-height:1}
.ms-next{margin-top:26px;cursor:default}
.ms-next .ms-os:after{content:none}
.ms-float span,.ms-next span{display:block}
/* The three flag colours, skewed like the stripe already on the hero: an accent, not a box. */
.ms-float:before,.ms-next:before{content:"";display:block;width:110px;height:6px;margin:0 0 11px auto;border-radius:4px;background:linear-gradient(90deg,#ffae19 0 48%,#fa3838 48% 72%,#4bc653 72%);transform:skewX(-22deg);box-shadow:0 2px 14px rgba(255,174,25,.45)}
.ms-kicker{font-size:.74rem;font-weight:850;letter-spacing:.24em;text-transform:uppercase;color:#ffc94d}
.ms-name{margin-top:8px;font-size:clamp(1.5rem,2.3vw,2.1rem);font-weight:850;letter-spacing:-.05em}
.ms-os{margin-top:8px;font-size:clamp(.92rem,1.2vw,1.05rem);font-weight:800;letter-spacing:.02em;color:#fff}
.ms-os:after{content:" \2192";color:#58e070;font-weight:800}
.ms-float:hover .ms-name,.ms-float:focus-visible .ms-name{text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:7px;text-decoration-color:#58c862}
.ms-float:focus-visible{outline:3px solid #ffae19;outline-offset:8px;border-radius:2px}
/* Travel Planner: two lines, plain text. Deliberately no arrow, underline or hover, so it does not read as a link. */
@keyframes msFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media(prefers-reduced-motion:reduce){.ms-group{animation:none}}
@media(max-width:1100px){.ms-group{position:static;text-align:left;margin:0 0 24px;animation:none}.ms-float:before,.ms-next:before{margin-left:0}.ms-name{font-size:1.75rem}.ms-next{margin-top:20px}}