/* Kiarflow: colours from the existing Shorts; KF original alpha silhouette.
   WF + infinity follows the existing Streamlabs widget typography. */
.community{--ink:#0e141e;--gold:#e4bf79;--paper:#f6f5f1;--orange:#806021;--line:#d6d4ce;background:var(--paper);color:var(--ink)}
.brand-header-shell{background:#0e141e;position:relative;z-index:20}
.community .site-header{background:var(--ink);color:#fff;gap:24px}
.community .community-brand{gap:16px;flex-shrink:0;letter-spacing:.01em;line-height:1.2;color:#fff}
.kf-mark{display:block;width:62px;height:45px;object-fit:contain;flex:none}
.obs-chat-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:62px;min-height:49px;color:var(--gold);font:32px/.9 Georgia,serif;letter-spacing:-2px}
.obs-chat-mark>span{font:36px/.7 Georgia,serif;letter-spacing:0}
.brand-subline{font-size:.75em;letter-spacing:.15em;font-weight:500;color:#e4bf79}
.community .main-nav a:hover,.community .preview-links a:hover{color:var(--gold)}
.community .main-nav .nav-cta{background:transparent;color:var(--gold);border:1px solid #8d784e}
.community .main-nav .nav-cta:hover{background:#252c35}
.community .menu-toggle{color:#fff}
.community .community-hero{background:var(--ink);color:#fff;box-shadow:0 0 0 100vmax var(--ink);clip-path:inset(0 -100vmax);padding-block:34px 48px}
.community .community-hero h1>span{color:var(--gold)}
.community .community-hero .eyebrow{color:var(--gold)}
.community .community-hero-copy>p:not(.eyebrow){color:#d0d4dc}
.community .community-hero .text-link{color:#fff}
.community .azeroth-scene figcaption span{color:#b8c0cc}
.community .button.orange,.community .button.forest,.community .button.cream{background:var(--gold);color:var(--ink);border:1px solid var(--gold);border-radius:999px;font-weight:700}
.community .button:hover{background:#f0d49c;box-shadow:0 5px 18px #0e141e24}
.community .button:focus-visible,.community button:focus-visible,.community a:focus-visible,.community summary:focus-visible{outline:3px solid #806021;outline-offset:5px}
.community .site-header a:focus-visible,.community .site-header button:focus-visible,.community .community-hero a:focus-visible,.community .community-discord a:focus-visible{outline-color:var(--gold)}
.community .eyebrow,.community .welcome-grid article>span,.community .guide-index span{color:#76571e}
.community-status{background:#eceae3;border-color:#d5d1c6}
.community-status dl>div+div{border-color:#ccc6b8}
.community-status dt{color:#535964}
.community .next-meet{background:#eeebe2;border-color:#d4c7ac}
.community .next-meet h2{letter-spacing:-.03em}
.community .home-guide-start .guide-index article{background:#fff;border-color:#d6d4ce;border-top:3px solid var(--gold)}
.community .home-guide-start .guide-index p,.community .welcome-grid p,.community .welcome-foot p,.community .section-aside,.community .faq details p,.community .site-footer>p,.community .footer-brand span{color:#535964}
.forever-heading{display:flex;align-items:center;gap:20px}
.forever-heading h2{margin:0}
.forever-mark{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font:26px/.9 Georgia,serif;letter-spacing:-2px;color:var(--gold);background:var(--ink);width:62px;height:66px;border-radius:15px;flex:none;padding-top:4px}
.forever-mark>span{font:30px/.7 Georgia,serif;letter-spacing:0}
.forever-guide-mark{margin-bottom:20px}
.community .news-card{background:#fff;border-top-color:var(--gold)}
.community .capture-card,.community .community-discord{background:var(--ink);color:#fff}
.community .capture-card>span,.community .community-discord .eyebrow,.community .community-discord h2 em{color:var(--gold)}
.community .capture-card p,.community .community-discord p:not(.eyebrow),.community .community-discord small{color:#c8ced8}
.community .play-section{background:#eceae3}
.community .play-options p,.community .play-intro p{color:#535964}
.community .project-feature{background:#eceae3;border-radius:20px;overflow:hidden}
.community .project-image{background:#e2dfd5}
.community .project-copy h3>span,.community .feature-list li:before,.community .faq summary:after{color:#806021}
.community .project-copy p,.community .project-copy small,.community .feature-list{color:#535964}
.community .guide-status,.community blockquote,.community .guide-toc{background:#eeebe2;border-color:#9b762e}
.community .guide-table th{background:#eeebe2}
.community .guide-table th,.community .guide-table td,.community .site-footer,.community .guide-sources{border-color:#d6d4ce}
.community .guide-figure figcaption,.community .guide-banner figcaption{color:#535964}
.community .preview-links{align-items:center}
.community .legal-copy .news-card h2{font-size:1.55rem;margin:14px 0}
@media(max-width:1000px){.community .main-nav{background:var(--ink);color:#fff}}
@media(max-width:650px){.community .site-header{flex-wrap:wrap;gap:18px}.community .community-brand{font-size:1rem;gap:12px}.kf-mark{width:52px;height:40px}.obs-chat-mark{width:52px;min-height:45px;font-size:29px}.obs-chat-mark>span{font-size:33px}.community .community-hero{padding-block:26px 36px}.forever-heading{gap:14px}.forever-mark{width:52px;height:58px}.community .preview-links{gap:18px}.community .next-meet .button{max-width:100%;white-space:normal}.community .capture-card ol{line-height:1.7}}

.community .menu-toggle{border-radius:12px}
.community .legal-copy{overflow-wrap:anywhere}