/* Shared navigation for the landing page and editorial pages. */
[hidden]{display:none!important}
.nav{width:100%;max-width:1200px;margin-inline:auto;background:transparent;border:0;box-shadow:none;border-radius:0;position:relative;z-index:30}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:22px 8px}
.nav .logo{display:flex;flex:0 0 auto;text-decoration:none}
.nav .logo img{display:block;width:180px;max-width:none;height:auto;object-fit:contain}
.nav .menu{display:flex;align-items:center;justify-content:flex-start;gap:22px;margin-left:0;flex:1}
.nav .menu a{color:#57534e;text-decoration:none;white-space:nowrap;font:700 11px Inter,system-ui,sans-serif;letter-spacing:.075em;text-transform:uppercase;position:relative;padding:12px 0;transition:color .2s}
.nav .menu a:hover,.nav .menu a[aria-current=page]{color:#c8102e}
.nav .menu a[aria-current=page]::after{content:'';position:absolute;bottom:4px;left:0;width:18px;height:2px;background:#c8102e}
.nav .join-link{position:relative}
.join-badge{display:block;width:max-content;background:#c8102e;color:#fff;padding:4px 7px;border-radius:5px;font:700 9px Inter,system-ui,sans-serif;letter-spacing:.04em;white-space:nowrap;text-transform:none}
.nav .menu .join-badge{position:absolute;left:50%;top:-11px;transform:translateX(-50%);box-shadow:0 3px 8px #c8102e18}
.nav .nav-actions{display:flex;align-items:center;flex-shrink:0;gap:8px;margin:0}
.nav .nav-actions .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 17px;min-height:42px;white-space:nowrap;font:700 10px Inter,system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s,transform .2s;text-decoration:none}
.nav .btn-ghost{border:1px solid #14141420;background:#fff;color:#141414}
.nav .btn-red{border:1px solid #c8102e;background:#c8102e;color:#fff}
.nav .btn:hover{background:#141414;color:#fff;transform:translateY(-1px)}
.nav .mobile-menu{display:none}
.nav :focus-visible,.page-footer :focus-visible{outline:3px solid #c8102e;outline-offset:5px}
@media(max-width:1100px){
 .nav .menu{display:none}
 .nav-inner{gap:16px;padding:18px 20px}
 .nav .nav-actions{margin-left:auto}
 .nav .mobile-menu{display:block;order:3;position:relative}
 .mobile-menu summary{display:grid;place-items:center;width:44px;height:44px;list-style:none;background:#fff;border:1px solid #14141418;border-radius:50%;cursor:pointer}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu summary svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none}
 .mobile-menu[open] summary{background:#141414;color:white}
 .mobile-menu-links{position:absolute;right:0;top:54px;width:min(300px,calc(100vw - 40px));max-height:calc(100svh - 120px);overflow:auto;padding:10px;background:#fff;border:1px solid #eee;border-radius:18px;box-shadow:0 16px 48px #0002;text-align:left}
 .mobile-menu-links a{display:block;padding:14px 16px;color:#141414;font:600 15px Inter,system-ui,sans-serif;text-decoration:none;border-radius:10px;min-height:46px}
 .mobile-menu-links a:hover,.mobile-menu-links a[aria-current=page]{background:#fff1f3;color:#c8102e}
 .mobile-menu-links .join-link{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
}
@media(max-width:540px){
 .nav-inner{gap:10px;padding:16px 0}
 .nav .logo img{width:112px}
 .nav .nav-actions{gap:5px}
 .nav .nav-actions .btn{padding:10px 11px;min-height:42px;font-size:9px;letter-spacing:.04em}
 .nav .mobile-menu summary{width:40px;height:42px}
 .nav-shell{padding-inline:16px;top:10px}
}
@media(max-width:360px){.nav .logo img{width:92px}.nav-inner{gap:7px}.nav .nav-actions .btn{padding:10px 8px;font-size:8px}}

@media(min-width:1101px){.nav .nav-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px}.nav .logo{justify-self:start}.nav .menu{justify-content:center;justify-self:center;flex:none}.nav .nav-actions{justify-self:end}}
/* Keep a returning SSO handoff from exposing an intermediate marketing page. */
html.auth-handoff body>*{visibility:hidden}
html.auth-handoff .auth-modal,html.auth-handoff #yetMfaDialog{visibility:visible}
html.auth-handoff::after{content:'Panelin açılıyor…';position:fixed;inset:0;display:grid;place-items:center;background:#fff;color:#242424;font:500 16px Inter,system-ui,sans-serif;z-index:190000}