/* Original Stryker wordmark; compact responsive library branding. */
body>header{height:96px;max-width:none;padding:0 max(24px,calc((100vw - 1216px)/2));border-top:4px solid #ffb500;border-bottom:1px solid #e1e6e9;gap:24px}
.brand{gap:28px;min-width:0;letter-spacing:0}
.stryker-logo{display:block;width:160px;height:auto;flex-shrink:0}
.brand-title{border-left:1px solid #d9e2e7;padding-left:28px;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.6px;line-height:1.3}
.brand-sub{font-family:'DM Sans',sans-serif;color:#657781;font-size:9px;font-weight:600;letter-spacing:2px;margin-top:5px}
body>header .quiet{white-space:nowrap;border-radius:24px;padding:10px 18px;background:#f6f8f9;border-color:#e1e6e9}
.app-tabs{max-width:1280px;margin:0 auto;padding:16px 32px 0;gap:6px;flex-wrap:wrap}
.app-tabs button{background:transparent;border-color:transparent;border-radius:8px;padding:12px 18px;color:#526773;transition:background .15s,color .15s}
.app-tabs button:hover{background:#e8eef1;color:#102e3e}
.app-tabs button[aria-pressed=true]{background:#fff;border-color:#e0e5e8;color:#102e3e;box-shadow:inset 0 -3px #ffb500,0 2px 8px #102e3e06}
main{padding-top:36px}.intro .eyebrow{color:#596b75;letter-spacing:2.5px}#library-view .intro h1{font-size:clamp(34px,4vw,48px);letter-spacing:-1.8px}
@media(max-width:680px){body>header{height:auto;min-height:88px;padding:18px;gap:12px}.brand{gap:14px}.stryker-logo{width:112px}.brand-title{padding-left:14px;font-size:15px;letter-spacing:-.3px}.brand-sub{font-size:7px;letter-spacing:1px}.app-tabs{padding:12px 18px 0;gap:4px}.app-tabs button{padding:11px 9px;font-size:12px;flex:1 1 100px}body>header .quiet{font-size:11px;padding:8px 10px}main{padding-top:28px}}
@media(max-width:420px){body>header{flex-wrap:wrap;justify-content:space-between}.brand{flex:1}.stryker-logo{width:104px}.brand-title{font-size:14px}body>header .quiet{margin-left:auto}.brand-sub{letter-spacing:.7px}}