/* The marked visitor header and navigation stay anchored; only content scrolls. */
@media screen {
 body:not(.signed-member) .shell {
  padding-top:calc(var(--app-header-height) + 10px);
  padding-bottom:calc(var(--bottom-nav-height) + 16px);
 }
 body:not(.signed-member) .app-header {
  position:fixed;top:0;left:50%;right:auto;transform:translateX(-50%);
  width:calc(100% - 16px);max-width:964px;margin:0;z-index:25;
  padding:calc(8px + env(safe-area-inset-top)) 12px 8px;
  max-height:calc(100svh - var(--bottom-nav-height) - 100px);
  overflow-y:auto;overscroll-behavior:contain;
 }
 /* Actions stay below the identity; the number occupies the next compact row. */
 body:not(.signed-member) .app-header #guest-contact {
  display:grid;grid-template-columns:minmax(0,1fr);gap:0;
  padding:5px 0 7px;margin:0;min-height:0;
 }
 body:not(.signed-member) .app-header .hotline-actions {
  grid-row:1;justify-content:flex-end;border:0;padding:0;margin:0;
 }
 body:not(.signed-member) .guest-hotline {
  grid-row:2;justify-self:end;justify-content:flex-start;
  margin:6px 0 0;min-height:36px;max-width:100%;
 }
 body:not(.signed-member) .guest-hotline>div {display:flex;align-items:center;gap:9px;flex-wrap:wrap}
 body:not(.signed-member) .guest-hotline b {font-size:21px;line-height:1.3}
 body:not(.signed-member) .app-header .saqr-contact111 {margin:0;padding:7px 0;min-height:0}
 body:not(.signed-member) .home-intro {padding:14px 16px;border-radius:17px}
 body:not(.signed-member) .intro-copy115 {
  max-height:clamp(130px,24svh,210px);overflow-y:auto;
  overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;
  scrollbar-width:thin;padding-inline-end:5px;
 }
 body:not(.signed-member) .home-intro h1 {font-size:clamp(18px,4.5vw,25px);line-height:1.6;margin:4px 0 8px}
 body:not(.signed-member) .home-intro p {font-size:14px;line-height:1.85;margin:0}
 body:not(.signed-member) .intro-contact111 {margin-top:12px;padding-top:10px;gap:10px}
 body:not(.signed-member) .intro-contact111 .outline {font-size:13px;padding:8px 12px;min-height:40px}
 body:not(.signed-member) .intro-email111 {gap:4px;padding-inline-start:9px}
 body:not(.signed-member) .intro-email111>span {font-size:11px}
 body:not(.signed-member) .intro-email111 a {font-size:11px;gap:5px}
 body:not(.signed-member) #about .about-team {
  max-height:clamp(120px,calc(100svh - var(--app-header-height) - var(--bottom-nav-height) - 100px),400px);
  overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;
  padding:15px;font-size:13px;line-height:1.85;scrollbar-width:thin;
 }
 body:not(.signed-member) #about .about-logo {width:64px;height:64px;object-fit:contain;aspect-ratio:1}
 .bottom {
  position:fixed;bottom:0;z-index:30;right:50%;left:auto;transform:translateX(50%);
  margin:0;width:calc(100% - 16px);max-width:740px;
  padding-bottom:calc(6px + env(safe-area-inset-bottom));
 }
 .intro-copy115:focus-visible,#about .about-team:focus-visible {outline:2px solid var(--gold);outline-offset:3px}
 @media(max-height:560px) and (orientation:landscape) {
  body:not(.signed-member) .app-header .topbar {padding-bottom:4px}
  body:not(.signed-member) .app-header #guest-contact {grid-template-columns:1fr 1fr;align-items:center;padding-block:3px;gap:8px}
  body:not(.signed-member) .guest-hotline {grid-row:1;grid-column:1;margin:0}
  body:not(.signed-member) .app-header .hotline-actions {grid-column:2}
  body:not(.signed-member) .app-header .official-logo {width:32px;height:32px}
 }
}