.community-site { --c-primary:#0878e8; --c-ink:#08235c; --c-shadow:0 12px 32px rgba(16,87,176,.14); color:var(--c-ink); background:#eefbff; }
.community-site .community-header { position:relative; z-index:100; min-height:76px; padding:0; border-bottom:1px solid rgba(25,91,184,.12); background:rgba(255,255,255,.98); box-shadow:0 3px 16px rgba(20,72,150,.08); backdrop-filter:blur(12px); }
.community-header__inner { display:grid; grid-template-columns:245px minmax(0,1fr) auto; align-items:center; gap:20px; width:min(1440px,calc(100% - 40px)); min-height:76px; margin-inline:auto; }.community-brand { display:block; line-height:0; }.community-brand img { display:block; width:min(210px,100%); height:54px; object-fit:contain; object-position:left center; }
.community-site .community-nav { display:flex; align-items:center; justify-content:center; gap:3px; }.community-site .community-nav a { display:inline-flex; align-items:center; gap:5px; min-height:42px; padding:8px 9px; border:1px solid transparent; border-radius:12px; color:#1554a0; font-size:.78rem; font-weight:900; line-height:1; text-decoration:none; white-space:nowrap; text-shadow:none; transition:background .18s ease,color .18s ease,transform .18s ease; }.community-site .community-nav a:hover,.community-site .community-nav a:focus-visible,.community-site .community-nav a[aria-current="page"] { color:#063682; border-color:rgba(8,120,232,.15); background:linear-gradient(180deg,#e9f9ff,#d8f1ff); outline:0; transform:translateY(-1px); }.community-site .community-nav img { width:20px; height:20px; object-fit:contain; }
.community-header__actions { display:flex; align-items:center; justify-content:flex-end; gap:7px; white-space:nowrap; }.community-header__actions a,.community-header__actions button { display:inline-flex; min-height:37px; align-items:center; justify-content:center; padding:7px 12px; border:1px solid #b7dcf5; border-radius:999px; color:#114f9c; background:#fff; font-size:.78rem; font-weight:900; text-decoration:none; cursor:pointer; }.community-header__actions form { margin:0; }.community-header__actions .community-icon-link { width:37px; padding:7px; }.community-header__actions .community-icon-link img { width:21px; height:21px; }.community-header__actions .community-login-link { background:#effaff; }.community-header__actions .community-join-link { border-color:#f2a600; color:#593807; background:linear-gradient(135deg,#ffe55d,#ffba13); box-shadow:0 3px 10px rgba(255,172,13,.28); }.community-header__actions .community-admin-link { color:#fff; border-color:#0878e8; background:#0878e8; }.community-site .community-menu-toggle { display:none; color:#1255a1; border-color:#9ccff1; background:#f3fbff; }.community-site .community-main { min-height:65vh; }.community-site .community-footer { color:#d7efff; border-top:0; background:linear-gradient(120deg,#06336f,#0865bc); }.community-site .community-footer nav a { color:#fff; }
@media (max-width:1179px) { .community-header__inner { grid-template-columns:minmax(200px,1fr) auto auto; gap:10px; }.community-site .community-menu-toggle { display:grid; width:42px; height:40px; place-items:center; padding:0; }.community-site .community-nav { position:absolute; top:100%; left:0; right:0; display:none; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; padding:14px max(20px,calc((100% - 960px)/2)); border-bottom:1px solid #cde9fa; background:rgba(255,255,255,.99); box-shadow:0 12px 20px rgba(14,74,145,.12); }.community-site .community-nav.is-open { display:grid; }.community-site .community-nav a { justify-content:center; } }
@media (max-width:767px) { .community-header__inner { grid-template-columns:minmax(150px,1fr) auto auto; width:min(100% - 24px,680px); min-height:64px; }.community-brand img { width:178px; height:48px; }.community-header__actions .community-login-link,.community-header__actions .community-profile-link,.community-header__actions form,.community-header__actions .community-admin-link { display:none; }.community-header__actions .community-join-link { min-height:34px; padding:6px 9px; font-size:.71rem; }.community-site .community-nav { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; }.community-site .community-nav a { justify-content:flex-start; padding-inline:14px; } }

.community-home-page .community-header { position:absolute; inset:0 0 auto; border:0; background:linear-gradient(180deg,rgba(3,30,103,.5),rgba(3,30,103,0)); box-shadow:none; backdrop-filter:none; }.community-home-page .community-header__inner { min-height:76px; }.community-home-page .community-brand img { width:218px; height:62px; }.community-home-page .community-nav a { color:#fff; border-color:transparent; background:transparent; text-shadow:0 2px 4px rgba(1,21,79,.9); }.community-home-page .community-nav img { filter:brightness(0) invert(1) drop-shadow(0 2px 3px rgba(1,21,79,.85)); }.community-home-page .community-nav a:hover,.community-home-page .community-nav a:focus-visible,.community-home-page .community-nav a[aria-current="page"] { color:#0b3b91; border-color:#ffd964; background:linear-gradient(180deg,#fff5ae,#ffc930); text-shadow:none; }.community-home-page .community-nav a[aria-current="page"] img { filter:none; }.community-home-page .community-header__actions a,.community-home-page .community-header__actions button { border-color:rgba(255,255,255,.88); color:#0c4a9b; background:rgba(255,255,255,.92); box-shadow:0 3px 10px rgba(1,24,89,.28); }.community-home-page .community-header__actions .community-join-link { border-color:#f6ad16; color:#5b3900; background:linear-gradient(135deg,#ffe767,#ffb312); }