/* International pages (/en, /fr, …): only what styles.css does not have. Made for europa/site/build.mjs. */
.hero h1 em{white-space:normal}
h1,h2,h3{overflow-wrap:break-word}
/* long compound words: hyphenate headings only in these languages */
:is(:lang(de),:lang(nl),:lang(fi),:lang(hu),:lang(et),:lang(is),:lang(da),:lang(sv),:lang(nb),:lang(el),:lang(lt),:lang(lv)) :is(h2,h3){hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:12 5 5;-webkit-hyphenate-limit-before:5;-webkit-hyphenate-limit-after:5}
.top nav{gap:1.1rem}
.langs{position:relative}
.langs summary{list-style:none;display:flex;align-items:center;gap:.35rem;min-height:44px;padding:0 .4rem;cursor:pointer;font:500 .85rem var(--mono);color:var(--prussian);border-radius:8px}
.langs summary::-webkit-details-marker{display:none}
.langs summary svg{width:18px;height:18px}
.langs summary:focus-visible{outline:3px solid var(--redline);outline-offset:2px}
.langs ul{position:absolute;right:0;top:calc(100% + 6px);z-index:40;list-style:none;margin:0;padding:.4rem;background:var(--sheet,#fff);border:1.5px solid var(--prussian);border-radius:12px;box-shadow:0 16px 40px rgba(11,37,69,.22);display:grid;grid-template-columns:repeat(2,minmax(8.5rem,1fr));gap:2px;max-height:min(70svh,520px);overflow-y:auto;overscroll-behavior:contain}
.langs li a,.top nav .langs li a{display:flex;align-items:center;min-height:44px;padding:0 .7rem;border-radius:8px;font:500 .95rem var(--body);color:var(--graphite);text-decoration:none}
.langs li a:hover,.langs li a:focus-visible{background:#E3EAF1}
.langs li a[aria-current]{color:var(--cyanotype);font-weight:600}
@media (max-width:820px){.top nav .langs li a{display:flex}.langs ul{position:fixed;left:12px;right:12px;top:70px;grid-template-columns:repeat(2,1fr)}}
.signs{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B2545' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:18px;padding-right:2.4rem}
.foot-langs{flex-basis:100%;display:grid;gap:.5rem}
.foot-langs ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .9rem}
.foot-langs a{display:inline-flex;min-height:32px;align-items:center}
#lead select,#lead input,#lead textarea{font-size:16px}
