/* Kielivalikko käyttää sivuston värejä, Inter-fonttia ja pyöristyksiä. */
.site-language { position: relative; flex: none; color: var(--ink, #0e1116); font: 500 14px/1.3 Inter, sans-serif; }
.site-language summary { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 0 10px; border: 1px solid #e5e8ef; border-radius: 999px; background: #fff; cursor: pointer; list-style: none; user-select: none; }
.site-language summary::-webkit-details-marker { display: none; }
.site-language summary::after { content: ''; width: 5px; height: 5px; margin: -3px 2px 0 3px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg); }
.site-language summary:hover, .site-language[open] summary { background: #f2f5ff; border-color: #cdd8fc; color: var(--blue, #1448e6); }
.site-language summary:focus-visible, .site-language button:focus-visible { outline: 3px solid #1448e6; outline-offset: 3px; }
.site-language__flag { width: 20px; height: 14px; display: block; flex: none; border-radius: 2px; box-shadow: 0 0 0 1px #0e111619; }
.site-language__options { position: absolute; right: 0; top: calc(100% + 10px); z-index: 60; width: 184px; padding: 6px; border: 1px solid #e5e8ef; border-radius: 16px; background: #fff; box-shadow: 0 12px 36px #0e11161a; }
.site-language button { width: 100%; min-height: 44px; display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 0; border-radius: 10px; background: transparent; color: #0e1116; font: inherit; text-align: left; cursor: pointer; }
.site-language button:hover { background: #f4f5f8; }
.site-language button[aria-pressed="true"] { background: #eef2ff; color: #1448e6; }
.site-language button[aria-pressed="true"]::after { content: '✓'; margin-left: auto; font-size: 15px; }
.site-language__status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.site-header__in { gap: 16px; }
.site-language--standalone { position: absolute; top: 18px; right: 20px; z-index: 40; }
.privacy-page { padding-top: 90px; }
@media (max-width: 1100px) and (min-width: 981px) { .site-header__in { gap: 8px; } .site-nav a { padding-left: 9px; padding-right: 9px; } }
@media (max-width: 980px) { .site-header__in > .brand { margin-right: auto; } .site-header__in { gap: 10px; } }
@media (max-width: 640px) { .site-header__in > .btn--small { display: none; } .site-header__in { gap: 8px; } .site-language summary { padding: 0 10px; } .site-language__options { right: 0; } .demo-page .site-header__in > .text-link { font-size: 12px; max-width: 95px; } }
/* Pidemmät käännökset saavat rivittyä myös pienissä toimintopainikkeissa. */
.contact__grid > * { min-width: 0; }
.contact__actions .btn { white-space: normal; text-align: center; max-width: 100%; }
@media (max-width: 640px) { .flow__pick { flex-wrap: wrap; max-width: 100%; } }

html[lang="sv"] .draft__q::after { content: "Svara →"; }
html[lang="en"] .draft__q::after { content: "Reply →"; }