/* Distinct editorial artwork for Civorbis public sections. */
html:has(link[rel="canonical"][href$="/dunya"]) .seo-guide-hero,
html:has(link[rel="canonical"][href$="/world"]) .seo-guide-hero {
 background-image:linear-gradient(90deg,rgba(3,13,23,.98) 0%,rgba(3,13,23,.72) 47%,rgba(3,13,23,.12) 100%),url('/assets/images/civorbis-world-hero.png');
}
html:has(link[rel="canonical"][href$="/ekonomi"]) .seo-guide-hero,
html:has(link[rel="canonical"][href$="/economy"]) .seo-guide-hero {
 background-image:linear-gradient(90deg,rgba(3,13,23,.98) 0%,rgba(3,13,23,.72) 47%,rgba(3,13,23,.12) 100%),url('/assets/images/civorbis-economy-hero.png');
}
html:has(link[rel="canonical"][href$="/savaslar"]) .seo-guide-hero,
html:has(link[rel="canonical"][href$="/wars"]) .seo-guide-hero {
 background-image:linear-gradient(90deg,rgba(3,13,23,.98) 0%,rgba(3,13,23,.72) 47%,rgba(3,13,23,.12) 100%),url('/assets/images/civorbis-combined-forces-hero.png');
}
html:has(link[rel="canonical"][href$="/oyun-hakkinda"]) .seo-guide-hero,
html:has(link[rel="canonical"][href$="/about-game"]) .seo-guide-hero {
 background-image:linear-gradient(90deg,rgba(3,13,23,.98) 0%,rgba(3,13,23,.72) 47%,rgba(3,13,23,.12) 100%),url('/assets/images/civorbis-about-hero.png');
}

/* Forum uses the full viewport and reads like an in-game social command center. */
.forum-shell{width:calc(100% - 20px);max-width:1880px;padding:24px 0 72px}
.forum-hero{position:relative;isolation:isolate;min-height:400px;align-items:end;grid-template-columns:minmax(320px,760px) minmax(280px,1fr);padding:52px 58px;margin-bottom:22px;border:1px solid #284b60;border-radius:22px;overflow:hidden;background:#061521 url('/assets/images/civorbis-forum-hero.png') center/cover no-repeat}
.forum-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,13,23,.98) 0%,rgba(3,13,23,.78) 48%,rgba(3,13,23,.2) 100%)}
.forum-hero>*{position:relative}
.forum-hero h1{font-size:clamp(3.2rem,6.8vw,7rem);max-width:760px}
.forum-hero p{max-width:620px;padding:20px;border:1px solid rgba(112,205,214,.2);border-radius:14px;background:rgba(3,16,27,.72);backdrop-filter:blur(8px)}
.forum-layout{grid-template-columns:minmax(330px,400px) minmax(0,1fr)}
@media(max-width:980px){.forum-shell{width:calc(100% - 28px)}.forum-hero{min-height:360px;grid-template-columns:1fr;padding:34px}.forum-layout{grid-template-columns:1fr}}
@media(max-width:650px){.forum-hero{min-height:320px;padding:24px 20px}.forum-hero p{padding:14px}}