/* Home hero language selector and rotation (home-languages.js). The hero layout itself is unchanged: the selector sits on the promise line. */
.igta-pub-promise-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.igta-lang{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start}
.igta-lang__button{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--pub-line,#d8d2cc);border-radius:8px;background:transparent;color:var(--pub-ink,#2b2622);font:inherit;font-size:14px;cursor:pointer;min-height:32px}
.igta-lang__button:hover{border-color:var(--pub-wine,#783645)}
.igta-lang__button:focus-visible{outline:2px solid var(--pub-wine,#783645);outline-offset:2px}
.igta-lang__label{min-width:7.5em;text-align:start;transition:opacity .3s}
.igta-lang__list{position:absolute;top:calc(100% + 6px);inset-inline-start:0;z-index:30;margin:0;padding:4px;list-style:none;min-width:200px;background:#fff;border:1px solid var(--pub-line,#d8d2cc);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.igta-lang__list [role=option]{padding:8px 12px;border-radius:6px;cursor:pointer;font-size:15px;color:var(--pub-ink,#2b2622)}
.igta-lang__list [role=option]:hover,.igta-lang__list [role=option]:focus{background:#f4efea;outline:none}
.igta-lang__list [role=option][aria-selected=true]{color:var(--pub-wine,#783645);font-weight:600}
.igta-lang__credit{margin:4px 0 0;font-size:11px;color:#6b645e}
.igta-rot-out{opacity:0}
[data-igta-rotate]{transition:opacity .3s;align-self:stretch;width:100%;max-width:100%;min-width:0;overflow-wrap:break-word;box-sizing:border-box}
[data-igta-rotate][lang]:not([lang=en]) span{white-space:normal} /* the English accent phrase stays on one line; translations are whole phrases and wrap */
/* Translated by Google: the accent phrase may be longer, so it wraps inside the column too. */
.translated-ltr [data-igta-rotate] span,.translated-rtl [data-igta-rotate] span{white-space:normal}
.translated-ltr [data-igta-rotate],.translated-rtl [data-igta-rotate]{overflow-wrap:anywhere}
/* The selector keeps its place next to the promise line in every language: a longer translated promise is shortened with an ellipsis instead of pushing it down. */
@media (min-width:640px){.igta-pub-promise-row{flex-wrap:nowrap}.igta-pub-promise-row .igta-pub-promise{min-width:0;flex:0 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}.igta-pub-promise-row .igta-lang{flex:none}}
@media (prefers-reduced-motion:reduce){[data-igta-rotate],.igta-lang__label{transition:none}}
/* Google's website translator: no toolbar, banner, tooltip or highlight; the credit above stays visible. */
body{top:0!important}
body>.skiptranslate,.goog-te-banner-frame,iframe.skiptranslate,#goog-gt-tt,.goog-te-balloon-frame,.goog-tooltip,.goog-te-spinner-pos,#igta-gt{display:none!important}
.goog-text-highlight{background:none!important;box-shadow:none!important}
/* Other pages while a translation is on: a small bar with the language, a way back and the credit. */
.igta-lang-bar{position:fixed;inset-inline-end:12px;bottom:12px;z-index:50;display:flex;align-items:center;gap:8px;padding:6px 10px;background:#fff;border:1px solid #d8d2cc;border-radius:8px;font-size:13px;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.igta-lang-bar button{border:1px solid #783645;color:#783645;background:transparent;border-radius:6px;padding:3px 10px;font:inherit;cursor:pointer}
.igta-lang-bar small{color:#6b645e;font-size:11px}

/* Keep the selector's place while it is hidden, so showing it does not push the hero down (mobile layout shift, 2026-11-06). */
.igta-pub-promise-row .igta-lang[data-igta-lang][hidden]{display:inline-flex;visibility:hidden}

/* Hero rotation without layout shift on every screen (2026-11-06): the English title and lede share one grid cell with invisible stand-ins for each translation
   (public_hero_ghosts), so the cell already has the tallest language's height at first paint and the search box below never moves. */
.igta-rot-stack{display:grid;align-self:stretch;width:100%;min-width:0}
.igta-rot-stack>*{grid-area:1/1;min-width:0}
.igta-rot-ghost{display:block;visibility:hidden;pointer-events:none;user-select:none;width:100%;box-sizing:border-box;overflow-wrap:break-word}
.igta-rot-ghost.igta-pub-display{font-family:var(--igta-font-heading);font-weight:var(--igta-font-weight-heading)}
.igta-rot-ghost::before{content:attr(data-a) " "}
.igta-rot-ghost[data-b]::after{content:attr(data-b);font-style:italic}