/* CMS separate category pages. Keeps shared backend nodes mounted but hides
the content of unrelated pages; no duplicate API storage or fake counts. */
html[data-cms-page="home"] main>section[id],
html[data-cms-page="news"] main>section[id]:not(#news),
html[data-cms-page="chat"] main>section[id]:not(#chat),
html[data-cms-page="karriere"] main>section[id]:not(#career),
html[data-cms-page="kampagne"] main>section[id]:not(#campaign),
html[data-cms-page="team"] main>section[id]:not(#team),
html[data-cms-page="events"] main>section[id]:not(#events),
html[data-cms-page="liga"] main>section[id]:not(#clans):not(#league),
html[data-cms-page="admin"] main>section[id]:not(#admin){display:none!important}
.cms-directory{max-width:1320px;margin:0 auto;padding:38px 0 58px}
.cms-directory>h2{font-size:clamp(29px,3.2vw,48px);margin:8px 0 15px}
.cms-directory>p{color:#c9b5a7;max-width:690px;margin-bottom:28px}
.cms-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cms-directory-card{background:linear-gradient(150deg,#1b1212,#0c0909);
 border:1px solid #48302b;box-shadow:0 16px 40px #0008;border-radius:15px;
 padding:25px;display:flex;min-height:225px;flex-direction:column;gap:10px;
 color:#e8d9d3!important;text-decoration:none!important;transition:transform .18s,border-color .18s}
.cms-directory-card:hover,.cms-directory-card:focus-visible{transform:translateY(-4px);border-color:#d46b4c;background:#281614}
.cms-directory-symbol{font-size:29px}
.cms-directory-card h3{font-size:21px;color:#f5eae5;margin:0}
.cms-directory-card p{font-size:14px;line-height:1.55;color:#bcb0a9;flex:1;margin:0}
.cms-directory-cta{font-weight:800;color:#e5a16e;font-size:13px;margin-top:8px}
.cms-crumbs{padding:19px 0 2px;font-size:13px;color:#a99d96}
.cms-crumbs a{color:#e2a16c}
html[data-cms-view="mobile"] .cms-directory{padding:22px 0 36px}
html[data-cms-view="mobile"] .cms-directory-grid{grid-template-columns:minmax(0,1fr);gap:12px}
html[data-cms-view="mobile"] .cms-directory-card{min-height:145px;padding:17px 18px;gap:6px}
html[data-cms-view="mobile"] .cms-directory-card h3{font-size:19px}
html[data-cms-view="mobile"] .cms-directory-card p{font-size:13px}
@media (min-width:650px) and (max-width:1050px){.cms-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.cms-directory-card{transition:none}.cms-directory-card:hover{transform:none}}

/* Unique purpose per route; DOM placeholders remain mounted for existing scripts. */
html[data-cms-page="events"] #streams,html[data-cms-page="liga"] #streams,
html[data-cms-page="karriere"] #streams{display:none!important}
html[data-cms-page="liga"] #clans{margin-bottom:24px}
html[data-cms-page="events"] #events,html[data-cms-page="liga"] #league,
html[data-cms-page="karriere"] #career{max-width:1500px;margin-inline:auto}
html[data-cms-page="events"] .hero,html[data-cms-page="liga"] .hero,
html[data-cms-page="karriere"] .hero{padding-bottom:22px}

/* Match the operations dashboard across legacy detail routes. */
html[data-cms-page] body>header nav .links a[aria-current=page]{
 color:#fff2e8!important;background:linear-gradient(135deg,#a3231b,#5a100c)!important;
 border:1px solid #d4503f!important
}
html[data-cms-page] body>header nav .links{gap:5px!important}
html[data-cms-page] body>header nav .links a{font-size:12px!important}


/* Unified public navigation: no duplicate dashboard sidebar. */
html[data-cms-view="desktop"][data-cms-site] body{padding-left:0!important}
html[data-cms-site] .cms-app-sidebar{display:none!important}
html[data-cms-view="desktop"][data-cms-site] body>header>nav.cms-primary-nav{
 display:flex!important;position:relative;visibility:visible!important;
}
html[data-cms-site] body>header nav .links{display:flex;flex-wrap:wrap;gap:8px!important}
html[data-cms-site] body>header nav .links a{font-size:13px!important}
html[data-cms-site] main,html[data-cms-site] footer{max-width:100%}
html[data-cms-page="home"] .cms-directory{
 width:min(1380px,calc(100% - 32px));max-width:1380px;
}
html[data-cms-page="home"] .cms-directory-card{
 background:linear-gradient(155deg,#281719 0%,#140f12 68%,#100b0d);
 border-color:#58403a; min-height:210px;
}
html[data-cms-page="home"] .cms-directory-card:focus-visible{
 outline:3px solid #e4a46e;outline-offset:3px;
}
@media(max-width:1023px){
 html[data-cms-page="home"] .cms-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 html[data-cms-page="home"] .cms-directory-grid{grid-template-columns:1fr}
 html[data-cms-page="home"] .cms-directory{width:calc(100% - 24px)}
}

/* One navigation only: no mobile dock, no breadcrumb bar, no space reserved for them. */
html[data-cms-site] body{padding-bottom:env(safe-area-inset-bottom,0px)!important}
html[data-cms-site] .cms-mobile-dock,html[data-cms-site] .cms-crumbs{display:none!important}