/* Shared brand foundations. Loaded once by base.tmpl on every page. */
@font-face{font-family:TILInter;src:url('/static/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:TILMono;src:url('/static/fonts/IBMPlexMono-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.til-brand{color:#152033;-webkit-font-smoothing:antialiased}
.navbar{font-family:TILInter,system-ui,sans-serif;font-size:14px;background:#fcfdfdf2!important;backdrop-filter:blur(16px)}
.navbar .navbar-brand{font-size:17px;letter-spacing:-.04em}
.navbar>.container,.site-footer>.container{max-width:1200px;padding-inline:28px}
.navbar .nav-link{min-height:44px;display:flex;align-items:center}
.navbar .nav-link.active{color:#3554cf;font-weight:650}
.navbar .nav-memberships-link{font-weight:650;color:#3554cf}
.navbar .nav-link:hover{color:#2f46c7}
.navbar .dropdown-menu{font-family:inherit;font-size:14px}
.navbar .btn{font-family:inherit;font-size:14px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.navbar .navbar-toggler{min-height:44px;min-width:44px}
.navbar :focus-visible{outline:3px solid #3659e3;outline-offset:3px}
.site-footer{font-family:TILInter,system-ui,sans-serif;background:#f1f5f7;border-color:#dfe6ec!important}
html{scroll-padding-top:80px}
.op-library-page{margin-top:61px}
.op-shell{font-family:TILInter,system-ui,sans-serif;--mono:TILMono,ui-monospace,monospace}
@media(max-width:991px){.navbar-collapse{max-height:calc(100svh - 61px);overflow-y:auto;overscroll-behavior:contain}}
@media(max-width:700px){.navbar .navbar-brand{font-size:15px}.navbar .navbar-brand img{width:28px;height:28px}.navbar>.container,.site-footer>.container{padding-inline:22px}}
@media(max-width:360px){.navbar .navbar-brand{font-size:13px}.navbar .navbar-brand img{width:24px;height:24px}.navbar>.container,.site-footer>.container{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.nav-account-menu,.nav-workspace-menu{min-width:220px;max-width:min(340px,90vw);padding:8px;border:1px solid #dce5ec;border-radius:10px;box-shadow:0 12px 30px #17283a14}.nav-account-menu .dropdown-item,.nav-workspace-menu .dropdown-item{min-height:42px;padding:10px;border-radius:6px;white-space:normal}.nav-account-menu button{width:100%}