/* 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}}
