/* Shared additions for the review; approved typography, colours and portrait remain. */
.review-banner {padding:10px 20px;background:#eaf3f1;color:#425c64;font-size:13px;line-height:1.6;text-align:center}
.languages a {display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:44px;color:var(--muted);text-decoration:none}
.languages a[aria-current] {color:var(--ink);font-weight:650}
.languages a:hover {color:var(--accent);text-decoration:underline;text-underline-offset:5px}
.header-inner > *, .header-end {min-width:0}
.header .brand {white-space:nowrap}
.service-offer, .offer-scope, .workflow-step, .contact-page-intro {min-width:0}
@media (max-width:1100px) {
  .menu-button {display:block}
  .nav {display:none;position:absolute;top:80px;left:0;right:0;z-index:10;background:#fff;padding:20px 36px;box-shadow:0 12px 18px #16343c0c;font-size:16px}
  .nav.is-open {display:flex;flex-direction:column;align-items:flex-start;gap:0}
  .nav a {padding:12px 0;width:100%}
  .header-end {margin-left:auto}
}
@media (max-width:760px) {
  .header-inner {height:112px;display:grid;grid-template-columns:1fr auto;grid-template-rows:56px 44px;column-gap:16px;row-gap:0;padding-top:6px;padding-bottom:6px}
  .header-end {display:contents}
  .header .brand {grid-column:1;grid-row:1;font-size:18px}
  .menu-button {grid-column:2;grid-row:1;min-width:76px}
  .languages {grid-column:1/-1;grid-row:2;justify-self:start;gap:8px}
  .languages a {min-width:40px;font-size:13px}
  .nav {top:112px;padding:14px 20px}
  .review-banner {font-size:12px;padding:8px 20px}
  .additional {grid-template-columns:1fr;gap:12px}
  .additional-list a {grid-template-columns:1fr;gap:3px}
  html[lang="et"] .accent-ending {white-space:normal}
  html[lang="et"] h1, html[lang="et"] h2 {overflow-wrap:anywhere;hyphens:auto}
  .privacy-intro h1 {overflow-wrap:normal;hyphens:auto}
}
/* Keep the surname and its decorative dot together even on a 320px screen. */
@media (max-width:375px) {
  .hero-grid {grid-template-columns:minmax(0,1fr)}
  .hero-copy {min-width:0}
  .hero h1 {font-size:clamp(48px,16vw,58px)}
  .hero .accent-ending {white-space:nowrap}
}