/* Four readable language choices without expanding the mobile header. */
.communication-language-summary{font-size:14px;line-height:1.6;font-weight:600;margin:16px 0;color:inherit}
.communication-language-detail{font-size:15px;line-height:1.7;margin:18px 0;padding:14px 16px;border-left:3px solid #47724e;background:#e8eee6;color:#163d2d;max-width:65ch;overflow-wrap:break-word}
.communication-language-detail strong{display:block;margin-bottom:4px}
.detail-contact p.communication-language-detail{color:#163d2d}
details.language-toggle{position:relative;display:block;padding:0;flex:none}
.language-toggle summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;min-width:64px;min-height:42px;padding:0 10px;font-size:12px;font-weight:600;color:#d9e4dd}
.language-toggle summary::-webkit-details-marker{display:none}.language-toggle summary::after{content:'⌄';font-size:14px}
.language-toggle summary:focus-visible{outline:3px solid #8cbb31;outline-offset:4px}.language-toggle[open] summary{color:var(--lime)}
.language-options{position:absolute;right:0;top:calc(100% + 8px);z-index:110;min-width:155px;background:var(--forest);border:1px solid #9fb6a366;border-radius:6px;padding:6px;box-shadow:0 10px 30px #0003}
.language-options a{justify-content:flex-start;min-height:44px;padding:8px 12px}
html:is([lang=ru],[lang=uk]) body{font-family:'Segoe UI',Arial,sans-serif}
html:is([lang=ru],[lang=uk]) h1{font-size:clamp(36px,3.7vw,60px);line-height:1.2;overflow-wrap:break-word}
html:is([lang=ru],[lang=uk]) .header nav{gap:20px}
html:is([lang=ru],[lang=uk]) .section-heading>div{align-items:flex-start;flex-wrap:wrap}
html:is([lang=ru],[lang=uk]) .hero-topline{flex-wrap:wrap;gap:12px}
html:is([lang=ru],[lang=uk]) .hero-copy,html:is([lang=ru],[lang=uk]) .section-heading>div{min-width:0}
html:is([lang=ru],[lang=uk]) .button{max-width:100%;gap:20px;line-height:1.6}
html:is([lang=ru],[lang=uk]) .button span{flex-shrink:0}
html:is([lang=ru],[lang=uk]) .metrics p{overflow-wrap:anywhere}
@media(min-width:761px) and (max-width:1100px){html:is([lang=ru],[lang=uk]) .header{height:auto;min-height:100px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}html:is([lang=ru],[lang=uk]) .header nav{order:3;width:100%;justify-content:space-between;margin-left:0}}
@media(max-width:760px){html:is([lang=ru],[lang=uk]) h1{font-size:clamp(32px,8vw,48px)}.language-toggle summary{min-width:56px;min-height:40px;gap:6px;padding:0 8px}html:is([lang=ru],[lang=uk]) .hero-bottom{flex-wrap:wrap}html:is([lang=ru],[lang=uk]) .section-label{letter-spacing:1px}}