/* ======================================================================
   AquariumLesson - community.css
   Scope: #alPublicCommunity on /community/ and public tank pages.
   This file is intentionally loaded for logged-in and logged-out visitors.
   ====================================================================== */

body:has(#alPublicCommunity) #content,
body:has(#alPublicCommunity) .site-content,
body:has(#alPublicCommunity) .ast-container,
body:has(#alPublicCommunity) main#primary{
  width:100%;
  max-width:none;
  padding-right:0;
  padding-left:0;
}

body:has(#alPublicCommunity) .elementor[data-elementor-type="wp-page"] > .elementor-element:first-child,
body:has(#alPublicCommunity) .elementor-element:has(#alPublicCommunity),
body:has(#alPublicCommunity) .elementor-widget-shortcode:has(#alPublicCommunity),
body:has(#alPublicCommunity) .elementor-widget-container:has(#alPublicCommunity),
body:has(#alPublicCommunity) .e-con:has(#alPublicCommunity),
body:has(#alPublicCommunity) .e-con-inner:has(#alPublicCommunity){
  --padding-top:0 !important;
  --padding-block-start:0 !important;
  padding-top:0 !important;
  margin-top:0 !important;
}

body:has(#alPublicCommunity) .elementor[data-elementor-type="wp-page"] > .elementor-element:first-child,
body:has(#alPublicCommunity) .elementor[data-elementor-type="wp-page"] > .elementor-element:first-child > .e-con-inner,
body:has(#alPublicCommunity) .elementor-element:has(#alPublicCommunity),
body:has(#alPublicCommunity) .elementor-widget-shortcode:has(#alPublicCommunity),
body:has(#alPublicCommunity) .elementor-widget-container:has(#alPublicCommunity),
body:has(#alPublicCommunity) .e-con:has(#alPublicCommunity),
body:has(#alPublicCommunity) .e-con-inner:has(#alPublicCommunity){
  padding-right:0 !important;
  padding-left:0 !important;
}

body:has(#alPublicCommunity) .elementor-39932 .elementor-element.elementor-element-ea388c0,
body:has(#alPublicCommunity) .elementor-element.elementor-element-ea388c0,
body:has(#alPublicCommunity) .elementor-element:has(#alPublicCommunity),
body:has(#alPublicCommunity) .elementor-widget-shortcode:has(#alPublicCommunity),
body:has(#alPublicCommunity) .elementor-widget-container:has(#alPublicCommunity),
body:has(#alPublicCommunity) .e-con:has(#alPublicCommunity),
body:has(#alPublicCommunity) .e-con-inner:has(#alPublicCommunity){
  --display:block !important;
  --align-items:stretch !important;
  --justify-content:initial !important;
  --content-width:100% !important;
  --width:100% !important;
  display:block !important;
  align-items:stretch !important;
  justify-content:initial !important;
  width:100% !important;
  max-width:none !important;
}

#alPublicCommunity{
  display:block;
  width:100%;
  max-width:none;
  margin-top:0;
}

#alPublicCommunity #alMemberArea.al-community{
  --al-community-text:#0f172a;
  --al-community-muted:#64748b;
  --al-community-border:rgba(15,23,42,.09);
  --al-community-surface:#ffffff;
  --al-community-soft:#f8fafc;
  --al-community-accent:#2f6b4f;
  --al-community-accent-strong:#24543f;
  --al-community-ring:0 0 0 4px rgba(47,107,79,.16);
  color:var(--al-community-text);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:15px;
  line-height:1.5;
  background:
    radial-gradient(circle at 12% 0%, rgba(20,184,166,.12), transparent 30%),
    linear-gradient(180deg,#f8fafc 0%,#eef8f6 48%,#f8fafc 100%);
}

#alPublicCommunity #alMemberArea.al-community *,
#alPublicCommunity #alMemberArea.al-community *::before,
#alPublicCommunity #alMemberArea.al-community *::after{
  box-sizing:border-box;
}

#alPublicCommunity #alMemberArea.al-community a{
  color:inherit;
}

#alPublicCommunity #alMemberArea.al-community img{
  max-width:100%;
  height:auto;
}

#alPublicCommunity #alMemberArea.al-community .al-tanks-shell{
  width:100%;
}

#alPublicCommunity #alMemberArea.al-community .al-tanks-container{
  width:min(1180px, calc(100% - 32px));
  margin:0 auto;
  padding:24px 0 42px;
}

#alPublicCommunity #alMemberArea.al-community .al-tanksSurface__eyebrow{
  color:var(--al-community-accent);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#alPublicCommunity #alMemberArea.al-community .al-tanksSurface__head{
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  gap:16px;
  margin:0;
}

#alPublicCommunity #alMemberArea.al-community .al-tanksSurface__titleWrap{
  display:grid;
  gap:5px;
  min-width:0;
}

#alPublicCommunity #alMemberArea.al-community .al-tanksSurface__title{
  margin:0;
  color:var(--al-community-text);
  font-size:clamp(24px, 3vw, 34px);
  line-height:1.08;
  letter-spacing:0;
}

#alPublicCommunity #alMemberArea.al-community .al-tanksSurface__sub{
  max-width:760px;
  margin:0;
  color:var(--al-community-muted);
}

#alPublicCommunity #alMemberArea.al-community .al-btn{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 16px;
  border:1px solid var(--al-community-border);
  border-radius:999px;
  background:#fff;
  color:var(--al-community-text);
  font:inherit;
  font-size:14px;
  font-weight:850;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  transition:transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease;
}

#alPublicCommunity #alMemberArea.al-community .al-btn:hover,
#alPublicCommunity #alMemberArea.al-community .al-btn:focus-visible{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(15,23,42,.13);
  outline:0;
}

#alPublicCommunity #alMemberArea.al-community .al-btn:focus-visible{
  box-shadow:var(--al-community-ring), 0 12px 26px rgba(15,23,42,.13);
}

#alPublicCommunity #alMemberArea.al-community .al-btn--primary{
  border-color:rgba(47,107,79,.24);
  background:var(--al-community-accent);
  color:#fff;
  box-shadow:0 12px 26px rgba(47,107,79,.22);
}

#alPublicCommunity #alMemberArea.al-community .al-btn--primary:hover,
#alPublicCommunity #alMemberArea.al-community .al-btn--primary:focus-visible{
  background:var(--al-community-accent-strong);
}

#alPublicCommunity #alMemberArea.al-community .al-btn--ghost{
  background:rgba(255,255,255,.82);
}

#alPublicCommunity #alMemberArea.al-community .al-ico,
#alPublicCommunity #alMemberArea.al-community .al-ico svg{
  display:inline-block;
  width:18px;
  height:18px;
  flex:0 0 18px;
}

#alPublicCommunity #alMemberArea.al-community .al-communityHero--platform{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  min-height:0;
  padding:34px 0 18px;
}

#alPublicCommunity #alMemberArea.al-community .al-communityHero__copy{
  display:grid;
  gap:10px;
  min-width:0;
}

#alPublicCommunity #alMemberArea.al-community .al-communityHero__title{
  max-width:880px;
  margin:0;
  color:var(--al-community-text);
  font-size:clamp(38px, 6vw, 64px);
  line-height:.98;
  letter-spacing:0;
}

#alPublicCommunity #alMemberArea.al-community .al-communityHero__text{
  max-width:720px;
  margin:0;
  color:var(--al-community-muted);
  font-size:clamp(16px, 2vw, 19px);
  line-height:1.55;
}

#alPublicCommunity #alMemberArea.al-community .al-communityHero__actions,
#alPublicCommunity #alMemberArea.al-community .al-communityJoin__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:10px;
}

#alPublicCommunity #alMemberArea.al-community .al-communityTabs.al-context-nav{
  display:block;
  margin:0 0 18px;
  padding:6px;
  border:1px solid var(--al-community-border);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  box-shadow:0 16px 42px rgba(15,23,42,.07);
  overflow-x:auto;
  scrollbar-width:none;
}

#alPublicCommunity #alMemberArea.al-community .al-communityTabs.al-context-nav::-webkit-scrollbar{
  display:none;
}

#alPublicCommunity #alMemberArea.al-community .al-communityTabs .al-context-nav__list{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:max-content;
}

#alPublicCommunity #alMemberArea.al-community .al-context-nav__item,
#alPublicCommunity #alMemberArea.al-community .al-context-nav__link,
#alPublicCommunity #alMemberArea.al-community .al-communityTab{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:42px;
  max-width:none;
  padding:0 16px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:#475569;
  font:inherit;
  font-size:14px;
  font-weight:850;
  letter-spacing:0;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  overflow:hidden;
  text-overflow:ellipsis;
}

#alPublicCommunity #alMemberArea.al-community .al-context-nav__item:hover,
#alPublicCommunity #alMemberArea.al-community .al-context-nav__item:focus-visible,
#alPublicCommunity #alMemberArea.al-community .al-communityTab:hover,
#alPublicCommunity #alMemberArea.al-community .al-communityTab:focus-visible{
  color:var(--al-community-text);
  background:rgba(255,255,255,.70);
  outline:0;
}

#alPublicCommunity #alMemberArea.al-community .al-communityTab.is-active,
#alPublicCommunity #alMemberArea.al-community .al-communityTab[aria-selected="true"]{
  color:rgba(17,24,39,.92);
  background:#fff;
  box-shadow:
    0 1px 0 rgba(17,24,39,.04),
    0 8px 18px rgba(17,24,39,.08);
}

#alPublicCommunity #alMemberArea.al-community .al-communityPanes{
  margin:0 0 24px;
}

#alPublicCommunity #alMemberArea.al-community .al-communityPane{
  display:grid;
  gap:16px;
  padding:20px;
  border:1px solid var(--al-community-border);
  border-radius:24px;
  background:rgba(255,255,255,.72);
  box-shadow:0 18px 54px rgba(15,23,42,.08);
}

#alPublicCommunity #alMemberArea.al-community .al-communityPane[hidden]{
  display:none;
}

#alPublicCommunity #alMemberArea.al-community .al-communityGrid,
#alPublicCommunity #alMemberArea.al-community .al-communityRanking{
  display:grid;
  gap:14px;
}

#alPublicCommunity #alMemberArea.al-community .al-communityGrid--tanks,
#alPublicCommunity #alMemberArea.al-community .al-communityGrid--featured{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

#alPublicCommunity #alMemberArea.al-community .al-communityGrid--recent{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

#alPublicCommunity #alMemberArea.al-community .al-communityGrid--updates,
#alPublicCommunity #alMemberArea.al-community .al-communityGrid--trending,
#alPublicCommunity #alMemberArea.al-community .al-communityRanking{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard,
#alPublicCommunity #alMemberArea.al-community .al-communityRankCard{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--al-community-border);
  border-radius:18px;
  background:var(--al-community-surface);
  box-shadow:0 16px 44px rgba(15,23,42,.08);
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard{
  display:grid;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__media{
  position:relative;
  display:block;
  overflow:hidden;
  color:inherit;
  text-decoration:none;
  background:#e2e8f0;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__media .tank-save-toggle{
  position:absolute;
  top:10px;
  right:12px;
  z-index:8;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  padding:0;
  border:1px solid rgba(148,163,184,.62);
  border-radius:999px;
  background:#fff;
  color:#0f172a;
  box-shadow:0 4px 12px rgba(15,23,42,.20);
}

#alPublicCommunity #alMemberArea.al-community .tank-save-toggle .al-ico,
#alPublicCommunity #alMemberArea.al-community .tank-save-toggle svg{
  display:block;
  width:18px;
  height:18px;
}

#alPublicCommunity #alMemberArea.al-community .tank-save-toggle .al-fillable{
  fill:transparent;
  stroke:currentColor;
}

#alPublicCommunity #alMemberArea.al-community .tank-save-toggle.is-saved .al-fillable,
#alPublicCommunity #alMemberArea.al-community .tank-save-toggle[aria-pressed="true"] .al-fillable{
  fill:#2f6b4f;
  stroke:#2f6b4f;
}

#alPublicCommunity #alMemberArea.al-community .tank-save-toggle[data-saving="1"],
#alPublicCommunity #alMemberArea.al-community .tank-save-toggle[aria-busy="true"]{
  cursor:wait;
  opacity:.82;
  pointer-events:none;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .22s ease;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard:hover .al-communityCard__image{
  transform:scale(1.025);
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard--featured .al-communityCard__image,
#alPublicCommunity #alMemberArea.al-community .al-communityCard--tank .al-communityCard__image{
  aspect-ratio:16/11;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard--highlight .al-communityCard__image{
  aspect-ratio:4/5;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__body{
  display:grid;
  gap:10px;
  padding:16px;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__title{
  margin:2px 0 0;
  color:var(--al-community-text);
  font-size:20px;
  line-height:1.12;
  letter-spacing:0;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__title a,
#alPublicCommunity #alMemberArea.al-community .al-communityCard__story a{
  color:var(--al-community-text);
  text-decoration:none;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__title a:hover,
#alPublicCommunity #alMemberArea.al-community .al-communityCard__title a:focus-visible,
#alPublicCommunity #alMemberArea.al-community .al-communityCard__story a:hover,
#alPublicCommunity #alMemberArea.al-community .al-communityCard__story a:focus-visible{
  text-decoration:underline;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__meta{
  color:var(--al-community-muted);
  font-size:13px;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__badges{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__chip,
#alPublicCommunity #alMemberArea.al-community .al-tanks__chip{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  max-width:100%;
  padding:0 10px;
  border-radius:999px;
  background:rgba(15,118,110,.09);
  color:#0f3f3a;
  font-size:12px;
  font-weight:850;
  line-height:1;
  text-transform:capitalize;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__chip--warm{
  background:rgba(245,158,11,.14);
  color:#92400e;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__chip--score{
  background:rgba(57,117,138,.10);
  color:#2f5f70;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__cta{
  justify-self:start;
  margin-top:2px;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__story{
  display:grid;
  gap:2px;
  color:var(--al-community-text);
  font-size:14px;
  line-height:1.35;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__caption{
  color:#334155;
  font-size:14px;
  line-height:1.45;
}

#alPublicCommunity #alMemberArea.al-community .al-communityOwner{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  color:inherit;
  text-decoration:none;
}

#alPublicCommunity #alMemberArea.al-community .al-communityOwner__avatar{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:50%;
  object-fit:cover;
  background:linear-gradient(135deg,#dff7f2,#edf5f0);
  border:2px solid rgba(255,255,255,.9);
  box-shadow:0 8px 18px rgba(15,23,42,.12);
}

#alPublicCommunity #alMemberArea.al-community .al-communityOwner__avatar--empty{
  display:inline-block;
}

#alPublicCommunity #alMemberArea.al-community .al-communityOwner__name{
  min-width:0;
  overflow:hidden;
  color:var(--al-community-text);
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#alPublicCommunity #alMemberArea.al-community a.al-communityOwner:hover .al-communityOwner__name,
#alPublicCommunity #alMemberArea.al-community a.al-communityOwner:focus-visible .al-communityOwner__name{
  text-decoration:underline;
}

#alPublicCommunity #alMemberArea.al-community .al-communityRankCard{
  position:relative;
  display:grid;
  gap:14px;
  padding:16px;
  background:linear-gradient(180deg,#fff,rgba(240,253,250,.88));
  border-color:rgba(15,118,110,.14);
}

#alPublicCommunity #alMemberArea.al-community .al-communityRankCard__rank{
  position:absolute;
  top:14px;
  right:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:32px;
  padding:0 9px;
  border-radius:999px;
  background:var(--al-community-text);
  color:#fff;
  font-size:13px;
  font-weight:900;
}

#alPublicCommunity #alMemberArea.al-community .al-communityRankCard__main{
  display:grid;
  gap:8px;
  padding-right:42px;
}

#alPublicCommunity #alMemberArea.al-community .al-communityRankCard__level{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(57,117,138,.10);
  color:#2f5f70;
  font-size:12px;
  font-weight:900;
}

#alPublicCommunity #alMemberArea.al-community .al-communityRankCard__score{
  font-size:32px;
  line-height:1;
}

#alPublicCommunity #alMemberArea.al-community .al-communityRankCard__label,
#alPublicCommunity #alMemberArea.al-community .al-communityRankCard__plain{
  color:var(--al-community-muted);
  font-size:13px;
}

#alPublicCommunity #alMemberArea.al-community .al-communityRankCard__stats{
  display:grid;
  gap:6px;
  color:#475569;
  font-size:13px;
}

#alPublicCommunity #alMemberArea.al-community .al-communityRankCard__cta{
  justify-content:center;
}

#alPublicCommunity #alMemberArea.al-community .al-communityLoadMore{
  justify-self:center;
  grid-column:1/-1;
  margin-top:4px;
}

#alPublicCommunity #alMemberArea.al-community.is-loading-community .al-communityLoadMore{
  opacity:.65;
  pointer-events:none;
}

#alPublicCommunity .al-communitySentinel{
  width:100%;
  height:1px;
}

#alPublicCommunity #alMemberArea.al-community .al-communityEmpty{
  display:grid;
  align-items:start;
  gap:8px;
  padding:20px;
  border:1px dashed rgba(15,118,110,.22);
  border-radius:18px;
  background:rgba(240,253,250,.58);
  color:var(--al-community-muted);
}

#alPublicCommunity #alMemberArea.al-community .al-communityEmpty[hidden]{
  display:none;
}

#alPublicCommunity #alMemberArea.al-community .al-communityEmpty strong{
  color:var(--al-community-text);
}

#alPublicCommunity #alMemberArea.al-community .al-communityEmpty .al-btn{
  justify-self:start;
  margin-top:8px;
}

#alPublicCommunity #alMemberArea.al-community .al-communityEmpty--compact{
  padding:18px;
}

#alPublicCommunity #alMemberArea.al-community .al-communityJoin{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:20px 0 42px;
  padding:24px;
  border-radius:22px;
  color:#fff;
  background:
    radial-gradient(circle at 92% 20%, rgba(255,255,255,.16), transparent 28%),
    linear-gradient(135deg,#0f172a 0%,#24543f 58%,#2f6b4f 100%);
  box-shadow:0 28px 70px rgba(15,23,42,.20);
}

#alPublicCommunity #alMemberArea.al-community .al-communityJoin h2{
  margin:0;
  color:#fff;
  font-size:32px;
  line-height:1.05;
  letter-spacing:0;
}

#alPublicCommunity #alMemberArea.al-community .al-communityJoin p{
  max-width:640px;
  margin:8px 0 0;
  color:rgba(255,255,255,.82);
}

#alPublicCommunity #alMemberArea.al-community .al-communityJoin .al-tanksSurface__eyebrow{
  color:rgba(255,255,255,.72);
}

#alPublicCommunity #alMemberArea.al-community .al-communityJoin .al-btn--ghost{
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.12);
  color:#fff;
}

@media (max-width: 1100px){
  #alPublicCommunity #alMemberArea.al-community .al-communityRanking,
  #alPublicCommunity #alMemberArea.al-community .al-communityGrid--recent,
  #alPublicCommunity #alMemberArea.al-community .al-communityGrid--trending,
  #alPublicCommunity #alMemberArea.al-community .al-communityGrid--updates{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 900px){
  #alPublicCommunity #alMemberArea.al-community .al-communityHero--platform{
    align-items:flex-start;
    flex-direction:column;
    padding-top:28px;
  }

  #alPublicCommunity #alMemberArea.al-community .al-communityHero__actions,
  #alPublicCommunity #alMemberArea.al-community .al-communityJoin__actions{
    justify-content:flex-start;
  }

  #alPublicCommunity #alMemberArea.al-community .al-communityGrid--tanks,
  #alPublicCommunity #alMemberArea.al-community .al-communityGrid--featured{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #alPublicCommunity #alMemberArea.al-community .al-communityJoin{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media (max-width: 760px){
  #alPublicCommunity #alMemberArea.al-community .al-tanks-container{
    width:min(100% - 24px, 1180px);
    padding-top:16px;
  }

  #alPublicCommunity #alMemberArea.al-community .al-communityHero--platform{
    padding:24px 0 14px;
  }

  #alPublicCommunity #alMemberArea.al-community .al-communityHero__title{
    font-size:clamp(34px, 12vw, 48px);
  }

  #alPublicCommunity #alMemberArea.al-community .al-communityTabs.al-context-nav{
    margin-bottom:14px;
  }

  #alPublicCommunity #alMemberArea.al-community .al-communityPane{
    padding:14px;
    border-radius:20px;
  }

  #alPublicCommunity #alMemberArea.al-community .al-communityRanking,
  #alPublicCommunity #alMemberArea.al-community .al-communityGrid--tanks,
  #alPublicCommunity #alMemberArea.al-community .al-communityGrid--featured,
  #alPublicCommunity #alMemberArea.al-community .al-communityGrid--recent,
  #alPublicCommunity #alMemberArea.al-community .al-communityGrid--trending,
  #alPublicCommunity #alMemberArea.al-community .al-communityGrid--updates{
    grid-template-columns:1fr;
  }

  #alPublicCommunity #alMemberArea.al-community .al-communityJoin{
    padding:22px;
    border-radius:20px;
  }

  #alPublicCommunity #alMemberArea.al-community .al-communityJoin h2{
    font-size:26px;
  }
}

/* Public tank showcase, shared by logged-out community surfaces. */
#alPublicCommunity{
  color:#0f172a;
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public{
  --al-community-text:#0f172a;
  --al-community-muted:#64748b;
  --al-community-border:rgba(15,23,42,.09);
  --al-community-surface:#fff;
  --al-community-accent:#2f6b4f;
  --al-community-accent-strong:#24543f;
  color:var(--al-community-text);
  background:transparent;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public *,
#alPublicCommunity #alMemberArea.al-tanks.is-public *::before,
#alPublicCommunity #alMemberArea.al-tanks.is-public *::after{
  box-sizing:border-box;
  min-width:0;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public img{
  max-width:100%;
  height:auto;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks-shell{
  width:min(1180px, calc(100% - 32px));
  margin:0 auto;
  padding:24px 0 42px;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankPage,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__main,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanksSurface__body,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankDosing{
  display:grid;
  gap:14px;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-card,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanksSurface,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-dataCard,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-setupMetric,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-waterInsight,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicPhotoTimeline__item,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__feeditem{
  border:1px solid var(--al-community-border);
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.96));
  box-shadow:0 16px 44px rgba(15,23,42,.08);
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanksSurface{
  overflow:hidden;
  position:relative;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankSurface{
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(20,184,166,.08), transparent 52%),
    radial-gradient(120% 160% at 100% 100%, rgba(120,185,163,.07), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.985), rgba(248,250,252,.985));
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanksSurface__head,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankLog__summary{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:22px 22px 16px;
  border-bottom:1px solid rgba(15,23,42,.06);
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankLog__summary{
  list-style:none;
  cursor:pointer;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankLog__summary::-webkit-details-marker{
  display:none;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanksSurface__titleWrap{
  display:grid;
  gap:6px;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanksSurface__eyebrow,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-dataCard__label,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-setupMetric__label,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankSignal__label{
  color:var(--al-community-accent);
  font-size:12px;
  font-weight:850;
  letter-spacing:.08em;
  line-height:1.2;
  text-transform:uppercase;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanksSurface__title{
  margin:0;
  color:var(--al-community-text);
  font-size:clamp(22px, 3vw, 30px);
  font-weight:950;
  line-height:1.05;
  letter-spacing:0;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanksSurface__sub,
#alPublicCommunity #alMemberArea.al-tanks.is-public .muted,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__feedmeta,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankUnavailable__text,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-waterInsight__text{
  color:var(--al-community-muted);
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanksSurface__sub{
  max-width:64ch;
  margin:0;
  line-height:1.45;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanksSurface__body{
  padding:20px 22px 22px;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-btn,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-btn--ghost{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 14px;
  border:1px solid var(--al-community-border);
  border-radius:999px;
  background:#fff;
  color:var(--al-community-text);
  font:inherit;
  font-size:14px;
  font-weight:850;
  text-decoration:none;
  cursor:pointer;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-btn--primary{
  border-color:rgba(47,107,79,.24);
  background:linear-gradient(180deg,#2f6b4f,#24543f);
  color:#fff;
  box-shadow:0 12px 26px rgba(47,107,79,.20);
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-btn:hover,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-btn:focus-visible{
  transform:translateY(-1px);
  outline:0;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankOwner{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index:7;
  display:flex;
  align-items:center;
  gap:6px;
  max-width:46%;
  padding:4px 7px 4px 4px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:999px;
  background:rgba(2,6,23,.68);
  box-shadow:0 8px 18px rgba(2,6,23,.20);
  backdrop-filter:blur(8px);
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankOwner,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankOwner a{
  color:#fff;
  text-decoration:none;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankOwner__avatar,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankOwner__avatarLink{
  display:inline-flex;
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:50%;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankOwner__avatar{
  object-fit:cover;
  background:linear-gradient(135deg,#dff7f2,#edf5f0);
  border:2px solid rgba(255,255,255,.85);
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankOwner__text,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankOwner__link{
  min-width:0;
  overflow:hidden;
  color:#fff;
  font-size:12px;
  font-weight:850;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankSignals,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-dataCards,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankZones,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankHardscape,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicPhotoTimeline{
  display:grid;
  gap:12px;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankSignals,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-dataCards--3,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankZones,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankHardscape{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-dataCards,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-dataCards--4,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicPhotoTimeline{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankSignal,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-dataCard,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-setupMetric,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-waterInsight{
  padding:14px 15px;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankSignal__value,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-dataCard__value,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-setupMetric__value{
  display:block;
  margin-top:9px;
  color:var(--al-community-text);
  font-size:18px;
  font-weight:900;
  line-height:1.15;
  overflow-wrap:anywhere;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankZones .al-plantZone{
  padding:14px;
  border:1px solid var(--al-community-border);
  border-radius:20px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,247,250,.96));
  box-shadow:0 12px 28px rgba(15,23,42,.05);
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-plantZone__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 10px;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-plantZone__title{
  color:var(--al-community-muted);
  font-size:13px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-plantZone__count{
  color:var(--al-community-text);
  font-size:14px;
  font-weight:800;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-plantZone__list{
  display:grid;
  gap:8px;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankPlant{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  padding:12px;
  border:1px solid rgba(15,23,42,.07);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,247,250,.96));
  color:inherit;
  text-decoration:none;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankPlant--link:hover,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankPlant--link:focus-visible{
  border-color:rgba(15,118,110,.26);
  box-shadow:0 14px 28px rgba(15,23,42,.08);
  outline:0;
  transform:translateY(-1px);
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankPlant__main{
  display:flex;
  align-items:center;
  gap:12px;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankPlant__thumb{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  flex:0 0 52px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(228,239,235,.9), rgba(244,247,250,.95));
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankPlant__thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankPlant__copy{
  display:grid;
  gap:4px;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankPlant__name{
  color:var(--al-community-text);
  font-weight:800;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankPlant__meta,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankPlant__qty{
  color:var(--al-community-muted);
  font-size:12px;
  line-height:1.35;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankPlant__side{
  display:flex;
  align-items:center;
  gap:8px;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankPlant__qty{
  padding:6px 9px;
  border-radius:999px;
  background:rgba(15,23,42,.05);
  font-weight:850;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankPlant__cta,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-waterInsight__title{
  color:var(--al-community-accent);
  font-weight:900;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicPhotoTimeline__item{
  margin:0;
  overflow:hidden;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicPhotoTimeline__item img{
  display:block;
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicPhotoTimeline__item figcaption{
  display:grid;
  gap:7px;
  padding:10px;
  color:#334155;
  font-size:13px;
  line-height:1.35;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankLog{
  display:block;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankLog__toggle{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid var(--al-community-border);
  border-radius:999px;
  background:#fff;
  color:var(--al-community-text);
  font-size:12px;
  font-weight:850;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankLog[open] .al-publicTankLog__toggle{
  background:rgba(15,23,42,.04);
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__feedlist,
#alPublicCommunity #alMemberArea.al-tanks.is-public [data-log-has-items]{
  display:grid;
  gap:14px;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__feeditem{
  padding:14px;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__feedtop,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__feedtitleRow{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__feedtitleRow{
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__feedtitle{
  color:var(--al-community-text);
  font-weight:900;
  line-height:1.1;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__typepill,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-chip{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:999px;
  background:rgba(248,250,252,.94);
  color:#475569;
  font-size:11px;
  font-weight:850;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__feedstory,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__feednote{
  margin-top:10px;
  color:var(--al-community-text);
  font-size:14px;
  line-height:1.45;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__feedmedia img{
  display:block;
  width:100%;
  max-height:420px;
  object-fit:cover;
  border-radius:16px;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__feedchips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__empty{
  padding:20px;
  border:1px dashed rgba(15,118,110,.22);
  border-radius:18px;
  background:rgba(240,253,250,.58);
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__emptyInner{
  display:grid;
  justify-items:center;
  gap:12px;
  text-align:center;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__emptyIcon{
  width:58px;
  height:58px;
  border-radius:18px;
  background:
    radial-gradient(circle at 30% 30%, rgba(20,184,166,.30), transparent 55%),
    radial-gradient(circle at 70% 70%, rgba(120,185,163,.18), transparent 55%),
    rgba(15,23,42,.03);
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__emptyTitle,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankUnavailable__title{
  color:var(--al-community-text);
  font-size:16px;
  font-weight:900;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankUnavailable__panel{
  display:grid;
  gap:8px;
  padding:20px;
  border:1px dashed rgba(15,118,110,.22);
  border-radius:18px;
  background:rgba(240,253,250,.58);
}

@media (max-width: 980px){
  #alPublicCommunity #alMemberArea.al-tanks.is-public .al-dataCards,
  #alPublicCommunity #alMemberArea.al-tanks.is-public .al-dataCards--4,
  #alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicPhotoTimeline,
  #alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankZones{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width: 760px){
  #alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks-shell{
    width:min(100% - 24px, 1180px);
    padding-top:16px;
  }

  #alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanksSurface__head,
  #alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankLog__summary{
    display:grid;
    gap:10px;
    padding:16px;
  }

  #alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanksSurface__body{
    padding:16px;
  }

  #alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankSignals,
  #alPublicCommunity #alMemberArea.al-tanks.is-public .al-dataCards,
  #alPublicCommunity #alMemberArea.al-tanks.is-public .al-dataCards--3,
  #alPublicCommunity #alMemberArea.al-tanks.is-public .al-dataCards--4,
  #alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankHardscape,
  #alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicPhotoTimeline,
  #alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankZones{
    grid-template-columns:1fr;
  }

  #alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankHero{
    min-height:320px;
    border-radius:20px;
  }

  #alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankOwner{
    max-width:58%;
  }

}

/* Final public specificity pass: loaded late and scoped to beat theme/global public CSS. */
#alPublicCommunity{
  width:100% !important;
  isolation:isolate !important;
}

#alPublicCommunity #alMemberArea,
#alPublicCommunity #alMemberArea.al-tanks,
#alPublicCommunity #alMemberArea.al-community{
  max-width:none !important;
  min-width:0 !important;
  color:#0f172a !important;
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-hub{
  background:
    radial-gradient(circle at 10% 0%, rgba(20,184,166,.12), transparent 30%),
    linear-gradient(180deg,#f8fafc 0%,#eef8f6 48%,#f8fafc 100%) !important;
}

#alPublicCommunity #alMemberArea.al-community .al-tanks-shell,
#alPublicCommunity #alMemberArea.al-community .al-tanks-container,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks-shell{
  box-sizing:border-box !important;
}

#alPublicCommunity #alMemberArea.al-community .al-tanks-shell{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

#alPublicCommunity #alMemberArea.al-community .al-tanks-container{
  width:min(1180px, calc(100% - 32px)) !important;
  max-width:1180px !important;
  margin-inline:auto !important;
  padding:0 0 42px !important;
}

#alPublicCommunity #alMemberArea .al-btn,
#alPublicCommunity #alMemberArea a.al-btn,
#alPublicCommunity #alMemberArea button.al-btn{
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:40px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  font:inherit !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}

#alPublicCommunity #alMemberArea .al-btn--primary,
#alPublicCommunity #alMemberArea a.al-btn--primary,
#alPublicCommunity #alMemberArea button.al-btn--primary{
  color:#fff !important;
  border:1px solid rgba(47,107,79,.92) !important;
  background:linear-gradient(180deg,#2f6b4f 0%,#24543f 100%) !important;
  box-shadow:
    0 10px 24px rgba(47,107,79,.20),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}

#alPublicCommunity #alMemberArea .al-btn--primary:hover,
#alPublicCommunity #alMemberArea .al-btn--primary:focus-visible{
  transform:translateY(-1px) !important;
  background:linear-gradient(180deg,#36785a 0%,#24543f 100%) !important;
  box-shadow:
    0 14px 30px rgba(47,107,79,.24),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  outline:0 !important;
}

#alPublicCommunity #alMemberArea .al-btn--ghost,
#alPublicCommunity #alMemberArea a.al-btn--ghost,
#alPublicCommunity #alMemberArea button.al-btn--ghost{
  color:#0f172a !important;
  border:1px solid rgba(15,23,42,.08) !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 1px 0 rgba(16,24,40,.04) !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityTabs.al-context-nav,
#alPublicCommunity #alMemberArea.al-community nav.al-context-nav.al-communityTabs{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  margin:0 0 16px !important;
  padding:6px !important;
  border:1px solid rgba(47,91,75,.14) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(247,251,248,.76)) !important;
  box-shadow:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
}

#alPublicCommunity #alMemberArea.al-community .al-tanks-container > .al-tankNav__primary.al-context-nav--tank.al-member-subnav{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100vw !important;
  max-width:none !important;
  min-height:58px !important;
  margin:0 calc(50% - 50vw) 34px !important;
  padding:0 clamp(18px, 3.2vw, 42px) !important;
  border:0 !important;
  border-top:1px solid rgba(44,107,74,.08) !important;
  border-bottom:1px solid rgba(44,107,74,.12) !important;
  border-radius:0 !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 12px 32px rgba(24,63,45,.055), inset 0 1px 0 rgba(255,255,255,.88) !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
}

#alPublicCommunity #alMemberArea.al-community .al-tanks-container > .al-tankNav__primary.al-context-nav--tank.al-member-subnav::-webkit-scrollbar{
  display:none !important;
}

#alPublicCommunity #alMemberArea.al-community .al-tankNav__primary.al-context-nav--tank.al-member-subnav .al-member-subnav__list{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  width:min(1180px, 100%) !important;
  min-width:max-content !important;
  margin:0 auto !important;
  padding:0 !important;
}

#alPublicCommunity #alMemberArea.al-community .al-tankNav__primary.al-context-nav--tank.al-member-subnav .al-member-subnav__link,
#alPublicCommunity #alMemberArea.al-community .al-tankNav__primary.al-context-nav--tank.al-member-subnav .al-communityTab{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-height:36px !important;
  padding:0 14px !important;
  border:1px solid transparent !important;
  border-radius:10px !important;
  background:transparent !important;
  color:rgba(24,63,45,.72) !important;
  box-shadow:none !important;
  font:inherit !important;
  font-size:13px !important;
  font-weight:760 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  transform:none !important;
}

#alPublicCommunity #alMemberArea.al-community .al-tankNav__primary.al-context-nav--tank.al-member-subnav .al-communityTab:hover,
#alPublicCommunity #alMemberArea.al-community .al-tankNav__primary.al-context-nav--tank.al-member-subnav .al-communityTab:focus-visible{
  color:#183f2d !important;
  background:rgba(237,245,240,.80) !important;
  border-color:rgba(44,107,74,.14) !important;
  outline:0 !important;
}

#alPublicCommunity #alMemberArea.al-community .al-tankNav__primary.al-context-nav--tank.al-member-subnav .al-communityTab.is-active,
#alPublicCommunity #alMemberArea.al-community .al-tankNav__primary.al-context-nav--tank.al-member-subnav .al-communityTab[aria-selected="true"]{
  color:#183f2d !important;
  background:linear-gradient(180deg, #fff, #edf5f0) !important;
  border-color:rgba(44,107,74,.18) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88), 0 6px 16px rgba(24,63,45,.06) !important;
}

#alPublicCommunity #alMemberArea.al-community .al-tankNav__primary.al-context-nav--tank.al-member-subnav .al-communityTab::after{
  display:none !important;
}

@media (max-width: 767px){
  #alPublicCommunity #alMemberArea.al-community .al-tanks-container > .al-tankNav__primary.al-context-nav--tank.al-member-subnav{
    justify-content:flex-start !important;
    min-height:58px !important;
    margin:0 calc(50% - 50vw) 24px !important;
    padding:0 12px !important;
    border-top:0 !important;
    border-bottom-color:rgba(44,107,74,.12) !important;
    border-radius:0 !important;
    scroll-padding-inline:12px !important;
  }

  #alPublicCommunity #alMemberArea.al-community .al-tankNav__primary.al-context-nav--tank.al-member-subnav .al-member-subnav__list{
    justify-content:flex-start !important;
    width:max-content !important;
    min-width:max-content !important;
    margin:0 !important;
    padding:0 12px 0 0 !important;
  }

  #alPublicCommunity #alMemberArea.al-community .al-tankNav__primary.al-context-nav--tank.al-member-subnav .al-communityTab:first-child{
    margin-left:0 !important;
  }
}

#alPublicCommunity #alMemberArea.al-community .al-communityTabs.al-context-nav::-webkit-scrollbar{
  display:none !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityTabs.al-context-nav .al-context-nav__list{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  width:max-content !important;
  min-width:max-content !important;
  margin:0 auto !important;
  padding:0 !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityTabs.al-context-nav .al-context-nav__item,
#alPublicCommunity #alMemberArea.al-community .al-communityTabs.al-context-nav .al-context-nav__link,
#alPublicCommunity #alMemberArea.al-community .al-communityTabs.al-context-nav .al-communityTab{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-height:34px !important;
  padding:0 14px !important;
  border:1px solid transparent !important;
  border-radius:12px !important;
  background:transparent !important;
  color:rgba(31,61,50,.72) !important;
  box-shadow:none !important;
  font:inherit !important;
  font-size:13px !important;
  font-weight:740 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  transform:none !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityTabs.al-context-nav .al-communityTab:hover,
#alPublicCommunity #alMemberArea.al-community .al-communityTabs.al-context-nav .al-communityTab:focus-visible{
  color:rgba(17,24,39,.86) !important;
  background:rgba(255,255,255,.70) !important;
  border-color:rgba(17,24,39,.06) !important;
  outline:0 !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityTabs.al-context-nav .al-communityTab.is-active,
#alPublicCommunity #alMemberArea.al-community .al-communityTabs.al-context-nav .al-communityTab[aria-selected="true"]{
  color:rgba(17,24,39,.92) !important;
  background:#fff !important;
  border-color:rgba(17,24,39,.06) !important;
  box-shadow:
    0 1px 0 rgba(17,24,39,.04),
    0 8px 18px rgba(17,24,39,.08) !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityTabs.al-context-nav .al-communityTab::after{
  display:none !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityHero--platform{
  align-items:center !important;
  min-height:0 !important;
  padding:34px 0 18px !important;
  gap:22px !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityHero__title{
  max-width:880px !important;
  margin:0 !important;
  color:#0f172a !important;
  font-size:clamp(38px, 6vw, 64px) !important;
  line-height:.98 !important;
  letter-spacing:0 !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityHero__text{
  max-width:720px !important;
  color:#64748b !important;
  font-size:clamp(16px, 2vw, 19px) !important;
  line-height:1.55 !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityPane{
  display:grid !important;
  gap:16px !important;
  padding:20px !important;
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.72) !important;
  box-shadow:0 18px 54px rgba(15,23,42,.08) !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityPane[hidden],
#alPublicCommunity #alMemberArea.al-community .al-communityEmpty[hidden]{
  display:none !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityEmpty--ranking{
  min-height:180px !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityGrid,
#alPublicCommunity #alMemberArea.al-community .al-communityRanking{
  display:grid !important;
  gap:14px !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityGrid--tanks,
#alPublicCommunity #alMemberArea.al-community .al-communityGrid--featured{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityGrid--recent{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityGrid--updates,
#alPublicCommunity #alMemberArea.al-community .al-communityRanking{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard,
#alPublicCommunity #alMemberArea.al-community .al-communityRankCard{
  min-width:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(15,23,42,.08) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 16px 44px rgba(15,23,42,.08) !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard{
  display:grid !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__media{
  position:relative !important;
  display:block !important;
  overflow:hidden !important;
  color:inherit !important;
  text-decoration:none !important;
  background:#e2e8f0 !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__image{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard--featured .al-communityCard__image,
#alPublicCommunity #alMemberArea.al-community .al-communityCard--tank .al-communityCard__image{
  aspect-ratio:16/11 !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard--highlight .al-communityCard__image{
  aspect-ratio:4/5 !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__body{
  display:grid !important;
  gap:10px !important;
  padding:16px !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__title{
  margin:2px 0 0 !important;
  color:#0f172a !important;
  font-size:20px !important;
  line-height:1.12 !important;
  letter-spacing:0 !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__title a,
#alPublicCommunity #alMemberArea.al-community .al-communityCard__story a{
  color:#0f172a !important;
  text-decoration:none !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__meta,
#alPublicCommunity #alMemberArea.al-community .al-communityCard__caption{
  color:#64748b !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__badges{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:7px !important;
}

#alPublicCommunity #alMemberArea .al-communityCard__chip,
#alPublicCommunity #alMemberArea .al-publicTankSurface .al-tanks__chip{
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  max-width:100% !important;
  padding:0 10px !important;
  border:1px solid rgba(15,118,110,.16) !important;
  border-radius:999px !important;
  background:rgba(240,253,250,.88) !important;
  color:#0f3f3a !important;
  box-shadow:none !important;
  font-size:12px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityCard__cta{
  justify-self:start !important;
  margin-top:2px !important;
}

#alPublicCommunity #alMemberArea .al-communityOwner,
#alPublicCommunity #alMemberArea .al-publicTankOwner{
  min-width:0 !important;
}

#alPublicCommunity #alMemberArea .al-communityOwner__avatar,
#alPublicCommunity #alMemberArea .al-publicTankOwner__avatar,
#alPublicCommunity #alMemberArea .al-publicTankOwner__avatarLink{
  border-radius:50% !important;
  object-fit:cover !important;
  overflow:hidden !important;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicPhotoTimeline__item,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__feeditem,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-dataCard,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-setupMetric,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-plantZone{
  border-color:rgba(15,23,42,.08) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96)) !important;
  box-shadow:0 16px 44px rgba(15,23,42,.08) !important;
}

#alPublicCommunity #alMemberArea .al-btn--sm,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-btn--sm{
  min-height:34px !important;
  padding:0 12px !important;
  border-radius:12px !important;
  font-size:13px !important;
  font-weight:740 !important;
  line-height:1.15 !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityOwner--link{
  color:inherit !important;
  text-decoration:none !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityOwner--link:hover .al-communityOwner__name,
#alPublicCommunity #alMemberArea.al-community .al-communityOwner--link:focus-visible .al-communityOwner__name{
  color:#0f766e !important;
}

#alPublicCommunity #alMemberArea.al-community .al-context-nav--moss{
  color:#355443 !important;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-container,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__container{
  width:100% !important;
  max-width:1180px !important;
  margin-right:auto !important;
  margin-left:auto !important;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankMetaRow{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px !important;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankMetaRow .al-tanks__chip,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__chip--card{
  color:#0f3f3a !important;
  border-color:rgba(15,118,110,.16) !important;
  background:rgba(240,253,250,.88) !important;
  box-shadow:0 8px 18px rgba(15,23,42,.05) !important;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankOwner__avatar--empty,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankPlant__thumbFallback{
  display:grid !important;
  place-items:center !important;
  color:rgba(15,23,42,.48) !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankSurface--photos,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankSurface--snapshot,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanksSurface--publiclog{
  border-color:rgba(15,23,42,.08) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96)) !important;
}

#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__feed-status,
#alPublicCommunity #alMemberArea.al-tanks.is-public .al-tanks__emptySub{
  color:#64748b !important;
  font-size:14px !important;
  line-height:1.48 !important;
}

@media (max-width:1100px){
  #alPublicCommunity #alMemberArea.al-community .al-communityGrid--recent,
  #alPublicCommunity #alMemberArea.al-community .al-communityGrid--updates,
  #alPublicCommunity #alMemberArea.al-community .al-communityRanking{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:760px){
  #alPublicCommunity #alMemberArea.al-community .al-tanks-container{
    width:min(100% - 24px, 1180px) !important;
    padding-top:16px !important;
  }

  #alPublicCommunity #alMemberArea.al-community .al-communityHero--platform{
    align-items:flex-start !important;
    flex-direction:column !important;
    padding:24px 0 14px !important;
  }

  #alPublicCommunity #alMemberArea.al-community .al-communityHero__title{
    font-size:clamp(34px, 12vw, 48px) !important;
  }

  #alPublicCommunity #alMemberArea.al-community .al-communityTabs.al-context-nav{
    justify-content:flex-start !important;
    margin-bottom:14px !important;
    padding:5px !important;
  }

  #alPublicCommunity #alMemberArea.al-community .al-communityTabs.al-context-nav .al-context-nav__list{
    justify-content:flex-start !important;
    margin:0 !important;
    padding-right:34px !important;
  }

  #alPublicCommunity #alMemberArea.al-community .al-communityTabs.al-context-nav .al-communityTab{
    min-height:32px !important;
    padding:0 12px !important;
  }

  #alPublicCommunity #alMemberArea.al-community .al-communityPane{
    padding:14px !important;
    border-radius:20px !important;
  }

  #alPublicCommunity #alMemberArea.al-community .al-communityGrid--tanks,
  #alPublicCommunity #alMemberArea.al-community .al-communityGrid--featured,
  #alPublicCommunity #alMemberArea.al-community .al-communityGrid--recent,
  #alPublicCommunity #alMemberArea.al-community .al-communityGrid--updates,
  #alPublicCommunity #alMemberArea.al-community .al-communityRanking{
    grid-template-columns:1fr !important;
  }
}

#alPublicCommunity #alMemberArea.al-community .al-communityJoin .al-btn--primary,
#alPublicCommunity #alMemberArea.al-community .al-communityJoin a.al-btn--primary,
#alPublicCommunity #alMemberArea.al-community .al-communityJoin button.al-btn--primary{
  color:#2f6b4f !important;
  border:1px solid rgba(255,255,255,.86) !important;
  background:#fff !important;
  box-shadow:
    0 12px 28px rgba(2,6,23,.24),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityJoin .al-btn--primary:hover,
#alPublicCommunity #alMemberArea.al-community .al-communityJoin .al-btn--primary:focus-visible{
  color:#24543f !important;
  background:rgba(255,255,255,.94) !important;
  border-color:#fff !important;
  transform:translateY(-1px) !important;
  box-shadow:
    0 16px 34px rgba(2,6,23,.30),
    inset 0 1px 0 rgba(255,255,255,.94) !important;
  outline:0 !important;
}

html.logged-in body #alPublicCommunity #alMemberArea.al-community .al-communityJoin,
body.logged-in #alPublicCommunity #alMemberArea.al-community .al-communityJoin{
  display:none !important;
}

html:not(.logged-in) body #alPublicCommunity,
body:not(.logged-in) #alPublicCommunity{
  width:100vw !important;
  max-width:100vw !important;
  margin-right:calc(50% - 50vw) !important;
  margin-left:calc(50% - 50vw) !important;
}

html:not(.logged-in) body #alPublicCommunity #alMemberArea.al-community.al-community-hub,
body:not(.logged-in) #alPublicCommunity #alMemberArea.al-community.al-community-hub{
  width:100vw !important;
  max-width:none !important;
}

html:not(.logged-in) body #alPublicCommunity #alMemberArea.al-community.al-community-hub,
body:not(.logged-in) #alPublicCommunity #alMemberArea.al-community.al-community-hub{
  position:relative !important;
  background:transparent !important;
  overflow:visible !important;
}

html:not(.logged-in) body #alPublicCommunity #alMemberArea.al-community.al-community-hub::before,
body:not(.logged-in) #alPublicCommunity #alMemberArea.al-community.al-community-hub::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:50% !important;
  z-index:0 !important;
  width:100vw !important;
  transform:translateX(-50%) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(20,184,166,.12), transparent 30%),
    linear-gradient(180deg,#f8fafc 0%,#eef8f6 48%,#f8fafc 100%) !important;
  pointer-events:none !important;
}

html:not(.logged-in) body #alPublicCommunity #alCommunityHub,
body:not(.logged-in) #alPublicCommunity #alCommunityHub{
  position:relative !important;
  z-index:1 !important;
}

/* Public Community destination polish. Scoped to /community/ only; public tank
   pages share this stylesheet but do not receive the al-community-public class. */
#alPublicCommunity #alMemberArea.al-community.al-community-public{
  --al-color-moss:#2c6b4a;
  --al-color-moss-rgb:44,107,74;
  --al-color-deep-moss:#183f2d;
  --al-color-deep-moss-rgb:24,63,45;
  --al-color-soft-aqua:#78b9a3;
  --al-color-soft-aqua-rgb:120,185,163;
  --al-color-organic-highlight:#d7e8a7;
  --al-color-organic-highlight-rgb:215,232,167;
  --al-color-text-ink:#14231c;
  --al-color-text-muted:#52645b;
  --al-color-text-soft:#74857d;
  --al-color-surface-page:#f6faf7;
  --al-color-surface-card:#ffffff;
  --al-color-surface-raised:#fbfdfb;
  --al-color-surface-subtle:#edf5f0;
  --al-color-border-default:rgba(44,107,74,.18);
  --al-color-border-soft:rgba(44,107,74,.10);
  --al-shadow-subtle:0 8px 24px rgba(24,63,45,.08);
  --al-shadow-raised:0 18px 48px rgba(24,63,45,.14);
  --al-shadow-focus-ring:0 0 0 4px rgba(120,185,163,.28);
  --al-page-shell-max-width:1180px;
  --al-community-text:var(--al-color-text-ink);
  --al-community-muted:var(--al-color-text-muted);
  --al-community-border:var(--al-color-border-default);
  --al-community-accent:var(--al-color-moss);
  --al-community-accent-strong:var(--al-color-deep-moss);
  width:100% !important;
  color:var(--al-color-text-ink) !important;
  font-family:"Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(120,185,163,.16), transparent 30%),
    linear-gradient(180deg,#f6faf7 0%,#edf5f0 48%,#f8fbf9 100%) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanks-container{
  width:min(var(--al-page-shell-max-width), calc(100% - 32px)) !important;
  max-width:var(--al-page-shell-max-width) !important;
  margin-inline:auto !important;
  padding:18px 0 52px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero{
  position:relative !important;
  isolation:isolate !important;
  display:grid !important;
  align-items:center !important;
  min-height:clamp(320px, 30vw, 390px) !important;
  margin:0 auto !important;
  padding:clamp(28px, 3.2vw, 40px) clamp(28px, 4vw, 56px) !important;
  overflow:hidden !important;
  border:1px solid rgba(44,107,74,.14) !important;
  border-radius:20px !important;
  background:#edf5f0 !important;
  box-shadow:var(--al-shadow-raised) !important;
  color:var(--al-color-text-ink) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__media,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__overlay{
  position:absolute !important;
  inset:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__media{
  z-index:0 !important;
  background:#dcece5 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__image{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__overlay{
  z-index:1 !important;
  background:
    linear-gradient(90deg, rgba(251,253,249,.99) 0%, rgba(251,253,249,.94) 36%, rgba(251,253,249,.68) 58%, rgba(251,253,249,.22) 78%, rgba(251,253,249,.06) 100%),
    linear-gradient(0deg, rgba(13,31,23,.10) 0%, rgba(13,31,23,0) 42%) !important;
  pointer-events:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__content{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  align-content:center !important;
  justify-items:start !important;
  gap:18px !important;
  width:min(520px, 48%) !important;
  min-width:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__copy{
  display:grid !important;
  gap:12px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__eyebrow{
  margin:0 !important;
  color:var(--al-color-moss) !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.18 !important;
  letter-spacing:0 !important;
  text-transform:uppercase !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__title{
  max-width:12ch !important;
  margin:0 !important;
  color:var(--al-color-text-ink) !important;
  font-size:clamp(42px, 5vw, 64px) !important;
  font-weight:800 !important;
  line-height:.98 !important;
  letter-spacing:0 !important;
  text-wrap:balance !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__subline{
  max-width:47ch !important;
  margin:0 !important;
  color:rgba(20,35,28,.76) !important;
  font-size:clamp(15px, 1.35vw, 17px) !important;
  font-weight:500 !important;
  line-height:1.58 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__actions{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  gap:10px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-btn,
#alPublicCommunity #alMemberArea.al-community.al-community-public a.al-btn,
#alPublicCommunity #alMemberArea.al-community.al-community-public button.al-btn{
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:44px !important;
  max-width:100% !important;
  padding:0 20px !important;
  border:1px solid rgba(44,107,74,.18) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:var(--al-color-text-ink) !important;
  -webkit-text-fill-color:currentColor !important;
  box-shadow:var(--al-shadow-subtle) !important;
  font-family:"Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.1 !important;
  text-align:center !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  transition:background .22s cubic-bezier(.2,.8,.2,1), border-color .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s cubic-bezier(.2,.8,.2,1), color .22s cubic-bezier(.2,.8,.2,1), transform .14s cubic-bezier(.2,.8,.2,1) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-btn:hover,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-btn:focus-visible{
  border-color:rgba(24,63,45,.34) !important;
  box-shadow:var(--al-shadow-raised) !important;
  color:var(--al-color-text-ink) !important;
  text-decoration:none !important;
  transform:translateY(-1px) !important;
  outline:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-btn:focus-visible{
  box-shadow:var(--al-shadow-subtle), var(--al-shadow-focus-ring) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-btn--primary,
#alPublicCommunity #alMemberArea.al-community.al-community-public a.al-btn--primary,
#alPublicCommunity #alMemberArea.al-community.al-community-public button.al-btn--primary{
  border-color:rgba(120,185,163,.38) !important;
  background:linear-gradient(135deg, #173f2c 0%, #2c6b4a 56%, #407f5c 100%) !important;
  color:#fff !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.20) inset,
    0 2px 6px rgba(24,63,45,.16),
    0 14px 30px rgba(24,63,45,.24) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-btn--primary:hover,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-btn--primary:focus-visible{
  border-color:rgba(215,232,167,.56) !important;
  background:linear-gradient(135deg, #123624 0%, #2f7350 52%, #4a8b67 100%) !important;
  color:#fff !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.24) inset,
    0 3px 8px rgba(24,63,45,.18),
    0 18px 36px rgba(24,63,45,.30) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-btn--secondary,
#alPublicCommunity #alMemberArea.al-community.al-community-public a.al-btn--secondary,
#alPublicCommunity #alMemberArea.al-community.al-community-public button.al-btn--secondary{
  border-color:rgba(44,107,74,.24) !important;
  background:linear-gradient(180deg, #ffffff 0%, #f2f8f4 100%) !important;
  color:var(--al-color-deep-moss) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.88) inset,
    0 2px 5px rgba(24,63,45,.05),
    0 8px 20px rgba(24,63,45,.09) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-btn--secondary:hover,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-btn--secondary:focus-visible{
  border-color:rgba(44,107,74,.36) !important;
  background:linear-gradient(180deg, #ffffff 0%, #eaf5ef 100%) !important;
  color:var(--al-color-deep-moss) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.96) inset,
    0 2px 6px rgba(24,63,45,.07),
    0 12px 26px rgba(24,63,45,.12) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-btn--ghost,
#alPublicCommunity #alMemberArea.al-community.al-community-public a.al-btn--ghost,
#alPublicCommunity #alMemberArea.al-community.al-community-public button.al-btn--ghost{
  border-color:rgba(44,107,74,.10) !important;
  background:rgba(44,107,74,.015) !important;
  color:var(--al-color-text-muted) !important;
  box-shadow:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-btn--ghost:hover,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-btn--ghost:focus-visible{
  border-color:rgba(44,107,74,.16) !important;
  background:rgba(44,107,74,.055) !important;
  color:var(--al-color-deep-moss) !important;
  box-shadow:none !important;
  transform:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__chips{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px !important;
  max-width:520px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__chips span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  padding:0 10px !important;
  border:1px solid rgba(44,107,74,.14) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.64) !important;
  color:rgba(24,63,45,.78) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.72) inset !important;
  font-size:12px !important;
  font-weight:600 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanks-container > .al-community-tabs.al-tankNav__primary.al-context-nav--tank.al-member-subnav,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTabs.al-community-tabs.al-context-nav{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:min(980px, 100%) !important;
  max-width:100% !important;
  min-height:0 !important;
  margin:16px auto 30px !important;
  padding:8px !important;
  border:1px solid rgba(44,107,74,.14) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.86) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.88) inset,
    0 8px 24px rgba(24,63,45,.08) !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-tabs::-webkit-scrollbar{
  display:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-tabs .al-member-subnav__list{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  width:auto !important;
  min-width:max-content !important;
  margin:0 auto !important;
  padding:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-tabs .al-communityTab{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-height:38px !important;
  padding:0 15px !important;
  border:1px solid transparent !important;
  border-radius:10px !important;
  background:transparent !important;
  color:rgba(20,35,28,.68) !important;
  box-shadow:none !important;
  font:inherit !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  transform:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-tabs .al-communityTab:hover,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-tabs .al-communityTab:focus-visible{
  border-color:rgba(44,107,74,.14) !important;
  background:rgba(44,107,74,.055) !important;
  color:var(--al-color-deep-moss) !important;
  outline:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-tabs .al-communityTab:focus-visible{
  box-shadow:var(--al-shadow-focus-ring) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-tabs .al-communityTab.is-active,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-tabs .al-communityTab[aria-selected="true"]{
  border-color:rgba(44,107,74,.22) !important;
  background:linear-gradient(180deg, #ffffff 0%, #edf5f0 100%) !important;
  color:var(--al-color-deep-moss) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.88) inset,
    0 6px 16px rgba(24,63,45,.08) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityPanes{
  margin:0 0 28px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityPane{
  scroll-margin-top:96px !important;
  display:grid !important;
  gap:22px !important;
  padding:clamp(20px, 2.4vw, 28px) !important;
  border:1px solid rgba(44,107,74,.14) !important;
  border-radius:20px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(251,253,251,.92)) !important;
  box-shadow:var(--al-shadow-subtle) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityPane[hidden]{
  display:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanksSurface__head{
  align-items:flex-end !important;
  gap:18px !important;
  padding:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanksSurface__titleWrap{
  gap:7px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanksSurface__eyebrow{
  color:var(--al-color-moss) !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.18 !important;
  letter-spacing:0 !important;
  text-transform:uppercase !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanksSurface__title{
  color:var(--al-color-text-ink) !important;
  font-size:clamp(24px, 2.7vw, 34px) !important;
  font-weight:700 !important;
  line-height:1.14 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanksSurface__sub{
  max-width:68ch !important;
  color:var(--al-color-text-muted) !important;
  font-size:15px !important;
  line-height:1.6 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRanking{
  gap:18px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--tanks,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--featured{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--recent{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--updates,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--trending,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRanking{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityCard,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard{
  border:1px solid rgba(44,107,74,.14) !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:var(--al-shadow-subtle) !important;
  transition:border-color .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s cubic-bezier(.2,.8,.2,1), transform .14s cubic-bezier(.2,.8,.2,1) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityCard:hover,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard:hover{
  border-color:rgba(44,107,74,.26) !important;
  box-shadow:var(--al-shadow-raised) !important;
  transform:translateY(-2px) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityCard__body{
  gap:12px !important;
  padding:18px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityCard__title{
  color:var(--al-color-text-ink) !important;
  font-size:19px !important;
  font-weight:700 !important;
  line-height:1.22 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityCard__meta,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityCard__caption,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__label,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__plain{
  color:var(--al-color-text-muted) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityCard__chip,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanks__chip,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__level{
  border:1px solid rgba(44,107,74,.14) !important;
  background:rgba(44,107,74,.07) !important;
  color:var(--al-color-deep-moss) !important;
  font-weight:600 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty{
  position:relative !important;
  display:grid !important;
  grid-template-columns:44px minmax(0, 1fr) !important;
  align-items:center !important;
  gap:8px 16px !important;
  min-height:132px !important;
  padding:22px !important;
  border:1px solid rgba(44,107,74,.14) !important;
  border-radius:16px !important;
  background:
    radial-gradient(90% 120% at 0% 0%, rgba(120,185,163,.13), transparent 56%),
    rgba(255,255,255,.86) !important;
  color:var(--al-color-text-muted) !important;
  box-shadow:var(--al-shadow-subtle) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty[hidden]{
  display:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty::before{
  content:"" !important;
  grid-row:1 / span 3 !important;
  display:block !important;
  width:44px !important;
  height:44px !important;
  border:1px solid rgba(44,107,74,.14) !important;
  border-radius:14px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(237,245,240,.92)),
    rgba(44,107,74,.07) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.82) inset !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty strong{
  color:var(--al-color-text-ink) !important;
  font-size:17px !important;
  font-weight:700 !important;
  line-height:1.28 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty span{
  max-width:62ch !important;
  color:var(--al-color-text-muted) !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty .al-btn{
  grid-column:2 !important;
  justify-self:start !important;
  margin-top:4px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty--compact{
  min-height:112px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityJoin .al-btn--primary,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityJoin a.al-btn--primary,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityJoin button.al-btn--primary{
  border-color:rgba(255,255,255,.86) !important;
  background:#fff !important;
  color:var(--al-color-deep-moss) !important;
  box-shadow:
    0 12px 28px rgba(2,6,23,.24),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

@media (max-width: 1100px){
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--recent,
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--updates,
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--trending,
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRanking{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 900px){
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__content{
    width:min(500px, 58%) !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--tanks,
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--featured{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width: 760px){
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanks-container{
    width:min(100% - 24px, var(--al-page-shell-max-width)) !important;
    padding:12px 0 40px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero{
    min-height:0 !important;
    padding:22px 16px 18px !important;
    border-radius:16px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__overlay{
    background:
      linear-gradient(90deg, rgba(251,253,249,.99) 0%, rgba(251,253,249,.94) 62%, rgba(251,253,249,.66) 100%),
      linear-gradient(0deg, rgba(251,253,249,.86) 0%, rgba(251,253,249,.18) 58%) !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__content{
    width:min(100%, 370px) !important;
    gap:14px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__copy{
    gap:9px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__title{
    max-width:12.5ch !important;
    font-size:clamp(32px, 10.6vw, 42px) !important;
    line-height:1.02 !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__subline{
    max-width:32ch !important;
    font-size:14px !important;
    line-height:1.48 !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    gap:8px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__actions .al-btn{
    width:100% !important;
    min-height:42px !important;
    padding-inline:14px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__chips{
    gap:6px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__chips span{
    min-height:25px !important;
    padding-inline:8px !important;
    font-size:11.5px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanks-container > .al-community-tabs.al-tankNav__primary.al-context-nav--tank.al-member-subnav,
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTabs.al-community-tabs.al-context-nav{
    justify-content:flex-start !important;
    width:100% !important;
    margin:12px 0 22px !important;
    padding:7px !important;
    border-radius:14px !important;
    scroll-padding-inline:7px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-tabs .al-member-subnav__list{
    justify-content:flex-start !important;
    width:max-content !important;
    margin:0 !important;
    padding-right:26px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-tabs .al-communityTab{
    min-height:34px !important;
    padding:0 12px !important;
    font-size:12.5px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityPane{
    gap:18px !important;
    padding:16px !important;
    border-radius:16px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanksSurface__head{
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanksSurface__title{
    font-size:clamp(23px, 7vw, 30px) !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid,
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRanking{
    gap:14px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--tanks,
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--featured,
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--recent,
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--updates,
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--trending,
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRanking{
    grid-template-columns:1fr !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityCard__body{
    padding:16px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty{
    grid-template-columns:1fr !important;
    justify-items:start !important;
    min-height:0 !important;
    padding:18px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty::before{
    grid-row:auto !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty .al-btn{
    grid-column:1 !important;
    width:100% !important;
  }
}

/* Community card interactions */
#alPublicCommunity #alMemberArea.al-community .al-communityInteraction{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px 0;
  color:#0f172a;
}

#alPublicCommunity #alMemberArea.al-community .al-communityInteraction__group{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

#alPublicCommunity #alMemberArea.al-community .al-communityInteraction__button{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:40px;
  min-height:40px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent !important;
  color:#111827;
  box-shadow:none !important;
  cursor:pointer;
  line-height:1;
}

#alPublicCommunity #alMemberArea.al-community .al-communityInteraction__button:hover,
#alPublicCommunity #alMemberArea.al-community .al-communityInteraction__button:focus-visible{
  color:#0f5138;
  outline:none;
}

#alPublicCommunity #alMemberArea.al-community .al-communityInteraction__button:focus-visible{
  box-shadow:0 0 0 3px rgba(47,107,79,.18) !important;
  border-radius:999px;
}

#alPublicCommunity #alMemberArea.al-community .al-communityInteraction__icon{
  display:block;
  width:24px;
  height:24px;
  flex:0 0 auto;
  transition:fill .18s ease, stroke .18s ease, color .18s ease, opacity .18s ease, transform .18s ease;
}

#alPublicCommunity #alMemberArea.al-community .al-communityInteraction__heartIcon{
  overflow:visible;
}

#alPublicCommunity #alMemberArea.al-community .al-communityInteraction__heartShape{
  fill:transparent;
  stroke:currentColor;
  stroke-width:64;
  stroke-linejoin:round;
  stroke-linecap:round;
  transition:fill .18s ease, stroke .18s ease;
}

#alPublicCommunity #alMemberArea.al-community .al-communityInteraction__count{
  min-width:8px;
  color:#0f172a;
  font-size:15px;
  font-weight:700;
  line-height:1;
}

#alPublicCommunity #alMemberArea.al-community .al-communityInteraction__button.is-liked{
  color:#d93852;
}

#alPublicCommunity #alMemberArea.al-community .al-communityInteraction__button.is-liked .al-communityInteraction__icon{
  filter:none;
}

#alPublicCommunity #alMemberArea.al-community .al-communityInteraction__button.is-liked .al-communityInteraction__heartShape{
  fill:#d93852;
  stroke:#d93852;
}

#alPublicCommunity #alMemberArea.al-community .al-communityInteraction__button[aria-busy="true"]{
  opacity:.7;
  cursor:wait;
}

#alPublicCommunity #alMemberArea.al-community .al-communityInteraction__bookmark{
  display:inline-flex;
  align-items:center;
  margin-left:auto;
}

#alPublicCommunity #alMemberArea.al-community .al-communityInteraction__bookmark .tank-save-toggle{
  position:static !important;
  width:34px !important;
  height:34px !important;
}

#alPublicCommunity #alMemberArea.al-community .al-communityInteraction__likedBy{
  flex:0 0 100%;
  margin-top:-2px;
  color:rgba(15,23,42,.72);
  font-size:13px;
  line-height:1.35;
}

#alPublicCommunity #alMemberArea.al-community .al-communityInteraction__likedBy strong{
  color:rgba(15,23,42,.92);
  font-weight:750;
}

html.al-communityCommentsOpen,
html.al-communityCommentsOpen body{
  overflow:hidden !important;
}

.al-communityCommentsModal[hidden]{
  display:none !important;
}

.al-communityCommentsModal{
  position:fixed;
  inset:0;
  z-index:2147483400;
  display:grid;
  place-items:center;
  padding:24px;
  color:#0f172a;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.al-communityCommentsModal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.68);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

.al-communityCommentsModal__dialog{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(340px,.72fr);
  width:min(1120px, calc(100vw - 48px));
  height:min(760px, calc(100dvh - 48px));
  overflow:hidden;
  border-radius:18px;
  background:#fff;
  box-shadow:0 30px 90px rgba(0,0,0,.34);
}

.al-communityCommentsModal__media{
  display:grid;
  place-items:center;
  min-width:0;
  min-height:0;
  background:#05070a;
}

.al-communityCommentsModal__media img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.al-communityCommentsModal__placeholder{
  color:#cbd5e1;
  font-weight:800;
}

.al-communityCommentsModal__panel{
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  min-width:0;
  min-height:0;
  border-left:1px solid rgba(15,23,42,.10);
  background:#fff;
}

.al-communityCommentsModal__head{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  gap:12px;
  min-width:0;
  height:auto;
  min-height:0;
  padding:14px 72px 14px 16px;
  border-bottom:1px solid rgba(15,23,42,.10);
}

.al-communityCommentsModal__handle{
  display:none;
}

.al-communityCommentsModal__identity{
  flex:1 1 auto;
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
  max-width:100%;
}

.al-communityCommentsModal__identity > div{
  flex:1 1 auto;
  min-width:0;
  max-width:100%;
}

.al-communityCommentsModal__avatar,
.al-communityComment__avatar{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:999px;
  overflow:hidden;
  background:#e2e8f0;
}

.al-communityCommentsModal__avatar img,
.al-communityComment__avatar img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.al-communityCommentsModal__owner{
  color:#475569;
  font-size:12px;
  font-weight:800;
}

#alCommunityCommentsTitle.al-communityCommentsModal__title,
.al-communityCommentsModal__title{
  display:block;
  margin:2px 0 0;
  max-width:100%;
  min-width:0;
  width:100%;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
  color:#0f172a;
  font-size:16px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.035em;
}

.al-communityCommentsModal .al-communityCommentsModal__close{
  appearance:none !important;
  -webkit-appearance:none !important;
  position:absolute !important;
  top:18px !important;
  right:16px !important;
  z-index:4 !important;
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  max-width:42px !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid rgba(15,23,42,.12) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#0f172a !important;
  box-shadow:0 8px 22px rgba(15,23,42,.10) !important;
  font:900 24px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  text-indent:0 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  cursor:pointer !important;
  transition:background-color .16s ease, box-shadow .16s ease, transform .16s ease, border-color .16s ease !important;
}

.al-communityCommentsModal .al-communityCommentsModal__close:hover{
  border-color:rgba(15,23,42,.18) !important;
  background:#f8fafc !important;
  color:#0f172a !important;
  box-shadow:0 12px 26px rgba(15,23,42,.16) !important;
  transform:translateY(-1px) !important;
}

.al-communityCommentsModal .al-communityCommentsModal__close:active{
  transform:scale(.96) !important;
}

.al-communityCommentsModal .al-communityCommentsModal__close:focus,
.al-communityCommentsModal .al-communityCommentsModal__close:focus-visible{
  outline:0 !important;
  box-shadow:0 0 0 3px rgba(47,107,79,.22), 0 8px 22px rgba(15,23,42,.12) !important;
}

.al-communityCommentsModal .al-communityCommentsModal__close span{
  display:block !important;
  width:1em !important;
  height:1em !important;
  line-height:.86 !important;
  pointer-events:none !important;
}

.al-communityCommentsModal__list{
  min-height:0;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  padding:14px 16px;
}

.al-communityComment{
  position:relative;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 28px;
  gap:10px;
  align-items:flex-start;
  padding:10px 0;
}

.al-communityComment--reply{
  grid-template-columns:28px minmax(0,1fr) 26px;
  padding:2px 0;
}

.al-communityComment--reply .al-communityComment__avatar{
  width:28px;
  height:28px;
}

.al-communityComment__body{
  min-width:0;
}

.al-communityComment__bubble{
  min-width:0;
  color:#1e293b;
  font-size:14px;
  line-height:1.42;
}

.al-communityComment__author{
  margin-right:5px;
  color:#0f172a;
  font-weight:900;
}

.al-communityComment__text{
  overflow-wrap:anywhere;
  white-space:pre-wrap;
}

.al-communityComment__meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:5px;
  color:rgba(15,23,42,.58);
  font-size:12px;
  line-height:1.2;
}

.al-communityComment__reply,
.al-communityComment__repliesToggle{
  appearance:none;
  -webkit-appearance:none;
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  color:rgba(15,23,42,.62) !important;
  box-shadow:none !important;
  font:inherit !important;
  font-weight:800 !important;
  cursor:pointer;
}

.al-communityComment__reply:hover,
.al-communityComment__reply:focus-visible,
.al-communityComment__repliesToggle:hover,
.al-communityComment__repliesToggle:focus-visible{
  color:#1f7a55 !important;
  outline:0;
}

.al-communityComment__likesCount{
  font-weight:800;
}

.al-communityComment__more{
  appearance:none;
  -webkit-appearance:none;
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  padding:0 !important;
  margin-left:-4px;
  border:0 !important;
  border-radius:999px;
  background:transparent !important;
  color:rgba(15,23,42,.58) !important;
  box-shadow:none !important;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(1px);
  transition:opacity .14s ease, visibility .14s ease, background-color .14s ease;
}

.al-communityComment__more img,
.al-communityComment__more svg{
  display:block;
  width:18px;
  height:18px;
  opacity:.72;
}

.al-communityComment:hover .al-communityComment__more,
.al-communityComment:focus-within .al-communityComment__more{
  opacity:1;
  visibility:visible;
}

.al-communityComment__more:hover,
.al-communityComment__more:focus-visible{
  background:rgba(15,23,42,.06) !important;
  outline:0;
}

.al-communityComment__repliesToggle{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
  font-size:12px !important;
}

.al-communityComment__repliesToggle::before{
  content:"";
  display:block;
  width:32px;
  height:1px;
  background:rgba(15,23,42,.22);
}

.al-communityComment__replies{
  display:grid;
  gap:12px;
  margin-top:12px;
}

.al-communityComment__replies[hidden]{
  display:none !important;
}

.al-communityComment__like{
  appearance:none;
  -webkit-appearance:none;
  display:inline-grid;
  place-items:center;
  width:28px;
  height:28px;
  padding:0 !important;
  border:0 !important;
  border-radius:999px;
  background:transparent !important;
  color:rgba(15,23,42,.72) !important;
  box-shadow:none !important;
  cursor:pointer;
}

.al-communityComment__like svg{
  display:block;
  width:16px;
  height:16px;
  overflow:visible;
}

.al-communityComment__heartShape{
  fill:transparent;
  stroke:currentColor;
  stroke-width:64;
  stroke-linejoin:round;
  stroke-linecap:round;
  transition:fill .15s ease, stroke .15s ease;
}

.al-communityComment__like:hover,
.al-communityComment__like:focus-visible{
  color:#e11d48 !important;
  outline:0;
}

.al-communityComment__like.is-liked{
  color:#e11d48 !important;
}

.al-communityComment__like.is-liked .al-communityComment__heartShape{
  fill:currentColor;
  stroke:currentColor;
}

.al-communityComment__like:disabled{
  cursor:wait;
  opacity:.65;
}

.al-communityComment.is-deleted{
  opacity:.72;
}

.al-communityComment.is-deleted .al-communityComment__bubble{
  background:transparent;
  color:rgba(15,23,42,.48);
  font-style:italic;
}

.al-communityComment.is-deleted .al-communityComment__avatar,
.al-communityComment.is-deleted .al-communityComment__author,
.al-communityComment.is-deleted .al-communityComment__meta,
.al-communityComment.is-deleted .al-communityComment__like,
.al-communityComment.is-deleted .al-communityComment__more{
  display:none !important;
}

.al-commentActionSheet[hidden]{
  display:none !important;
}

.al-commentActionSheet{
  position:fixed;
  inset:0;
  z-index:2147483500;
  display:grid;
  place-items:center;
}

.al-commentActionSheet__backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,6,23,.42);
}

.al-commentActionSheet__panel{
  position:relative;
  width:min(460px, calc(100vw - 32px));
  overflow:hidden;
  border-radius:22px;
  background:#fff;
  box-shadow:0 24px 70px rgba(15,23,42,.24);
}

.al-commentActionSheet .al-commentActionSheet__item{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  min-height:56px !important;
  margin:0 !important;
  padding:0 20px !important;
  border:0 !important;
  border-bottom:1px solid rgba(15,23,42,.10) !important;
  border-radius:0 !important;
  background:#fff !important;
  color:rgba(15,23,42,.92) !important;
  box-shadow:none !important;
  font:600 15px/1.2 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  text-align:center !important;
  text-decoration:none !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  cursor:pointer !important;
}

.al-commentActionSheet .al-commentActionSheet__item:last-child{
  border-bottom:0 !important;
}

.al-commentActionSheet .al-commentActionSheet__item--danger{
  color:#ef4444 !important;
  font-weight:800 !important;
}

.al-commentActionSheet .al-commentActionSheet__item:hover,
.al-commentActionSheet .al-commentActionSheet__item:focus,
.al-commentActionSheet .al-commentActionSheet__item:focus-visible{
  background:rgba(15,23,42,.035) !important;
  color:rgba(15,23,42,.92) !important;
  outline:0 !important;
  box-shadow:none !important;
}

.al-commentActionSheet .al-commentActionSheet__item--danger:hover,
.al-commentActionSheet .al-commentActionSheet__item--danger:focus,
.al-commentActionSheet .al-commentActionSheet__item--danger:focus-visible{
  color:#ef4444 !important;
}

.al-commentActionSheet .al-commentActionSheet__item:disabled{
  cursor:wait !important;
  opacity:.62 !important;
}

.al-communityCommentsModal__state{
  display:grid;
  place-items:center;
  min-height:160px;
  color:#64748b;
  font-weight:800;
  text-align:center;
}

.al-communityCommentsModal__state.is-error{
  color:#b91c1c;
}

.al-communityCommentsModal__state--inline{
  min-height:auto;
  margin:0 0 8px;
  padding:10px 12px;
  border:1px solid rgba(185,28,28,.14);
  border-radius:12px;
  background:rgba(254,242,242,.9);
  font-size:13px;
}

.al-communityCommentForm{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  padding:12px 14px max(12px, env(safe-area-inset-bottom, 0px));
  border-top:1px solid rgba(15,23,42,.10);
  background:#fff;
}

.al-communityCommentForm__replyContext{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  padding:8px 10px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:12px;
  background:#f8fafc;
  color:rgba(15,23,42,.72);
  font-size:12px;
  font-weight:800;
}

.al-communityCommentForm__replyContext[hidden]{
  display:none !important;
}

.al-communityCommentForm__replyContext span{
  min-width:0;
  overflow-wrap:anywhere;
}

.al-communityCommentForm__replyContext button{
  appearance:none;
  -webkit-appearance:none;
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  color:#1f7a55 !important;
  box-shadow:none !important;
  font:inherit !important;
  cursor:pointer;
}

.al-communityCommentForm__input{
  width:100%;
  min-height:42px;
  max-height:120px;
  resize:vertical;
  padding:11px 13px;
  border:1px solid rgba(15,23,42,.13);
  border-radius:14px;
  color:#0f172a;
  font:inherit;
  font-size:14px;
  line-height:1.35;
}

.al-communityCommentsModal .al-communityCommentForm__submit{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:72px !important;
  min-height:44px !important;
  padding:0 18px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#2f6b4f,#1f7a55) !important;
  color:#fff !important;
  box-shadow:0 10px 20px rgba(31,122,85,.22) !important;
  font:900 14px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  text-decoration:none !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  cursor:pointer !important;
  transition:box-shadow .16s ease, transform .16s ease, opacity .16s ease !important;
}

.al-communityCommentsModal .al-communityCommentForm__submit:hover:not(:disabled){
  background:linear-gradient(135deg,#2f6b4f,#176846) !important;
  color:#fff !important;
  box-shadow:0 14px 26px rgba(31,122,85,.28) !important;
  transform:translateY(-1px) !important;
}

.al-communityCommentsModal .al-communityCommentForm__submit:active:not(:disabled){
  transform:scale(.97) !important;
}

.al-communityCommentsModal .al-communityCommentForm__submit:focus,
.al-communityCommentsModal .al-communityCommentForm__submit:focus-visible{
  outline:0 !important;
  box-shadow:0 0 0 3px rgba(47,107,79,.24), 0 10px 20px rgba(31,122,85,.22) !important;
}

.al-communityCommentsModal .al-communityCommentForm__submit:disabled{
  cursor:not-allowed !important;
  opacity:.62 !important;
  box-shadow:none !important;
}

.al-communityCommentForm.is-submitting{
  opacity:.72;
}

@media (max-width:767px){
  .al-communityCommentsModal{
    place-items:end stretch;
    padding:0;
  }

  .al-communityCommentsModal__dialog{
    grid-template-columns:1fr;
    width:100%;
    height:auto;
    max-height:min(85dvh, calc(100dvh - max(12px, env(safe-area-inset-top, 0px))));
    border-radius:22px 22px 0 0;
  }

  .al-communityCommentsModal__media{
    display:none;
  }

  .al-communityCommentsModal__panel{
    border-left:0;
    max-height:min(85dvh, calc(100dvh - max(12px, env(safe-area-inset-top, 0px))));
  }

  .al-communityCommentsModal__head{
    position:relative;
    align-items:flex-start;
    gap:10px;
    padding:22px 64px 14px 16px;
  }

  .al-communityCommentsModal__handle{
    display:block;
    position:absolute;
    top:8px;
    left:50%;
    width:44px;
    height:5px;
    border-radius:999px;
    background:rgba(15,23,42,.16);
    transform:translateX(-50%);
  }

  .al-communityCommentsModal__identity{
    align-items:flex-start;
    gap:10px;
  }

  .al-communityCommentsModal .al-communityCommentsModal__close{
    top:28px !important;
    right:16px !important;
    width:42px !important;
    min-width:42px !important;
  }

  #alCommunityCommentsTitle.al-communityCommentsModal__title,
  .al-communityCommentsModal__title{
    max-width:100%;
    font-size:clamp(23px, 7vw, 29px);
    line-height:1.08;
  }

  .al-communityComment{
    grid-template-columns:32px minmax(0,1fr) 28px;
    gap:8px;
  }

  .al-communityComment--reply{
    grid-template-columns:26px minmax(0,1fr) 26px;
  }

  .al-communityComment__replies{
    gap:10px;
    margin-top:10px;
  }

  .al-communityComment__repliesToggle::before{
    width:24px;
  }

  .al-communityComment__more{
    opacity:1;
    visibility:visible;
  }

  .al-commentActionSheet{
    place-items:end center;
  }

  .al-commentActionSheet__panel{
    width:100%;
    max-width:none;
    border-radius:22px 22px 0 0;
    padding-bottom:env(safe-area-inset-bottom, 0px);
  }

  .al-commentActionSheet .al-commentActionSheet__item{
    min-height:58px !important;
    font-size:16px !important;
  }
}

@media (hover:none){
  .al-communityComment__more{
    opacity:1;
    visibility:visible;
  }
}

/* Final docked community subnav guard.
   Keeps logged-in and logged-out community tabs identical on mobile. */
#alPublicCommunity #alMemberArea.al-community .al-tanks-container{
  padding-top:0 !important;
}

@media (max-width:760px){
  html body #alPublicCommunity #alMemberArea.al-community .al-tanks-container,
  html.logged-in body #alPublicCommunity #alMemberArea.al-community .al-tanks-container,
  html:not(.logged-in) body #alPublicCommunity #alMemberArea.al-community .al-tanks-container,
  body.logged-in #alPublicCommunity #alMemberArea.al-community .al-tanks-container,
  body:not(.logged-in) #alPublicCommunity #alMemberArea.al-community .al-tanks-container{
    width:min(100% - 24px, 1180px) !important;
    max-width:1180px !important;
    margin-inline:auto !important;
    padding-top:0 !important;
  }

  html body #alPublicCommunity #alMemberArea.al-community .al-tanks-container > .al-tankNav__primary.al-context-nav--tank.al-member-subnav,
  html.logged-in body #alPublicCommunity #alMemberArea.al-community .al-tanks-container > .al-tankNav__primary.al-context-nav--tank.al-member-subnav,
  html:not(.logged-in) body #alPublicCommunity #alMemberArea.al-community .al-tanks-container > .al-tankNav__primary.al-context-nav--tank.al-member-subnav,
  body.logged-in #alPublicCommunity #alMemberArea.al-community .al-tanks-container > .al-tankNav__primary.al-context-nav--tank.al-member-subnav,
  body:not(.logged-in) #alPublicCommunity #alMemberArea.al-community .al-tanks-container > .al-tankNav__primary.al-context-nav--tank.al-member-subnav{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100vw !important;
    max-width:none !important;
    min-height:58px !important;
    margin:0 calc(50% - 50vw) 24px !important;
    padding:0 12px !important;
    border-top:0 !important;
    border-right:0 !important;
    border-left:0 !important;
    border-bottom:1px solid rgba(44,107,74,.12) !important;
    border-radius:0 !important;
    background:rgba(255,255,255,.88) !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-padding-inline:12px !important;
    scroll-snap-type:x proximity !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

  html body #alPublicCommunity #alMemberArea.al-community .al-tanks-container > .al-tankNav__primary.al-context-nav--tank.al-member-subnav::before{
    content:none !important;
    display:none !important;
  }

  html body #alPublicCommunity #alMemberArea.al-community .al-tanks-container > .al-tankNav__primary.al-context-nav--tank.al-member-subnav::after{
    content:none !important;
    display:none !important;
  }

  html body #alPublicCommunity #alMemberArea.al-community .al-tanks-container > .al-tankNav__primary.al-context-nav--tank.al-member-subnav.is-scrollable.has-scroll-right{
    -webkit-mask-image:linear-gradient(90deg, #000 0%, #000 calc(100% - 32px), transparent 100%) !important;
    mask-image:linear-gradient(90deg, #000 0%, #000 calc(100% - 32px), transparent 100%) !important;
  }

  html body #alPublicCommunity #alMemberArea.al-community .al-tanks-container > .al-tankNav__primary.al-context-nav--tank.al-member-subnav.is-scrollable.has-scroll-left{
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 32px, #000 100%) !important;
    mask-image:linear-gradient(90deg, transparent 0%, #000 32px, #000 100%) !important;
  }

  html body #alPublicCommunity #alMemberArea.al-community .al-tanks-container > .al-tankNav__primary.al-context-nav--tank.al-member-subnav.is-scrollable.has-scroll-left.has-scroll-right{
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 32px, #000 calc(100% - 32px), transparent 100%) !important;
    mask-image:linear-gradient(90deg, transparent 0%, #000 32px, #000 calc(100% - 32px), transparent 100%) !important;
  }

  html body #alPublicCommunity #alMemberArea.al-community .al-tankNav__primary.al-context-nav--tank.al-member-subnav .al-member-subnav__list,
  html.logged-in body #alPublicCommunity #alMemberArea.al-community .al-tankNav__primary.al-context-nav--tank.al-member-subnav .al-member-subnav__list,
  html:not(.logged-in) body #alPublicCommunity #alMemberArea.al-community .al-tankNav__primary.al-context-nav--tank.al-member-subnav .al-member-subnav__list,
  body.logged-in #alPublicCommunity #alMemberArea.al-community .al-tankNav__primary.al-context-nav--tank.al-member-subnav .al-member-subnav__list,
  body:not(.logged-in) #alPublicCommunity #alMemberArea.al-community .al-tankNav__primary.al-context-nav--tank.al-member-subnav .al-member-subnav__list{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    width:max-content !important;
    min-width:max-content !important;
    margin:0 !important;
    padding:0 52px 0 0 !important;
  }

  html body #alPublicCommunity #alMemberArea.al-community .al-tankNav__primary.al-context-nav--tank.al-member-subnav .al-communityTab{
    scroll-snap-align:start !important;
  }

  html body #alPublicCommunity #alMemberArea.al-community .al-tankNav__primary.al-context-nav--tank.al-member-subnav .al-communityTab:first-child{
    margin-left:0 !important;
  }
}

html.logged-in body #alPublicCommunity,
html:not(.logged-in) body #alPublicCommunity,
body.logged-in #alPublicCommunity,
body:not(.logged-in) #alPublicCommunity{
  width:100% !important;
  max-width:none !important;
  margin-right:0 !important;
  margin-left:0 !important;
}

html.logged-in body #alPublicCommunity #alMemberArea.al-community.al-community-hub,
html:not(.logged-in) body #alPublicCommunity #alMemberArea.al-community.al-community-hub,
body.logged-in #alPublicCommunity #alMemberArea.al-community.al-community-hub,
body:not(.logged-in) #alPublicCommunity #alMemberArea.al-community.al-community-hub{
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(20,184,166,.12), transparent 30%),
    linear-gradient(180deg,#f8fafc 0%,#eef8f6 48%,#f8fafc 100%) !important;
  overflow:visible !important;
}

html:not(.logged-in) body #alPublicCommunity #alMemberArea.al-community.al-community-hub::before,
body:not(.logged-in) #alPublicCommunity #alMemberArea.al-community.al-community-hub::before{
  display:none !important;
  content:none !important;
}

@media (max-width:782px){
  html body #alPublicCommunity #alMemberArea.al-community .al-tanks-container > .al-tankNav__primary.al-context-nav--tank.al-member-subnav{
    position:sticky !important;
    top:calc(var(--al-header-h, var(--almx-header-h, 64px)) + env(safe-area-inset-top, 0px) - 2px) !important;
    z-index:110 !important;
    margin-bottom:22px !important;
    background:rgba(255,255,255,.96) !important;
    box-shadow:0 -3px 0 rgba(255,255,255,.96), 0 10px 22px rgba(24,63,45,.06), inset 0 -1px 0 rgba(44,107,74,.10) !important;
  }
}

/* Public tank mobile hero guard: keep owner identity inside the image stage. */
@media (max-width:760px){
  html body #alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankHero{
    position:relative !important;
    overflow:hidden !important;
  }

  html body #alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankHero .al-tanks__hero-inner,
  html body #alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankHero .al-tanks__hero-overlay{
    position:absolute !important;
    inset:0 !important;
    overflow:hidden !important;
  }

  html body #alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankHero .al-tanks__heroTop,
  html body #alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankHero .al-tanks__heroIdentity{
    position:static !important;
    display:block !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  html body #alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankHero .al-publicTankOwner{
    position:absolute !important;
    left:auto !important;
    right:20px !important;
    bottom:20px !important;
    top:auto !important;
    z-index:8 !important;
    max-width:min(52vw, calc(100% - 120px)) !important;
    min-width:0 !important;
    transform:none !important;
  }

  html body #alPublicCommunity #alMemberArea.al-tanks.is-public .al-publicTankHero .al-publicTankOwner__text{
    min-width:0 !important;
    overflow:hidden !important;
  }
}


/* ======================================================================
   Public Community v2: GitHub-like section nav + Overview Cards
   ====================================================================== */

body:has(#alPublicCommunity){
  --al-community-nav-height:56px;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public{
  background:
    radial-gradient(circle at 12% 0%, rgba(120,185,163,.14), transparent 30%),
    linear-gradient(180deg,#f6faf7 0%,#edf5f0 48%,#f8fbf9 100%) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav{
  position:relative !important;
  z-index:30 !important;
  width:100% !important;
  margin:0 !important;
  border-top:1px solid rgba(15,23,42,.06) !important;
  border-bottom:1px solid rgba(15,23,42,.10) !important;
  background:#fff !important;
  color:#111827 !important;
  box-shadow:0 1px 0 rgba(255,255,255,.88) inset !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  width:min(var(--al-page-shell-max-width, 1180px), calc(100% - 32px)) !important;
  min-height:var(--al-community-nav-height) !important;
  margin:0 auto !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__list{
  display:flex !important;
  align-items:stretch !important;
  gap:22px !important;
  min-width:0 !important;
  height:var(--al-community-nav-height) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__link{
  appearance:none !important;
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-height:var(--al-community-nav-height) !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:rgba(17,24,39,.72) !important;
  box-shadow:none !important;
  font:inherit !important;
  font-family:"Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size:14px !important;
  font-weight:650 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__link::after{
  content:"" !important;
  position:absolute !important;
  right:0 !important;
  bottom:-1px !important;
  left:0 !important;
  height:2px !important;
  border-radius:999px 999px 0 0 !important;
  background:transparent !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__link:hover,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__link:focus-visible{
  color:#111827 !important;
  outline:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__link.is-active,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__link[aria-selected="true"]{
  color:#111827 !important;
  font-weight:800 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__link.is-active::after,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__link[aria-selected="true"]::after{
  background:var(--al-color-moss, #2f6b4f) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanks-container{
  padding-top:24px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero{
  margin-bottom:18px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityPane--overview{
  background:rgba(255,255,255,.74) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewGrid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard{
  display:grid !important;
  min-width:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(44,107,74,.14) !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 16px 44px rgba(24,63,45,.10) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media{
  position:relative !important;
  min-height:132px !important;
  overflow:hidden !important;
  background:linear-gradient(135deg,#0f172a,#24543f) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), transparent 38%),
    radial-gradient(circle at 82% 22%, rgba(120,185,163,.28), transparent 28%),
    radial-gradient(circle at 18% 84%, rgba(47,107,79,.26), transparent 30%) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media--aquariums{
  background:
    radial-gradient(circle at 76% 26%, rgba(120,185,163,.24), transparent 28%),
    linear-gradient(135deg,#0f172a,#2f6b4f) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media--progress{
  background:
    radial-gradient(circle at 26% 32%, rgba(120,185,163,.30), transparent 30%),
    linear-gradient(135deg,#14251d,#39758a) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media--aquarists{
  background:
    radial-gradient(circle at 72% 26%, rgba(215,232,167,.28), transparent 28%),
    linear-gradient(135deg,#111827,#2f6b4f) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__body{
  display:grid !important;
  gap:10px !important;
  padding:18px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard h3{
  margin:0 !important;
  color:var(--al-color-text-ink, #14231c) !important;
  font-size:22px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  letter-spacing:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard p{
  margin:0 !important;
  color:var(--al-color-text-muted, #52645b) !important;
  font-size:14px !important;
  line-height:1.5 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__link{
  appearance:none !important;
  justify-self:start !important;
  margin-top:4px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:var(--al-color-deep-moss, #183f2d) !important;
  font:inherit !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  cursor:pointer !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__link:hover,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__link:focus-visible{
  color:var(--al-color-moss, #2f6b4f) !important;
  text-decoration:underline !important;
  outline:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityProof{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:2px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityProof__item{
  display:grid !important;
  gap:4px !important;
  padding:16px !important;
  border:1px solid rgba(44,107,74,.12) !important;
  border-radius:16px !important;
  background:rgba(248,250,252,.84) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityProof__item strong{
  color:var(--al-color-text-ink, #14231c) !important;
  font-size:14px !important;
  font-weight:800 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityProof__item span{
  color:var(--al-color-text-muted, #52645b) !important;
  font-size:13px !important;
  line-height:1.4 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard{
  display:block !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(44,107,74,.14) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 12px 32px rgba(24,63,45,.08) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__summary{
  display:grid !important;
  grid-template-columns:auto minmax(180px, 1fr) minmax(260px, auto) auto !important;
  align-items:center !important;
  gap:14px !important;
  padding:16px !important;
  cursor:pointer !important;
  list-style:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__summary::-webkit-details-marker{
  display:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__rank{
  position:static !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:42px !important;
  height:34px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:var(--al-color-text-ink, #14231c) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:800 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__identity{
  display:grid !important;
  gap:5px !important;
  min-width:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__level{
  display:block !important;
  justify-self:start !important;
  min-height:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--al-color-text-muted, #52645b) !important;
  font-size:13px !important;
  font-weight:600 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__momentum{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
  gap:8px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__momentum span,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__stats span{
  display:inline-flex !important;
  align-items:center !important;
  gap:4px !important;
  min-height:28px !important;
  padding:0 10px !important;
  border:1px solid rgba(44,107,74,.12) !important;
  border-radius:999px !important;
  background:rgba(237,245,240,.72) !important;
  color:var(--al-color-text-muted, #52645b) !important;
  font-size:12px !important;
  font-weight:650 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__momentum strong,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__stats strong{
  color:var(--al-color-text-ink, #14231c) !important;
  font-weight:850 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__toggle{
  width:22px !important;
  height:22px !important;
  border-radius:999px !important;
  border:1px solid rgba(44,107,74,.14) !important;
  background:#fff !important;
  position:relative !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__toggle::before,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__toggle::after{
  content:"" !important;
  position:absolute !important;
  inset:50% auto auto 50% !important;
  width:10px !important;
  height:2px !important;
  border-radius:999px !important;
  background:var(--al-color-text-muted, #52645b) !important;
  transform:translate(-50%, -50%) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__toggle::after{
  transform:translate(-50%, -50%) rotate(90deg) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard[open] .al-communityRankCard__toggle::after{
  opacity:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__details{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  padding:0 16px 16px 72px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__stats{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__cta{
  flex:0 0 auto !important;
}

@media (max-width: 900px){
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__inner{
    width:100% !important;
    padding-left:16px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__list{
    flex:1 1 auto !important;
    gap:20px !important;
    min-width:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
    scroll-padding-inline:16px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__list::-webkit-scrollbar{
    display:none !important;
  }


  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewGrid,
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityProof{
    grid-template-columns:1fr !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__summary{
    grid-template-columns:auto minmax(0, 1fr) auto !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__momentum{
    grid-column:2 / -1 !important;
    justify-content:flex-start !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__details{
    flex-direction:column !important;
    padding-left:16px !important;
  }
}

@media (max-width: 760px){
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__inner{
    min-height:52px !important;
    padding-left:14px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__list{
    height:52px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__link{
    min-height:52px !important;
    font-size:13px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanks-container{
    width:min(100% - 24px, var(--al-page-shell-max-width, 1180px)) !important;
    padding-top:16px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media{
    min-height:118px !important;
  }
}

/* ======================================================================
   Public Community flagship polish - scoped final layer
   ====================================================================== */

#alPublicCommunity #alMemberArea.al-community.al-community-public{
  --al-color-moss:#2c6b4a;
  --al-color-moss-rgb:44,107,74;
  --al-color-deep-moss:#183f2d;
  --al-color-deep-moss-rgb:24,63,45;
  --al-color-soft-aqua:#78b9a3;
  --al-color-soft-aqua-rgb:120,185,163;
  --al-color-organic-highlight:#d7e8a7;
  --al-color-organic-highlight-rgb:215,232,167;
  --al-color-info:#39758a;
  --al-color-text-ink:#14231c;
  --al-color-text-muted:#52645b;
  --al-color-text-soft:#74857d;
  --al-color-surface-page:#ffffff;
  --al-color-surface-card:#ffffff;
  --al-color-surface-raised:#fbfdfb;
  --al-color-surface-subtle:#edf5f0;
  --al-color-border-default:rgba(44,107,74,.18);
  --al-color-border-soft:rgba(44,107,74,.10);
  --al-shadow-subtle:0 8px 24px rgba(24,63,45,.08);
  --al-shadow-raised:0 18px 48px rgba(24,63,45,.14);
  --al-shadow-overlay:0 28px 80px rgba(13,31,23,.18);
  --al-shadow-focus-ring:0 0 0 4px rgba(120,185,163,.28);
  --al-page-shell-max-width:1180px;
  --al-community-nav-height:56px;
  background:#fff !important;
}

#alPublicCommunity #alCommunityHub.al-tanks-shell{
  background:#fff !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanks-container{
  width:min(var(--al-page-shell-max-width), calc(100vw - 32px)) !important;
  max-width:var(--al-page-shell-max-width) !important;
  margin-inline:auto !important;
  padding:clamp(10px, 1.8vw, 22px) 0 56px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav{
  position:relative !important;
  z-index:30 !important;
  width:100% !important;
  margin:0 !important;
  border-top:1px solid rgba(15,23,42,.06) !important;
  border-bottom:1px solid rgba(15,23,42,.10) !important;
  background:#fff !important;
  box-shadow:0 1px 0 rgba(255,255,255,.88) inset !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__inner{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:min(var(--al-page-shell-max-width), calc(100vw - 32px)) !important;
  min-height:var(--al-community-nav-height) !important;
  margin:0 auto !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__list{
  display:flex !important;
  align-items:stretch !important;
  gap:24px !important;
  min-width:0 !important;
  height:var(--al-community-nav-height) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__link{
  appearance:none !important;
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-height:var(--al-community-nav-height) !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:rgba(17,24,39,.72) !important;
  box-shadow:none !important;
  font:650 14px/1 "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing:0 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__link::after{
  content:"" !important;
  position:absolute !important;
  right:0 !important;
  bottom:-1px !important;
  left:0 !important;
  height:2px !important;
  border-radius:999px 999px 0 0 !important;
  background:transparent !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__link:hover,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__link:focus-visible{
  color:#111827 !important;
  outline:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__link.is-active,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__link[aria-selected="true"]{
  color:#111827 !important;
  font-weight:800 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__link.is-active::after,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__link[aria-selected="true"]::after{
  background:var(--al-color-moss) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero[hidden]{
  display:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero{
  position:relative !important;
  isolation:isolate !important;
  display:grid !important;
  align-items:center !important;
  width:100% !important;
  min-height:clamp(330px, 32vw, 410px) !important;
  margin:0 auto 30px !important;
  padding:clamp(34px, 4vw, 54px) clamp(30px, 4vw, 56px) clamp(34px, 3vw, 42px) !important;
  overflow:hidden !important;
  border:1px solid rgba(16,35,29,.12) !important;
  border-radius:14px !important;
  background:#fbfdf9 !important;
  box-shadow:0 18px 50px rgba(16,35,29,.10) !important;
  color:#10231d !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__media,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__overlay{
  position:absolute !important;
  inset:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__media{
  z-index:0 !important;
  background:#dfe9df !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__image{
  display:block !important;
  width:100% !important;
  height:100% !important;
  aspect-ratio:20 / 9 !important;
  object-fit:cover !important;
  object-position:right center !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__overlay{
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(251,253,249,1) 0%, rgba(251,253,249,.99) 24%, rgba(251,253,249,.92) 39%, rgba(251,253,249,.66) 54%, rgba(251,253,249,.22) 72%, rgba(251,253,249,0) 100%),
    linear-gradient(0deg, rgba(251,253,249,.30) 0%, rgba(251,253,249,0) 38%) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__content{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  align-content:center !important;
  justify-items:start !important;
  gap:22px !important;
  width:min(500px, 43%) !important;
  min-width:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__copy{
  display:grid !important;
  gap:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__eyebrow{
  margin:0 0 12px !important;
  color:#0f7a47 !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-transform:uppercase !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__title{
  max-width:12ch !important;
  margin:0 !important;
  color:#10231d !important;
  font-size:56px !important;
  font-weight:800 !important;
  line-height:.98 !important;
  letter-spacing:0 !important;
  text-align:left !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__subline{
  max-width:440px !important;
  margin:18px 0 0 !important;
  color:rgba(16,35,29,.72) !important;
  font-size:16px !important;
  font-weight:500 !important;
  line-height:1.55 !important;
  text-align:left !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__actions{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  gap:10px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__chips{
  display:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityPanes{
  margin:0 0 32px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityPane{
  display:grid !important;
  gap:28px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  scroll-margin-top:96px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityPane[hidden]{
  display:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanksSurface__head{
  align-items:flex-end !important;
  justify-content:flex-start !important;
  gap:18px !important;
  padding:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanksSurface__titleWrap{
  gap:7px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanksSurface__eyebrow{
  color:var(--al-color-moss) !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.18 !important;
  letter-spacing:0 !important;
  text-transform:uppercase !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanksSurface__title{
  margin:0 !important;
  color:var(--al-color-text-ink) !important;
  font-size:clamp(26px, 3vw, 38px) !important;
  font-weight:750 !important;
  line-height:1.12 !important;
  letter-spacing:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanksSurface__sub{
  max-width:68ch !important;
  margin:0 !important;
  color:var(--al-color-text-muted) !important;
  font-size:15px !important;
  line-height:1.62 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewGrid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard{
  display:grid !important;
  min-width:0 !important;
  overflow:hidden !important;
  border:1px solid rgba(44,107,74,.14) !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:var(--al-shadow-subtle) !important;
  transition:border-color .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s cubic-bezier(.2,.8,.2,1), transform .14s cubic-bezier(.2,.8,.2,1) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard:hover{
  border-color:rgba(44,107,74,.26) !important;
  box-shadow:var(--al-shadow-raised) !important;
  transform:translateY(-2px) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media{
  position:relative !important;
  display:grid !important;
  place-items:end start !important;
  min-height:118px !important;
  padding:18px !important;
  overflow:hidden !important;
  border-bottom:1px solid rgba(44,107,74,.10) !important;
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(120,185,163,.20), transparent 56%),
    linear-gradient(180deg, #fbfdfb 0%, #edf5f0 100%) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media::after{
  content:"" !important;
  position:absolute !important;
  inset:auto 18px 18px auto !important;
  width:82px !important;
  height:82px !important;
  border-radius:999px !important;
  background:rgba(44,107,74,.055) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media--aquariums,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media--progress,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media--aquarists{
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(120,185,163,.20), transparent 56%),
    linear-gradient(180deg, #fbfdfb 0%, #edf5f0 100%) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__icon{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  place-items:center !important;
  width:46px !important;
  height:46px !important;
  border:1px solid rgba(44,107,74,.16) !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:0 8px 20px rgba(24,63,45,.08) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__icon img{
  display:block !important;
  width:24px !important;
  height:24px !important;
  object-fit:contain !important;
  opacity:.76 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__body{
  display:grid !important;
  gap:10px !important;
  padding:20px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard h3{
  margin:0 !important;
  color:var(--al-color-text-ink) !important;
  font-size:21px !important;
  font-weight:800 !important;
  line-height:1.16 !important;
  letter-spacing:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard p{
  margin:0 !important;
  color:var(--al-color-text-muted) !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__link{
  appearance:none !important;
  justify-self:start !important;
  margin-top:2px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:var(--al-color-deep-moss) !important;
  font:750 14px/1.2 "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  cursor:pointer !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityProof{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityProof__item{
  display:grid !important;
  gap:5px !important;
  padding:18px !important;
  border:1px solid rgba(44,107,74,.12) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, #fff 0%, #fbfdfb 100%) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityProof__item strong{
  color:var(--al-color-text-ink) !important;
  font-size:14px !important;
  font-weight:800 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityProof__item span{
  color:var(--al-color-text-muted) !important;
  font-size:13px !important;
  line-height:1.45 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRanking{
  gap:18px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--tanks,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--featured{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 280px), 360px)) !important;
  justify-content:start !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--updates,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--trending{
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 280px), 360px)) !important;
  justify-content:start !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRanking{
  grid-template-columns:1fr !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityCard,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard{
  border:1px solid rgba(44,107,74,.14) !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:var(--al-shadow-subtle) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityCard:hover,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard:hover{
  border-color:rgba(44,107,74,.26) !important;
  box-shadow:var(--al-shadow-raised) !important;
  transform:translateY(-2px) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityCard__body{
  gap:12px !important;
  padding:18px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityCard__title{
  color:var(--al-color-text-ink) !important;
  font-size:19px !important;
  font-weight:750 !important;
  line-height:1.22 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityCard__chip,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanks__chip{
  border:1px solid rgba(44,107,74,.14) !important;
  background:rgba(44,107,74,.07) !important;
  color:var(--al-color-deep-moss) !important;
  font-weight:650 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty{
  position:relative !important;
  display:grid !important;
  grid-template-columns:52px minmax(0, 1fr) auto !important;
  align-items:center !important;
  gap:10px 18px !important;
  min-height:148px !important;
  padding:24px !important;
  border:1px solid rgba(44,107,74,.14) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%) !important;
  color:var(--al-color-text-muted) !important;
  box-shadow:var(--al-shadow-subtle) !important;
  text-align:left !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty[hidden]{
  display:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty::before{
  content:"" !important;
  display:grid !important;
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  width:52px !important;
  height:52px !important;
  border:1px solid rgba(44,107,74,.14) !important;
  border-radius:16px !important;
  background:
    radial-gradient(circle at 35% 30%, rgba(120,185,163,.28), transparent 38%),
    rgba(44,107,74,.06) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty__icon{
  position:relative !important;
  z-index:1 !important;
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  display:grid !important;
  place-items:center !important;
  width:52px !important;
  height:52px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty__icon img{
  width:24px !important;
  height:24px !important;
  object-fit:contain !important;
  opacity:.70 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty__copy{
  display:grid !important;
  gap:5px !important;
  min-width:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty strong{
  display:block !important;
  color:var(--al-color-text-ink) !important;
  font-size:17px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty span{
  color:var(--al-color-text-muted) !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty > .al-btn{
  grid-column:3 !important;
  justify-self:end !important;
  margin:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard{
  display:block !important;
  padding:0 !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, #fff 0%, #fbfdfb 100%) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__summary{
  display:grid !important;
  grid-template-columns:auto minmax(220px, 1fr) minmax(280px, auto) auto !important;
  align-items:center !important;
  gap:16px !important;
  padding:18px !important;
  list-style:none !important;
  cursor:pointer !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__summary::-webkit-details-marker{
  display:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__rank{
  position:static !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:44px !important;
  height:36px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:#14231c !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:850 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__identity{
  display:grid !important;
  gap:5px !important;
  min-width:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__person .al-communityOwner__avatar{
  width:44px !important;
  height:44px !important;
  flex-basis:44px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__person .al-communityOwner__name{
  font-size:15px !important;
  font-weight:800 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__level{
  display:block !important;
  justify-self:start !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--al-color-text-muted) !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.3 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__momentum,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__stats{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__momentum{
  justify-content:flex-end !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__chip,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__stats span{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  min-height:30px !important;
  padding:0 11px !important;
  border:1px solid rgba(44,107,74,.13) !important;
  border-radius:999px !important;
  background:rgba(237,245,240,.78) !important;
  color:var(--al-color-text-muted) !important;
  font-size:12px !important;
  font-weight:650 !important;
  line-height:1.1 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__chip--xp{
  background:rgba(44,107,74,.08) !important;
  color:var(--al-color-deep-moss) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__chip--streak{
  background:rgba(57,117,138,.08) !important;
  color:#2f5f70 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__chip strong,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__stats strong{
  color:var(--al-color-text-ink) !important;
  font-weight:850 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__toggle{
  position:relative !important;
  width:24px !important;
  height:24px !important;
  border:1px solid rgba(44,107,74,.14) !important;
  border-radius:999px !important;
  background:#fff !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__toggle::before,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__toggle::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:10px !important;
  height:2px !important;
  border-radius:999px !important;
  background:var(--al-color-text-muted) !important;
  transform:translate(-50%, -50%) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__toggle::after{
  transform:translate(-50%, -50%) rotate(90deg) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard[open] .al-communityRankCard__toggle::after{
  opacity:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__details{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:0 18px 18px 78px !important;
  border-top:1px solid rgba(44,107,74,.10) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__details .al-communityRankCard__stats{
  padding-top:16px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__cta{
  flex:0 0 auto !important;
  margin-top:16px !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityJoin{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  margin:34px 0 0 !important;
  padding:clamp(24px, 3vw, 34px) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:18px !important;
  color:#fff !important;
  background:
    radial-gradient(80% 120% at 100% 0%, rgba(120,185,163,.28), transparent 58%),
    linear-gradient(135deg,#10231d 0%,#183f2d 54%,#2c6b4a 100%) !important;
  box-shadow:var(--al-shadow-overlay) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityJoin h2{
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(27px, 3vw, 38px) !important;
  font-weight:800 !important;
  line-height:1.08 !important;
  letter-spacing:0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityJoin p{
  max-width:660px !important;
  margin:10px 0 0 !important;
  color:rgba(255,255,255,.82) !important;
  font-size:15px !important;
  line-height:1.6 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityJoin .al-tanksSurface__eyebrow{
  display:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityJoin .al-btn--primary,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityJoin a.al-btn--primary,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityJoin button.al-btn--primary{
  color:var(--al-color-deep-moss) !important;
  border-color:rgba(255,255,255,.88) !important;
  background:#fff !important;
  box-shadow:0 12px 28px rgba(2,6,23,.24), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

@media (max-width: 900px){
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__inner{
    width:100% !important;
    padding-left:16px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__list{
    flex:1 1 auto !important;
    gap:22px !important;
    min-width:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-padding-inline:16px !important;
    scrollbar-width:none !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__list::-webkit-scrollbar{
    display:none !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__list.is-scrollable.has-scroll-right{
    -webkit-mask-image:linear-gradient(90deg, #000 0%, #000 calc(100% - 34px), transparent 100%) !important;
    mask-image:linear-gradient(90deg, #000 0%, #000 calc(100% - 34px), transparent 100%) !important;
    box-shadow:inset -28px 0 18px -26px rgba(24,63,45,.38) !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__list.is-scrollable.has-scroll-left{
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 34px, #000 100%) !important;
    mask-image:linear-gradient(90deg, transparent 0%, #000 34px, #000 100%) !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__list.is-scrollable.has-scroll-left.has-scroll-right{
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 34px, #000 calc(100% - 34px), transparent 100%) !important;
    mask-image:linear-gradient(90deg, transparent 0%, #000 34px, #000 calc(100% - 34px), transparent 100%) !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewGrid,
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityProof{
    grid-template-columns:1fr !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__summary{
    grid-template-columns:auto minmax(0, 1fr) auto !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__momentum{
    grid-column:2 / -1 !important;
    justify-content:flex-start !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__details{
    flex-direction:column !important;
    padding-left:18px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityJoin{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
}

@media (max-width: 767px){
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanks-container{
    width:calc(100vw - 20px) !important;
    padding-top:8px !important;
    padding-bottom:44px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__inner{
    min-height:52px !important;
    padding-left:14px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__list{
    height:52px !important;
    gap:20px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__link{
    min-height:52px !important;
    font-size:13px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero{
    min-height:274px !important;
    margin:0 auto 22px !important;
    padding:22px 14px 18px !important;
    border-radius:12px !important;
    box-shadow:0 12px 30px rgba(16,35,29,.10) !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__image{
    object-position:64% center !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__overlay{
    background:
      linear-gradient(90deg, rgba(251,253,249,.94) 0%, rgba(251,253,249,.88) 48%, rgba(251,253,249,.58) 75%, rgba(251,253,249,.18) 100%),
      linear-gradient(0deg, rgba(251,253,249,.64) 0%, rgba(251,253,249,.12) 58%, rgba(251,253,249,0) 100%) !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__content{
    width:82% !important;
    max-width:300px !important;
    gap:14px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__eyebrow{
    margin-bottom:8px !important;
    font-size:10px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__title{
    max-width:10.5ch !important;
    font-size:31px !important;
    line-height:1 !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__subline{
    max-width:270px !important;
    margin-top:10px !important;
    color:rgba(16,35,29,.76) !important;
    font-size:13px !important;
    line-height:1.45 !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    gap:8px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-community-hero__actions .al-btn{
    width:100% !important;
    min-height:42px !important;
    padding-inline:12px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityPane{
    gap:22px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanksSurface__head{
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-tanksSurface__title{
    font-size:clamp(23px, 7vw, 30px) !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--tanks,
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--featured,
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--recent,
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--updates,
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityGrid--trending,
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRanking{
    grid-template-columns:1fr !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty{
    grid-template-columns:52px minmax(0, 1fr) !important;
    align-items:start !important;
    min-height:0 !important;
    padding:18px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty > .al-btn{
    grid-column:1 / -1 !important;
    justify-self:stretch !important;
    width:100% !important;
    margin-top:4px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__summary{
    gap:12px !important;
    padding:16px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityRankCard__details{
    padding:0 16px 16px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityJoin{
    margin-top:28px !important;
    padding:22px !important;
    border-radius:16px !important;
  }
}

/* Public Community overview card imagery and final interaction polish */
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media{
  position:relative !important;
  isolation:isolate !important;
  display:grid !important;
  place-items:end start !important;
  aspect-ratio:16 / 9 !important;
  min-height:0 !important;
  padding:18px !important;
  overflow:hidden !important;
  border-bottom:1px solid rgba(44,107,74,.10) !important;
  background:#edf5f0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__image{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.01) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media--aquariums .al-communityOverviewCard__image{
  object-position:center 54% !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media--progress .al-communityOverviewCard__image{
  object-position:center center !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media--ranking .al-communityOverviewCard__image,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media--aquarists .al-communityOverviewCard__image{
  object-position:center 48% !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg, rgba(4,18,13,.04) 0%, rgba(4,18,13,.18) 100%),
    radial-gradient(circle at 12% 92%, rgba(255,255,255,.52), transparent 30%) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media::after{
  display:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media--aquariums,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media--progress,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media--ranking,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media--aquarists{
  background:#edf5f0 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__icon{
  z-index:2 !important;
  width:46px !important;
  height:46px !important;
  border-color:rgba(255,255,255,.72) !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 12px 28px rgba(4,18,13,.16), inset 0 1px 0 rgba(255,255,255,.76) !important;
  -webkit-backdrop-filter:blur(10px) saturate(130%) !important;
  backdrop-filter:blur(10px) saturate(130%) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__icon img{
  width:24px !important;
  height:24px !important;
  opacity:.82 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:6px !important;
  min-height:30px !important;
  padding:0 2px !important;
  border-radius:999px !important;
  color:var(--al-color-deep-moss, #183f2d) !important;
  text-decoration:none !important;
  transition:color .18s cubic-bezier(.2,.8,.2,1), transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s cubic-bezier(.2,.8,.2,1) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__link:hover{
  color:var(--al-color-moss, #2f6b4f) !important;
  text-decoration:none !important;
  transform:translateX(2px) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__link:focus-visible{
  color:var(--al-color-moss, #2f6b4f) !important;
  text-decoration:none !important;
  outline:0 !important;
  box-shadow:0 0 0 3px rgba(120,185,163,.32) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityEmpty--compact{
  grid-template-columns:52px minmax(0, 1fr) !important;
}

@media (min-width: 901px){
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__inner{
    justify-content:center !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityTopNav__list{
    width:100% !important;
    justify-content:center !important;
  }
}

@media (max-width: 767px){
  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__body > .al-tanksSurface__eyebrow{
    display:none !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media{
    padding:14px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__icon{
    width:42px !important;
    height:42px !important;
    border-radius:13px !important;
  }
}

/* Public Community card tap targets, mobile rhythm and non-duplicative headings */
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewHeading{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  border:0 !important;
  white-space:nowrap !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard{
  position:relative !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__media,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__body{
  position:relative !important;
  z-index:1 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__image{
  transition:transform .34s cubic-bezier(.2,.8,.2,1) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__link{
  position:static !important;
  color:var(--al-color-deep-moss, #183f2d) !important;
  text-decoration:none !important;
  transform:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__link::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  border-radius:inherit !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard :is(a:not(.al-communityOverviewCard__link), button, input, select, textarea, [data-community-interactive]){
  position:relative !important;
  z-index:4 !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard:hover,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard:focus-within{
  border-color:rgba(44,107,74,.28) !important;
  box-shadow:var(--al-shadow-raised, 0 18px 46px rgba(24,63,45,.14)) !important;
  transform:translateY(-2px) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard:hover .al-communityOverviewCard__image,
#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard:focus-within .al-communityOverviewCard__image{
  transform:scale(1.035) !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__link:hover{
  color:var(--al-color-deep-moss, #183f2d) !important;
  text-decoration:none !important;
  transform:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard__link:focus-visible{
  color:var(--al-color-deep-moss, #183f2d) !important;
  text-decoration:none !important;
  outline:0 !important;
  box-shadow:none !important;
}

#alPublicCommunity #alMemberArea.al-community.al-community-public .al-communityOverviewCard:focus-within{
  box-shadow:0 0 0 3px rgba(120,185,163,.28), var(--al-shadow-raised, 0 18px 46px rgba(24,63,45,.14)) !important;
}

@media (max-width: 767px){
  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-tanks-container{
    padding-top:6px !important;
    padding-bottom:34px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-communityPanes{
    margin:0 0 22px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-community-hero{
    margin-bottom:16px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-communityPane{
    gap:16px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-tanksSurface__head{
    gap:8px !important;
    margin:0 !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-tanksSurface__titleWrap{
    gap:5px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-tanksSurface__eyebrow{
    display:none !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-tanksSurface__title{
    font-size:clamp(22px, 6.5vw, 28px) !important;
    line-height:1.12 !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-tanksSurface__sub{
    font-size:14px !important;
    line-height:1.48 !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-communityOverviewGrid{
    gap:12px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-communityOverviewCard__body{
    gap:8px !important;
    padding:15px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-communityOverviewCard h3{
    font-size:20px !important;
    line-height:1.14 !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-communityOverviewCard p{
    font-size:13.5px !important;
    line-height:1.45 !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-communityProof{
    gap:10px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-communityProof__item{
    padding:14px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-communityGrid,
  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-communityRanking{
    gap:14px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-communityEmpty{
    gap:12px !important;
    padding:16px !important;
  }

  #alPublicCommunity #alMemberArea.al-community.al-community-public #alCommunityHub .al-communityJoin{
    margin-top:22px !important;
    padding:18px !important;
  }
}