/* One emblem from favicon to home screen. */
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand .brand-symbol{width:48px;height:48px;border-radius:10px;flex-shrink:0;object-fit:contain}
.brand>.brand-words{font:22px/.88 Editorial,Georgia,serif;display:block;letter-spacing:-.02em}
.brand-words strong{display:block;font:34px/.94 Editorial,Georgia,serif;font-weight:400}
.brand-words .brand-dot{color:#c9513e}
header>.brand{min-width:178px}
.app-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:9%;align-items:center;padding-top:76px;padding-bottom:80px;background:#edf6fd}
.app-hero-copy{min-width:0}.app-hero h1{overflow-wrap:anywhere;hyphens:auto}
.app-hero h1{font:clamp(3.6rem,6.5vw,6.5rem)/.98 Editorial,Georgia,serif;font-weight:400;margin:23px 0;max-width:650px;letter-spacing:-.035em}
.app-hero .lead{font-size:18px;line-height:1.75;max-width:610px;margin:25px 0 30px;color:#285775}
.app-identity{background:#15364f;border-radius:30px;padding:24px 24px 43px;color:#fff8e9;text-align:center;max-width:375px;transform:rotate(3deg);box-shadow:0 20px 50px #15364f1a}
.app-identity img{display:block;width:100%;height:auto;border-radius:20px}
.app-identity>span{display:block;font:42px/1 Editorial,Georgia,serif;letter-spacing:-.03em}
.app-identity>small{display:block;font-size:9px;letter-spacing:.26em;margin-top:17px}
.app-caption,.app-small{font-size:13px;line-height:1.75;color:#285775}
.app-caption{margin:20px 0 0}.app-install{min-height:48px}.app-install:disabled{opacity:.75;cursor:default}
.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.install-grid article{border-top:1px solid #9bc7e7;padding-top:25px}
.install-grid h3{font:36px/1.1 Editorial,Georgia,serif;margin:16px 0}
.install-grid p,.offline-downloads p{line-height:1.8;color:#285775}
.app-instructions>.app-small{max-width:830px;margin-top:24px}
.app-instructions:focus{outline:none}.app-instructions:focus-visible{outline:2px solid #15364f;outline-offset:-8px}
.offline-downloads{background:#edf6fd;display:grid;grid-template-columns:2fr 1fr;gap:10%;align-items:center}
.offline-downloads h2{font:clamp(2.7rem,4vw,4.4rem)/1.05 Editorial,Georgia,serif;margin:16px 0 25px;letter-spacing:-.025em}
.offline-downloads>.app-small{border-left:1px solid #9bc7e7;padding-left:30px}
.app-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin:25px 0}
.app-actions .button{max-width:100%;min-height:46px}.app-actions .text-link{font-size:14px}
.clear-downloads{border:0;border-bottom:1px solid #4e6b82;background:none;padding:5px 0;cursor:pointer;color:#285775;font:13px/1.5 Arial,sans-serif}
#download-status,#install-status{font-size:14px;line-height:1.6;min-height:1.6em;margin-top:16px}
.app-callout{display:flex;align-items:center;gap:28px;border-top:1px solid #bfd9ec;background:#edf6fd}
.app-callout>.brand-symbol{width:85px;height:85px;border-radius:18px;flex-shrink:0}
.app-callout h2{font:44px/1.08 Editorial,Georgia,serif;margin:10px 0}.app-callout p{font-size:13px;color:#285775;margin:0}
.app-callout>.button{margin-left:auto;flex-shrink:0}
.offline-page>.brand-symbol{width:72px;height:72px;border-radius:16px;margin-bottom:28px}
.offline-page h1{font:clamp(3.2rem,6vw,5rem)/1.05 Editorial,Georgia,serif;letter-spacing:-.03em}
.offline-page>.text-link{display:inline-block;margin-top:20px}
.connection-status{background:#15364f;color:#fff8e9;text-align:center;padding:10px 5%;font:13px/1.5 Arial,sans-serif}
.saved-app-link{margin-bottom:24px;display:inline-block}
@media(max-width:1100px) and (min-width:951px){header{column-gap:16px}.brand .brand-symbol{width:40px;height:40px}.brand{gap:9px}header>.brand{min-width:160px}.brand>.brand-words{font-size:20px}.brand-words strong{font-size:30px}header>nav:not(.language-nav){gap:12px;font-size:13px}}
@media(max-width:800px){.app-hero{grid-template-columns:1fr .65fr;gap:6%;padding-top:48px;padding-bottom:50px}.app-hero h1{font-size:4.3rem}.app-identity{padding:10px 10px 25px;border-radius:22px}.app-identity>span{font-size:28px}.app-identity>small{font-size:7px;letter-spacing:.15em}.install-grid{gap:28px}.offline-downloads{grid-template-columns:1fr;gap:26px}.offline-downloads>.app-small{border-left:0;border-top:1px solid #9bc7e7;padding:20px 0 0}.app-callout{flex-wrap:wrap;gap:20px}.app-callout>.button{margin-left:105px}.app-callout h2{font-size:37px}}
@media(max-width:540px){.app-hero{grid-template-columns:1fr;gap:35px}.app-hero-copy{order:2}.app-hero h1{font-size:3.7rem}.app-hero .lead{font-size:16px}.app-identity{max-width:142px;justify-self:start;order:1;padding:0;transform:none;border-radius:28px;box-shadow:0 12px 30px #15364f20}.app-identity img{border-radius:28px}.app-identity>span,.app-identity>small{display:none}.install-grid{grid-template-columns:1fr;gap:34px}.app-callout{display:grid;grid-template-columns:64px 1fr;gap:18px}.app-callout>.brand-symbol{width:64px;height:64px;border-radius:14px}.app-callout h2{font-size:32px}.app-callout .eyebrow{font-size:9px}.app-callout>.button{margin:0;grid-column:1/-1;justify-self:start}.app-callout p{font-size:12px}.brand .brand-symbol{width:42px;height:42px}.brand{gap:9px}.brand>.brand-words{font-size:20px}.brand-words strong{font-size:30px}header>.brand{min-width:0}.footer-top>.brand{align-items:flex-start}.footer-top .brand-symbol{width:32px;height:32px;border-radius:7px}.footer-top .brand-words{font-size:19px}.footer-top .brand-words strong{font-size:28px}}
@media(display-mode:standalone){body{padding-bottom:env(safe-area-inset-bottom)}header{padding-top:max(14px,env(safe-area-inset-top))}}
@media(max-width:540px){.app-hero h1{font-size:clamp(3.1rem,14vw,3.7rem)}}
@media(max-width:540px){.footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top>*{min-width:0}.footer-top>div{grid-template-columns:repeat(2,minmax(0,1fr));overflow-wrap:anywhere}}
@media(max-width:360px){.language-nav a{min-width:0}.footer-top>.brand{gap:6px}.footer-top .brand-symbol{width:28px;height:28px}.footer-top .brand-words strong{font-size:25px}}
@media print{.app-callout,.connection-status,.app-install,.clear-downloads,.offline-downloads .app-actions{display:none!important}}

/* Explore Croatia — Adriatic Sky. Shared across every language and app view. */
body{background:var(--paper);color:var(--ink)}
a:hover{color:var(--link)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--link)}
em{color:var(--link)}
.brand{color:var(--ink)}
.brand:hover{color:var(--ink)}
.search-form button,.button{background:var(--sky);color:var(--ink);border-color:var(--sky)}
.search-form button:hover,.button:hover{background:var(--sky-hover);border-color:var(--sky-hover);color:var(--ink)}
.button.outline{background:transparent;color:var(--ink);border-color:#70a9d0}
.button.outline:hover,.button.outline[aria-pressed=true]{background:var(--tint);color:var(--ink);border-color:var(--link)}
.language-nav a[aria-current=page]{background:var(--sky);color:var(--ink)}
.language-nav a:hover{background:var(--tint);color:var(--ink)}
.save[aria-pressed=true]{background:var(--sky);color:var(--ink)}
.atlas-nav a:hover,.atlas-nav a[aria-current]{background:var(--sky);border-color:var(--sky);color:var(--ink)}
.autumn-finder{background:var(--sky);color:var(--ink)}
.autumn-finder .eyebrow,.autumn-finder .heading-note,.autumn-finder>p,.autumn-finder .finder-method,.season-controls label{color:var(--ink)}
.season-controls .button{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.season-controls .button:hover{background:var(--tint);color:var(--ink);border-color:var(--ink)}
/* Forest green distinguishes the invitation to discover inland Croatia. */
.closing{background:#173f35;color:#f5f7f0}
.closing .eyebrow{color:#c9d8c9}
.closing .button{background:#f5f7f0;color:#173f35;border-color:#f5f7f0}
.closing .button:hover{background:#dfead9;color:#173f35;border-color:#dfead9}
.closing .button:focus-visible{outline-color:#f5f7f0}
.app-hero{background:#e5f3fe}
.app-identity{background:var(--sky);color:var(--ink);box-shadow:0 20px 50px #15364f1a}
.app-callout,.offline-downloads{background:var(--tint)}
.connection-status{background:var(--sky);color:var(--ink)}
.quick-answer{border-left-color:var(--sky)}
.filter-links a:first-child{border-color:var(--link)}
.timeline>div:before{background:var(--sky)}
::selection{background:#b6dfff;color:var(--ink)}
@media print{body,.closing,.autumn-finder{background:white;color:black}.closing .eyebrow,.autumn-finder .eyebrow,.autumn-finder .heading-note,.autumn-finder>p,.autumn-finder .finder-method{color:black}}