.skip{position:absolute;left:-9999px;top:8px;display:inline-flex;align-items:center;min-height:44px;background:#fff;padding:0 16px;border-radius:12px;z-index:100}
.skip:focus{left:12px}
:focus-visible{outline:3px solid var(--blue-deep);outline-offset:3px}
::selection{background:#cfe3f8;color:var(--ink)}

.sh-bar{position:relative;padding:max(22px, env(safe-area-inset-top)) 6px 6px;line-height:1.2}
.sh-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.sh-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;min-width:0}
.sh-logo{width:88px;height:88px;border-radius:50%;background:#fff;box-shadow:var(--shadow);flex:none}
.sh-logo img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.sh-name{display:block;font-family:'Fredoka';font-weight:600;font-size:21px;line-height:1.1}
.sh-brand small{display:block;color:var(--muted);font-weight:700;font-size:12px;letter-spacing:.3px;margin-top:3px}
.sh-right{display:flex;align-items:center;gap:12px;flex:none}
.sh-cta{font-family:'Fredoka';font-weight:600;font-size:15px;color:#fff;text-decoration:none;background:var(--blue-deep);
  border-radius:999px;padding:13px 22px;box-shadow:var(--shadow);white-space:nowrap}
.sh-cta:hover{background:var(--blue-press)}
.sh-lang{display:flex;background:#fff;border-radius:999px;padding:4px;box-shadow:var(--shadow)}
.sh-lang button{border:0;background:transparent;font-family:'Fredoka';font-weight:600;font-size:15px;
  color:var(--muted);padding:10px 16px;min-height:44px;border-radius:999px;cursor:pointer}
.sh-lang button.active{background:var(--blue-deep);color:#fff}
.sh-menu{display:none;border:0;background:#fff;border-radius:999px;box-shadow:var(--shadow);font-family:'Fredoka';font-weight:600;
  font-size:15px;color:var(--blue-deep);padding:10px 18px;min-height:44px;cursor:pointer}
.sh-lang-link{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;background:#fff;border-radius:999px;box-shadow:var(--shadow);
  font-family:'Fredoka';font-weight:600;font-size:15px;color:var(--blue-deep);text-decoration:none;white-space:nowrap}
.sh-nav-cta{display:none}

.sh-nav{display:flex;gap:4px;margin-top:16px;background:#fff;border-radius:999px;padding:6px;box-shadow:var(--shadow)}
.sh-nav a{flex:1;text-align:center;font-family:'Fredoka';font-weight:600;font-size:16px;color:var(--muted);
  padding:13px 10px;border-radius:999px;text-decoration:none;white-space:nowrap}
.sh-nav a:hover{background:var(--blue-bg);color:var(--blue-deep)}
.sh-nav a[aria-current='page']{background:var(--blue-bg);color:var(--blue-deep)}

@media (max-width:900px){
  .sh-brand{flex:1}
  .sh-logo{width:72px;height:72px}
  .sh-right{gap:8px}
  .sh-cta{display:none}
  .sh-menu{display:block}
  .sh-nav{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;flex-direction:column;gap:2px;margin:0;border-radius:20px;padding:8px;
    max-height:calc(100vh - 120px);max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain}
  html.menu-open,html.menu-open body{overflow:hidden}
  .sh-nav.open{display:flex}
  .sh-nav a{flex:none;text-align:left;padding:13px 16px}
  .sh-nav .sh-nav-cta{display:block;margin-top:6px;text-align:center;background:var(--blue-deep);color:#fff}
  .sh-nav .sh-nav-cta:hover{background:var(--blue-press);color:#fff}
}
@media (max-width:480px){
  .sh-logo{width:58px;height:58px}
  .sh-name{font-size:16px;line-height:1.15}
  .sh-brand small{display:none}
}