/* Alt sayfalarda header ve giriş alanı tek bir koyu yüzey oluşturur. */
body:has(.detail-hero)>.new-header{background:#111;color:#fff;border-bottom:1px solid #ffffff14;max-width:none;width:100%;margin:0;padding-inline:max(24px,calc((100% - 1160px)/2))}
body:has(.detail-hero)>.new-header .logo,.cosmos-landing .resource-header img{filter:brightness(0) invert(1)}
body:has(.detail-hero)>.new-header .nav-links{background:transparent;border:0;color:#cbd5e1}
body:has(.detail-hero)>.new-header .nav-links a{border:0;border-radius:12px;padding:10px 14px;color:inherit}
body:has(.detail-hero)>.new-header .nav-links a[aria-current=page],body:has(.detail-hero)>.new-header .nav-links a:hover{background:#ffffff12;color:#fff}
body:has(.detail-hero)>.new-header .btn.primary{background:#fff;color:#111;border-color:#fff;border-radius:12px}
body:has(.detail-hero)>.new-header .menu-toggle{background:transparent;color:#fff;border-color:#ffffff30;border-radius:12px}
body .detail-hero{max-width:none;width:100%;margin:0 0 64px;padding:64px max(24px,calc((100% - 1160px)/2)) 76px;background:#111;color:#fff;border:0}
body .detail-hero h1{color:#fff;margin:32px 0 24px}
body .detail-hero p{color:#cbd5e1;margin-bottom:0}
body .detail-hero>a,body .detail-hero>span{color:#94a3b8}
body .detail-hero>a:hover{color:#fff}
.cosmos-landing .resource-header{background:#111;color:#fff;border-color:#ffffff14}
.cosmos-landing .resource-header a{color:#fff}
.cosmos-landing .cx-nav{background:#111;color:#fff;border-color:#ffffff14}
.cosmos-landing .cx-nav a{color:#cbd5e1}
.cosmos-landing .cx-nav .cx-wordmark{color:#fff}
.cosmos-landing .cx-nav .cx-nav-cta{background:#fff;color:#111;border-color:#fff}
@media(max-width:760px){body .detail-hero{margin:0 0 40px;padding:40px 24px 48px}body .detail-hero h1{font-size:clamp(34px,8.7vw,40px);margin:26px 0 20px}body:has(.detail-hero)>.new-header{padding:20px 24px}body:has(.detail-hero)>.new-header .nav-links{background:#111;border-bottom:1px solid #ffffff20}body:has(.detail-hero)>.new-header .nav-links a{padding:10px 12px}}
body.cosmos-landing .resource-header,body.cosmos-landing .cx-nav,body.cosmos-landing #cosmos-hero{background:#111}
body.cosmos-landing .cx-nav{max-width:none;width:100%;margin:0;padding-inline:max(24px,calc((100% - 1160px)/2))}
body.cosmos-landing #cosmos-hero{max-width:none;width:100%;margin:0;border-radius:0;padding-inline:max(24px,calc((100% - 1160px)/2))}
body.cosmos-landing .cx-nav,body.cosmos-landing #cosmos-hero{box-shadow:0 0 0 100vmax #111;clip-path:inset(0 -100vmax)}
.resource-intro{background:#111;color:#fff;padding:64px 0 76px;margin:-70px 0 24px;box-shadow:0 0 0 100vmax #111;clip-path:inset(0 -100vmax)}
.resource-intro h1{color:#fff}.resource-intro p,.resource-intro .eyebrow{color:#cbd5e1}.resource-intro .eyebrow::before{background:#fff}
@media(max-width:760px){.resource-intro{margin-top:-40px;padding:40px 0 48px}}