/* Community-only styles: shared trading pages and their data flows are unchanged. */
.community-shell{width:min(1240px,100%);margin-inline:auto}
.community-page [id]{scroll-margin-top:150px}
.community-hero,.community-projects,.community-contribute{padding:64px clamp(20px,5vw,76px)}
.community-hero{background:var(--green);border-bottom:3px solid var(--ink)}
.community-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.6fr);align-items:center;gap:50px}
.community-hero h1{max-width:9.5ch;margin:0;font-family:'Arial Black',Impact,sans-serif;font-size:clamp(3.4rem,7.5vw,7rem);line-height:.95;letter-spacing:-.065em}
.community-hero p{max-width:38ch;font-size:1.2rem;font-weight:650;line-height:1.55;margin:25px 0 28px}
.community-page .primary-button,.community-page .secondary-button{text-decoration:none;min-height:49px;padding:12px 22px;gap:14px;text-align:center}
.community-page .primary-button,.community-page .secondary-button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.community-hero .primary-button{background:var(--cream)}
.community-hero-art{position:relative;display:grid;place-items:center;align-self:stretch;min-height:290px}
.community-art-disc{position:absolute;width:100%;aspect-ratio:1;max-width:310px;border:3px solid var(--ink);border-radius:50%;background:var(--gold);box-shadow:9px 9px 0 var(--ink)}
.community-hero-art img{position:relative;width:min(100%,340px);height:auto;transform:scaleX(-1) rotate(5deg)}
.community-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}
.community-section-heading h2,.community-contribute h2{margin:0;max-width:17ch;font-family:'Arial Black',Impact,sans-serif;font-size:clamp(2rem,3.4vw,3.6rem);line-height:1;letter-spacing:-.05em}
.community-section-heading>p{max-width:30ch;margin:0;font-size:.95rem;line-height:1.6}
.community-resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.community-resource{min-width:0;overflow:hidden;border:3px solid var(--ink);border-radius:26px;background:white;box-shadow:7px 8px 0 var(--ink);display:flex;flex-direction:column}
.community-resource-art{height:235px;position:relative;border-bottom:3px solid var(--ink);overflow:hidden}
.community-onlyhens-art,.community-game-art,.community-labs-art{container-type:inline-size;--hen-height:clamp(120px,34cqw,180px);display:flex;align-items:center;padding:28px}
.community-onlyhens-art{background:var(--ink);color:var(--cream)}
.community-tag{position:absolute;left:24px;top:20px;max-width:calc(100% - 48px);background:var(--gold);color:var(--ink);border:2px solid var(--ink);border-radius:100px;padding:7px 12px;font-size:.62rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;z-index:1}
.community-wordmark{position:relative;z-index:1;font-family:'Arial Black',Impact,sans-serif;font-size:clamp(1.2rem,8cqw,3rem);letter-spacing:-.065em;line-height:1;margin:0;white-space:nowrap}
.community-wordmark span{display:block;margin-top:13px;color:var(--gold);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.85rem;font-weight:650;letter-spacing:.02em}
.community-project-hen{position:absolute;right:22px;bottom:20px;width:calc(var(--hen-height)*.74);height:var(--hen-height)}
/* Account for transparent image margins so the visible Hens share a height and baseline. */
.community-project-hen img{position:absolute;max-width:none;width:calc(var(--hen-height)*var(--hen-scale));height:auto;left:calc(var(--hen-height)*var(--hen-x));top:calc(var(--hen-height)*var(--hen-y))}
.community-onlyhens-art .community-project-hen{--hen-scale:1.147227533;--hen-x:-.147227533;--hen-y:-.076481836}
.community-game-art .community-project-hen{--hen-scale:1.103448276;--hen-x:-.191810345;--hen-y:-.051724138}
.community-game-art{background:var(--gold);color:var(--ink);text-decoration:none}
.community-game-art .community-wordmark span{color:var(--darkgreen)}
.community-labs-art{background:#bceccf;color:var(--ink);text-decoration:none}
.community-labs-art .community-wordmark span{color:var(--darkgreen)}
.community-labs-art .community-project-hen{--hen-scale:1.04;--hen-x:-.16;--hen-y:-.125}
.community-video-art{background:#8ec8ff}
.community-video-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.community-resource-labs,.community-resource-videos{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
.community-resource-labs .community-resource-art,.community-resource-videos .community-resource-art{height:auto;min-height:290px;border-bottom:0;border-right:3px solid var(--ink)}
.community-resource-videos .community-video-art>img{position:absolute;inset:0}
.community-play{position:absolute;inset:0;display:grid;place-items:center;margin:auto;width:54px;height:54px;border:3px solid var(--ink);border-radius:50%;background:var(--cream);font-size:1.3rem;padding-left:3px;box-shadow:4px 4px 0 var(--ink)}
.community-resource-body{padding:30px;display:flex;flex-direction:column;align-items:start;flex:1}
.community-category{color:var(--darkgreen);font-size:.65rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.community-resource-body h3{margin:13px 0;font-family:'Arial Black',Impact,sans-serif;font-size:2rem;line-height:1.05;letter-spacing:-.045em}
.community-resource-body p{margin:0 0 22px;font-size:1rem;line-height:1.6;max-width:46ch}
.community-credit{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:auto;margin-bottom:24px;font-size:.82rem}
.community-credit a{font-weight:850;text-underline-offset:3px}
.community-project-note{max-width:75ch;font-size:.8rem;line-height:1.6;margin:30px 0 0;color:#454a45}
.community-contribute{background:var(--gold);border-top:3px solid var(--ink)}
.community-contribute-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}
.community-contribute p{max-width:57ch;margin:22px 0 0;font-size:1rem;line-height:1.6}
.community-contribute .kicker{color:var(--ink)}
.community-contribute-actions{display:flex;flex-direction:column;align-items:center;gap:25px}
.community-text-link{font-size:.85rem;font-weight:850;text-underline-offset:4px}
.community-page a:focus-visible,.home-community a:focus-visible{outline:3px solid var(--darkgreen);outline-offset:5px}
.home-lower .home-community{border-top:3px solid var(--ink);background:#a2dcf5}
.home-community .farm-heading{align-items:start}
.home-community .farm-heading h2{max-width:10ch}
.home-community-links{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0 32px}
.home-community-link{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:25px;border:3px solid var(--ink);border-radius:20px;box-shadow:5px 6px 0 var(--ink);background:var(--cream);text-decoration:none;min-width:0}
.home-community-link:hover{background:white}
.home-community-link strong{display:block;font-size:1.5rem;letter-spacing:-.04em;line-height:1.2}
.home-community-link small{display:block;margin-top:8px;font-size:.85rem;line-height:1.4}
.home-community-link>span:last-child{font-size:1.6rem}
.home-community .farm-button{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.home-community .farm-button:hover{background:var(--cream);color:var(--ink)}
@media(max-width:760px){
 .community-hero,.community-projects,.community-contribute{padding:42px 20px}
 .community-hero-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .community-hero h1{font-size:clamp(3.5rem,13vw,5.5rem)}
 .community-hero p{font-size:1rem;max-width:36ch;margin:20px 0 24px}
 .community-hero-art{display:none}
 .community-section-heading{display:block;margin-bottom:24px}
 .community-section-heading>p{max-width:40ch;margin-top:18px}
 .community-resource-grid{grid-template-columns:1fr;gap:28px}
 .community-resource-labs,.community-resource-videos{display:flex}
 .community-resource-labs .community-resource-art,.community-resource-videos .community-resource-art{height:210px;min-height:0;border-right:0;border-bottom:3px solid var(--ink)}
 .community-resource-art{height:210px}
 .community-resource-body{padding:24px}
 .community-onlyhens-art,.community-game-art,.community-labs-art{padding:20px}
 .community-project-hen{right:16px}
 .community-contribute-grid{grid-template-columns:1fr;gap:28px}
 .community-contribute-actions{align-items:flex-start}
 .home-community-links{grid-template-columns:1fr;gap:18px}
 .home-community-link{padding:22px}
 .home-lower .home-community .farm-heading{grid-template-columns:1fr;gap:18px}
 .home-lower .home-community .farm-heading h2{font-size:clamp(2.3rem,9vw,3.5rem)}
 .home-lower .home-community .farm-heading>p{max-width:42ch;font-size:.95rem}
}
@media(max-width:360px){
 :is(.community-page,.home-page) .app-header .app-brand{font-size:.875rem}
 :is(.community-page,.home-page) .app-header .app-brand img{width:24px}
}
