/* Only the shared shell: page typography and interactive docs remain independent. */
@font-face{font-family:TeneraZalando;src:url('/fonts/zalando-sans-medium.ttf') format('truetype');font-weight:500;font-display:swap}
:is(.site-header,.site-footer) .wordmark{display:inline-flex;align-items:center;flex:none;width:120px;height:29px}
:is(.site-header,.site-footer) .brand-logo{display:flex;align-items:center;gap:7.375px;width:120px;height:27px}
:is(.site-header,.site-footer) .brand-logo img{display:block;height:auto;flex:none;object-fit:contain;filter:brightness(0)}
:is(.site-header,.site-footer) .brand-mark{width:33.795px}
:is(.site-header,.site-footer) .brand-wordmark{width:78.83px}
:is(.site-header,.site-footer) .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #111110;border-radius:3px;background:#111110;color:#fff;line-height:1.5}
.site-header .mobile-menu-toggle{background:none;border:1px solid #d1d1ca;border-radius:4px;color:#111110;cursor:pointer}
:is(.site-header,.site-footer) a:focus-visible,.site-header button:focus-visible{outline:2px solid #ff3620;outline-offset:5px}