/* TripTailor palette and typography */
:root {
  --paper: #fafbfc;
  --ink: #192845;
  --deep-teal: #006678;
  --ocean: #1bb4c5;
  --mist: #e0f4f5;
  --line: #d3e0e8;
  --muted: #4d6071;
  --display-font: Georgia, serif;
  --body-font: Arial, sans-serif;
}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--body-font)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--deep-teal);outline-offset:5px}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.06}h1,h2{font-family:var(--display-font);font-weight:400;letter-spacing:-.045em}h2{font-size:clamp(2.6rem,5vw,4.4rem)}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.top{background:var(--ink);color:#fff;text-align:center;font-size:.7rem;letter-spacing:.19em;padding:8px;text-transform:uppercase}.nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.57rem;letter-spacing:-.075em;white-space:nowrap}/* The header shows the emblem; the brand guide shows the complete lockup. */
.mark {
  position: relative;
  flex: 0 0 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 50%;
  background: white;
}
.brand-wordmark {
  position: relative;
  width: 116px;
  height: 28px;
  overflow: hidden;
  mix-blend-mode: multiply;
}
.brand-wordmark img {
  /* Show the lettering from the original logo. */
  position: absolute;
  width: 126.75px;
  height: auto;
  max-width: none;
  left: -5.85px;
  top: -67.6px;
}
.mark img {
  position: absolute;
  width: 88px;
  height: auto;
  max-width: none;
  left: -22px;
  top: -5px;
}.nav nav{display:flex;gap:28px;align-items:center;font-size:.89rem;font-weight:600}.nav nav a:hover,.textlink:hover{color:var(--deep-teal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 19px;border-radius:100px;background:var(--ink);color:white;font-weight:680;font-size:.85rem;border:1px solid transparent}.btn.accent{background:var(--mist);color:var(--ink)}.btn.clear{color:white;border-color:#ffffff80;background:#192845a6}.btn:hover{filter:brightness(1.12)}.hero{min-height:570px;position:relative;isolation:isolate;display:flex;align-items:end;overflow:hidden;border-radius:22px;background:#203b59 url('hero.svg') center/cover;color:white}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0e1b32f2 0%,#0e1b32bd 29%,#0e1b3218 78%),linear-gradient(0deg,#0e1b3280,transparent 47%)}.hero-media{position:absolute;z-index:-2;width:100%;height:100%;object-fit:cover}.hero-copy{padding:60px clamp(26px,6vw,86px);max-width:780px}.eyebrow{font-size:.72rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase;display:block;margin-bottom:16px}.hero .eyebrow{color:var(--mist);border-inline-start:3px solid var(--ocean);padding-inline-start:10px}.hero h1{font-size:clamp(3.4rem,7vw,6.4rem);max-width:700px}.hero p{max-width:525px;margin:21px 0 25px;color:#f2f8fc}.actions{display:flex;flex-wrap:wrap;gap:10px}.place{position:absolute;bottom:24px;right:26px;font-size:.72rem;letter-spacing:.12em;background:#192845d9;padding:7px 13px;border-radius:50px}.strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);gap:12px;padding:25px 0;color:var(--muted);font-size:.85rem}.strip b{color:var(--ink);margin-right:8px}.strip span{text-align:center}.section{padding:70px 0}.head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.head p,.intro p{color:var(--muted);max-width:510px;margin-top:12px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.filters button{color:var(--ink);border:1px solid var(--line);border-radius:50px;background:transparent;padding:7px 15px;font-size:.85rem}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{display:block;min-height:263px;position:relative;isolation:isolate;overflow:hidden;border-radius:15px;color:white;background:#26586a;display:flex;flex-direction:column;justify-content:end;padding:24px}.card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#101d34f5,transparent 86%)}.card>img,.card>.art{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .25s}.card>img{z-index:-1}.card:hover>img,.card:hover>.art{transform:scale(1.04)}.card h3{font:2.16rem/1.05 var(--display-font)}.card p{font-size:.83rem;margin-top:7px;padding-right:30px}.card .arrow{position:absolute;right:18px;bottom:19px;border:1px solid #ffffff8a;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.card .eyebrow{margin-bottom:7px;font-size:.64rem}.feature{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-radius:18px;overflow:hidden}.feature article{background:var(--mist);padding:clamp(23px,5vw,62px)}.feature article+article{background:#ecf3fa}.feature :is(h2,h3){font:clamp(1.9rem,4vw,3rem)/1.07 var(--display-font)}.feature p{margin:13px 0 19px;color:var(--muted)}.guide{padding:20px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:140px 1fr 30px;gap:15px;align-items:center}.guide:hover h3{color:var(--deep-teal)}.guide h3{font:1.65rem var(--display-font)}.guide p{color:var(--muted);font-size:.9rem;margin-top:4px}.guide .eyebrow{margin:0}.foot{background:var(--ink);color:#fff;padding:36px 0}
.foot .wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  grid-template-areas: "links copyright partners";
  align-items: center;
  gap: 18px;
}
.foot small:first-child { grid-area: links; }
.foot small:nth-child(2) { grid-area: copyright; text-align: center; }
.foot-partners { grid-area: partners; justify-self: end; }
@media (max-width: 860px) {
  .foot .wrap {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "links" "partners" "copyright";
  }
  .foot-partners { justify-self: start; }
}
.foot a:hover{text-decoration:underline}.foot small{opacity:.9}.intro{padding:60px 0 32px}.intro h1{font-size:clamp(3rem,7vw,5.4rem)}.article{max-width:760px;margin:0 auto 68px}.article h2{font-size:2rem;margin:28px 0 12px}.article h3{margin:19px 0 8px}.article p{margin:10px 0}.article a:not(.btn),.credits a{text-decoration:underline;text-underline-offset:3px}.article table{border-collapse:collapse;width:100%;display:block;overflow:auto}.article th,.article td{padding:10px;border:1px solid var(--line);text-align:left}.note{background:var(--mist);padding:14px 17px;border-radius:8px;margin:20px 0;color:var(--muted)}.credits{font-size:.77rem;color:var(--muted);margin-top:16px}.credits summary{cursor:pointer}.credits li{margin:3px 0}[hidden]{display:none!important}@media(max-width:800px){.wrap{width:calc(100% - 36px)}.nav{gap:9px;min-height:67px}.nav nav{gap:13px;font-size:.8rem}.nav>.btn{display:none}.hero{min-height:505px}.hero-copy{padding-bottom:60px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding:48px 0}}@media(max-width:530px){.wrap{width:calc(100% - 28px)}.nav{align-items:flex-start;flex-direction:column;padding:12px 0;gap:10px}.nav nav{width:100%;justify-content:space-between;gap:7px}.hero{min-height:515px}.hero h1{font-size:clamp(2.9rem,12vw,4.5rem)}.hero p{font-size:.92rem}.hero-copy{padding:26px 19px 70px}.hero:before{background:linear-gradient(0deg,#0e1b32fa 10%,#0e1b3264 80%)}.grid,.feature{grid-template-columns:1fr}.card{min-height:225px}.strip{grid-template-columns:1fr;gap:6px;padding:17px 0}.strip span{text-align:left}.head{display:block}.guide{grid-template-columns:1fr 24px}.guide .eyebrow{grid-column:1/-1}.intro{padding-top:36px}}
.trip-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:44px}.trip-form label{font-weight:620}.trip-form input:not([type=checkbox]),.trip-form textarea,.trip-form select{display:block;width:100%;padding:10px;border:1px solid #879eaf;border-radius:7px;background:white;color:var(--ink);font:inherit;margin-top:5px}.trip-form fieldset,.trip-form .wide{grid-column:1/-1}.trip-form fieldset{border:1px solid var(--line);border-radius:8px}.trip-form fieldset label{display:inline-block;margin:4px 12px 4px 0;font-weight:400}.trip-form .btn{justify-self:start}.trip-form .consent{font-weight:400}@media(max-width:530px){.trip-form{grid-template-columns:1fr}}

.destination-cover,
.destination-photo {
  margin: 0;
}
.destination-cover {
  margin-bottom: 24px;
}
.destination-cover img,
.destination-photo img {
  width: 100%;
  object-fit: cover;
  border-radius: 12px;
  background: var(--mist);
}
.destination-cover img {
  aspect-ratio: 16 / 9;
}
.destination-photo img {
  aspect-ratio: 3 / 2;
}
.destination-cover figcaption,
.destination-photo figcaption {
  margin-top: 6px;
  font-size: .9rem;
}
.destination-cover small,
.destination-photo small {
  display: block;
  color: var(--muted);
}
.destination-gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 20px;
}
.card > .card-media {
  z-index: -2;
}

.guide-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding: 0 0 14px;
  color: var(--muted);
  font-size: .85rem;
}
.guide-breadcrumb a,
.guide-jump a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.destination-hero h1 {
  font-size: clamp(2.75rem, 6.5vw, 6rem);
}
.destination-guide .article {
  max-width: 820px;
}
.guide-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  padding: 24px 0;
  border-bottom: 1px solid var(--line);
}
.city-section {
  margin-top: 40px;
}
.city-section .destination-photo {
  max-width: 620px;
  margin: 18px 0 30px;
}
.country-filter-guide {
  margin-block: 16px 24px;
}
.back-to-top {
  position: fixed;
  right: max(16px, env(safe-area-inset-right));
  bottom: max(16px, env(safe-area-inset-bottom));
  z-index: 10;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--deep-teal);
  border-radius: 999px;
  background: var(--deep-teal);
  color: var(--paper);
  box-shadow: 0 4px 16px rgb(25 40 69 / 20%);
  font: 600 1.25rem/1 var(--body-font);
  cursor: pointer;
}
.back-to-top:hover {
  background: var(--ink);
}
.guide-faq details {
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}
.guide-faq summary {
  cursor: pointer;
  font-weight: 700;
}
.guide-cta {
  margin-top: 36px;
  padding: clamp(18px, 5vw, 32px);
  border-radius: 16px;
  background: var(--mist);
}
.guide-cta h2 {
  margin-top: 0;
}
.guide-cta .btn {
  margin-top: 8px;
}
.destination-guide .guide-related {
  margin-top: 20px;
}

.destination-hero-plain {
  background: linear-gradient(135deg, var(--ink), var(--deep-teal));
}
.destination-country-card {
  background: linear-gradient(135deg, var(--deep-teal), var(--ink));
}

.hero.country-hero {
  min-height: 300px;
}
.country-places {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 12px;
  padding: 0;
  list-style: none;
}
.country-places li {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: white;
  padding: 14px 16px;
}

.guide-list .guide h2 {
  margin: 0;
  font: 1.65rem var(--display-font);
}
.guide-list .guide p {
  margin: 4px 0 0;
}
.guide-list .guide:hover h2 {
  color: var(--deep-teal);
}

.home-hero {
  min-height: clamp(530px, 72vh, 680px);
}
.home-hero .hero-media {
  object-position: center 46%;
}
.home-hero .hero-copy {
  max-width: 740px;
  padding-block: 104px 92px;
}
.home-hero h2 {
  margin: 10px 0 0;
  font: 700 clamp(2.4rem, 6.4vw, 5.4rem)/1.05 var(--display-font);
  text-wrap: balance;
}
.home-hero-primary {
  min-height: 48px;
  padding-inline: 23px;
}
.home-featured {
  margin: 30px 0 16px;
}
.home-featured h2 {
  margin-bottom: 16px;
  font-size: clamp(1.8rem, 4vw, 2.75rem);
}
.home-featured .grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.home-featured .card {
  min-height: clamp(210px, 24vw, 300px);
}
.card > .card-media {
  object-position: center;
}
.card .arrow {
  transition: transform .2s ease, background-color .2s ease;
}
.card:focus-visible > .card-media {
  transform: scale(1.04);
}
.card:is(:hover, :focus-visible) .arrow {
  transform: translate(2px, -2px);
  background-color: #ffffff29;
}
.filters button[aria-pressed="true"] {
  background: var(--deep-teal);
  border-color: var(--deep-teal);
}

@media (max-width: 800px) {
  .filters {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 6px 5px 10px;
    margin-inline: -5px;
  }
  .filters button {
    flex: 0 0 auto;
    min-height: 44px;
    white-space: nowrap;
  }
}
@media (max-width: 620px) {
  .home-featured .grid {
    grid-template-columns: 1fr;
  }
  .home-hero {
    min-height: 570px;
  }
  .home-hero .hero-media {
    object-position: 60% center;
  }
}
@media (prefers-reduced-motion: reduce) {
  .card > img,
  .card .arrow {
    transition: none;
  }
  .card:is(:hover, :focus-visible) > img,
  .card:is(:hover, :focus-visible) .arrow {
    transform: none;
  }
}

body:has(.trip-dialog[open]) {
  overflow: hidden;
}
.trip-dialog {
  width: min(680px, calc(100% - 24px));
  max-width: none;
  max-height: calc(100dvh - 24px);
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 20px;
  overflow: hidden;
  background: var(--paper);
  color: var(--ink);
  box-shadow: 0 24px 80px #19284555;
}
.trip-dialog::backdrop {
  background: #101d34a6;
}
.trip-dialog-header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px clamp(16px, 4vw, 30px);
  background: var(--ink);
  color: white;
}
.trip-dialog-header .eyebrow {
  margin-bottom: 5px;
  color: var(--mist);
}
.trip-dialog-header h2 {
  font-size: clamp(1.55rem, 5vw, 2.25rem);
}
.trip-dialog-header button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid #ffffff75;
  border-radius: 50%;
  background: transparent;
  color: white;
  font-size: 1.55rem;
}
.trip-dialog-header button:focus-visible {
  outline-color: var(--mist);
  outline-offset: 2px;
}
.trip-dialog-frame {
  display: block;
  width: 100%;
  height: min(650px, calc(100dvh - 142px));
  border: 0;
}
.trip-form-embedded > header,
.trip-form-embedded > footer,
.trip-form-embedded .intro {
  display: none;
}
.trip-form-embedded main > .wrap {
  width: auto;
  padding: 20px clamp(16px, 4vw, 30px);
}
.trip-form-embedded .article,
.trip-form-embedded .trip-form {
  margin-bottom: 0;
}
.trip-form .trip-form-hint {
  margin: 0;
  color: var(--muted);
  font-size: .9rem;
}

.guide-library-section {
  margin-block: 24px 48px;
  scroll-margin-top: 100px;
}
.guide-library-section h2 {
  margin: 0 0 16px;
  font: 700 clamp(1.5rem, 3vw, 2rem)/1.2 var(--display-font);
}
.guide-library-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.guide-library-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--paper);
  box-shadow: 0 4px 16px rgb(25 40 69 / 7%);
}
.guide-library-card:is(:hover, :focus-visible) {
  border-color: var(--deep-teal);
  box-shadow: 0 8px 24px rgb(25 40 69 / 13%);
}
.guide-library-card img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.guide-library-copy {
  position: relative;
  flex: 1;
  padding: 16px 50px 18px 16px;
}
.guide-library-copy .eyebrow {
  color: var(--deep-teal);
}
.guide-library-copy h3 {
  margin: 4px 0;
  font: 700 1.25rem/1.2 var(--display-font);
}
.guide-library-copy p {
  margin: 0;
  color: var(--muted);
  font-size: .9rem;
}
.guide-library-arrow {
  position: absolute;
  top: 16px;
  right: 14px;
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 50%;
  background: var(--mist);
  color: var(--deep-teal);
}
@media (max-width: 860px) {
  .guide-library-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
  .guide-library-grid { grid-template-columns: 1fr; }
}

.home-slider {
  position: relative;
}
.home-slider [hidden] {
  display: none;
}
.home-plan-title {
  font-size: clamp(2.6rem, 5vw, 4.4rem);
}
.home-slider .home-hero::before {
  background: linear-gradient(90deg, var(--slide-shade) 0%, transparent 95%),
    linear-gradient(0deg, #111c32f5 0%, #111c3290 45%, transparent 90%);
}
.home-slide-istanbul { --slide-shade: #11284af0; --slide-accent: #9be7eb; }
.home-slide-bangkok { --slide-shade: #4a2544f2; --slide-accent: #ffcfac; }
.home-slide-kotor { --slide-shade: #123e3ef2; --slide-accent: #c8ecc8; }
.home-slide-barselona { --slide-shade: #492d3ef2; --slide-accent: #ffccae; }
.home-slider .home-hero .eyebrow {
  color: var(--slide-accent);
  border-color: var(--slide-accent);
}
.home-slider .home-hero-primary {
  background: var(--slide-accent);
  color: var(--ink);
}
.home-slider .home-hero-primary:hover {
  background: var(--paper);
}
.home-slider-controls {
  position: absolute;
  right: clamp(16px, 4vw, 36px);
  bottom: 18px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--paper);
}
.home-slider-controls button,
.home-slider-count {
  border: 1px solid #ffffff54;
  border-radius: 999px;
  background: var(--ink);
  color: inherit;
}
.home-slider-controls button {
  width: 44px;
  height: 44px;
  padding: 0;
  font: 600 1.2rem/1 var(--body-font);
  cursor: pointer;
}
.home-slider-controls button:hover {
  background: var(--deep-teal);
}
.home-slider-count {
  padding: 4px 10px;
  font-size: .8rem;
  font-variant-numeric: tabular-nums;
}
.home-slider-status {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (max-width: 620px) {
  .home-slider .home-hero::before {
    background: linear-gradient(0deg, var(--slide-shade) 0%, #111c32d9 43%, #111c3233 90%);
  }
}

.home-guides-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 20px;
  margin-bottom: 16px;
}
.home-guides-heading h2 {
  margin: 0;
}
.home-guides .guide-library-grid {
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 12px) / 2);
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-block: 4px 8px;
}
.home-guides .guide-library-card {
  scroll-snap-align: start;
}
.home-guides .guide-library-card:focus-visible {
  outline-offset: -3px;
}
.home-guides .guide-library-card img {
  aspect-ratio: 2.5 / 1;
}
.home-guides-controls:not([hidden]) {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 4px;
}
.home-guides-controls button {
  width: 44px;
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--paper);
  color: var(--ink);
  font: 600 1rem/1 var(--body-font);
  cursor: pointer;
}
.home-guides-controls button:hover {
  background: var(--mist);
}
@media (max-width: 760px) {
  .home-guides-heading {
    margin-bottom: 8px;
  }
  .home-guides-heading h2 {
    font-size: clamp(1.5rem, 6vw, 2rem);
  }
  .home-guides .guide-library-grid {
    grid-auto-columns: calc(100% - 32px);
    gap: 8px;
    scrollbar-width: thin;
  }
  .home-guides .guide-library-card {
    display: grid;
    grid-template-columns: minmax(76px, 28%) minmax(0, 1fr);
  }
  .home-guides .guide-library-card img {
    height: 100%;
    aspect-ratio: auto;
  }
  .home-guides .guide-library-copy {
    padding: 12px 34px 12px 10px;
  }
  .home-guides .guide-library-copy h3 {
    font-size: 1.05rem;
  }
  .home-guides .guide-library-arrow {
    width: 22px;
    height: 22px;
    top: 12px;
    right: 8px;
  }
}

.guide-experiences {
  width: min(100%, 375px);
}
.guide-experience {
  border-bottom: 1px solid var(--line);
}
.guide-experience:first-of-type {
  border-top: 1px solid var(--line);
}
.guide-experience summary {
  min-height: 44px;
  padding-block: 11px;
  color: var(--deep-teal);
  font-size: .9rem;
  font-weight: 600;
  cursor: pointer;
}
.guide-experience-copy {
  min-width: 0;
  padding-bottom: 10px;
}
.guide-experience-copy iframe {
  max-width: 100%;
}
.guide-experience-copy a {
  color: var(--deep-teal);
  font-size: .9rem;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.city-section .guide-experience-note {
  margin: 0 0 8px;
  color: var(--muted);
  font-size: .8rem;
}
.foot-partners {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.foot .foot-partner {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 8px;
  background: #fff;
}

.language-switch {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border: 1px solid var(--line);
  border-radius: 100px;
  background: var(--paper);
  font-size: .73rem;
  font-weight: 700;
  letter-spacing: .04em;
}

.language-switch > * {
  display: grid;
  min-width: 32px;
  min-height: 34px;
  padding-inline: 6px;
  place-items: center;
  border-radius: 100px;
}

.language-switch [aria-current] {
  background: var(--ink);
  color: #fff;
}

.language-switch .language-option:hover {
  background: var(--mist);
}

.language-switch .language-option:focus-visible {
  outline-offset: 1px;
}

.nav-home {
  white-space: nowrap;
}

@media (max-width: 530px) {
  .nav nav {
    flex-wrap: wrap;
  }
}