/* UkraineType Website V2 public product surfaces. Presentation only. */
:root {
    --ut-blue: #0057b8;
    --ut-blue-strong: #1c6dd0;
    --ut-ink: #0d2b45;
    --ut-muted: #526b7d;
    --ut-line: #dce7ef;
    --ut-paper: #f6f9fc;
    --ut-yellow: #ffd700;
}

body.ut-v2 {
    color: var(--ut-ink);
    background: var(--ut-paper);
    font-family: Inter, "Segoe UI", Arial, sans-serif;
    line-height: 1.65;
    text-rendering: optimizeLegibility;
}

body.ut-v2 :is(.uk-public-main, .utTravelSection, .uk-section) { min-width: 0; }
body.ut-v2 :is(.utTravelContainer, .uk-shell) {
    width: min(1200px, calc(100% - 48px));
    margin-inline: auto;
}
body.ut-v2 :is(h1, h2, h3) {
    color: var(--ut-ink);
    text-wrap: balance;
    letter-spacing: -.025em;
}
body.ut-v2 h1 { line-height: 1.08; }
body.ut-v2 p { max-width: 72ch; }

body.ut-v2 .utChromeV2.utNav {
    position: sticky;
    top: 0;
    z-index: 70;
    background: rgb(255 255 255 / 96%) !important;
    border-bottom: 1px solid var(--ut-line) !important;
    box-shadow: 0 4px 18px rgb(13 43 69 / 4%) !important;
    backdrop-filter: blur(14px);
}
body.ut-v2 .utChromeV2.utNav .utNavCta,
body.ut-v2 :is(.utTravelButton, .uk-button-primary) {
    min-height: 46px;
    border: 1px solid var(--ut-blue);
    border-radius: 999px;
    background: var(--ut-blue);
    color: #fff;
    font-weight: 750;
    box-shadow: 0 7px 20px rgb(0 87 184 / 14%);
    transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
body.ut-v2 .utChromeV2.utNav .utNavCta:hover,
body.ut-v2 :is(.utTravelButton, .uk-button-primary):hover {
    background: #004995;
    box-shadow: 0 10px 24px rgb(0 87 184 / 20%);
    transform: translateY(-1px);
}
body.ut-v2 :is(.utTravelTextLink, .uk-link) { color: var(--ut-blue); font-weight: 700; }
body.ut-v2 :is(a, button, input, select, summary):focus-visible {
    outline: 3px solid #145fbd !important;
    outline-offset: 3px;
}

body.ut-v2 :is(.uk-card, .utTravelTrustPanel, .utTravelContextNote, .utPlannerPanel) {
    border-color: var(--ut-line);
    border-radius: 20px;
    box-shadow: 0 12px 32px rgb(13 43 69 / 6%);
}
body.ut-v2 :is(.uk-page-hero, .utTravelHero, .utTravelHeroSingle) {
    overflow: hidden;
    isolation: isolate;
}
body.ut-v2 :is(.uk-page-hero, .utTravelHero, .utTravelHeroSingle) h1 {
    max-width: 16ch;
    font-size: clamp(2.4rem, 5vw, 4.75rem);
}
body.ut-v2 :is(.uk-page-hero, .utTravelHero, .utTravelHeroSingle) p {
    max-width: 62ch;
    font-size: clamp(1rem, 1.25vw, 1.15rem);
}
body.ut-v2 .utTravelSection { padding-block: clamp(52px, 7vw, 92px); }
body.ut-v2 .utTravelSectionSoft { background: #edf4f9; }
body.ut-v2 .utTravelSectionHead { gap: 28px; }
body.ut-v2 .utTravelSequence li,
body.ut-v2 .utJourneyTeaser,
body.ut-v2 .utV2OtherJourney { border: 1px solid var(--ut-line); border-radius: 18px; }
body.ut-v2 .utTravelSequence li { padding: 24px; background: #fff; }
body.ut-v2 .utTravelUncertainty { border-left: 4px solid #d49b00; }
body.ut-v2 .utV2Disclosure > summary { cursor: pointer; color: var(--ut-blue); font-weight: 700; }
body.ut-v2 .utV2EditorialPhoto { border-radius: 22px; overflow: hidden; }

@media (max-width: 820px) {
    body.ut-v2 :is(.utTravelContainer, .uk-shell) { width: min(100% - 36px, 680px); }
    body.ut-v2 .utChromeV2.utNav { position: relative; }
    body.ut-v2 .utTravelSection { padding-block: 48px; }
}
@media (max-width: 520px) {
    body.ut-v2 :is(.utTravelContainer, .uk-shell) { width: calc(100% - 32px); }
    body.ut-v2 :is(.uk-page-hero, .utTravelHero, .utTravelHeroSingle) h1 { font-size: clamp(2.15rem, 10vw, 3.25rem); }
    body.ut-v2 .utTravelSection { padding-block: 40px; }
    body.ut-v2 .utChromeV2.utNav .utBrandV2 img { max-width: min(48vw, 190px); }
}
@media (prefers-reduced-motion: reduce) {
    body.ut-v2 *, body.ut-v2 *::before, body.ut-v2 *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}