.community-hero{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;padding-block:65px 60px;gap:20px}
.community-hero-copy h1{font-size:clamp(50px,5.35vw,78px);letter-spacing:-4.3px;line-height:1.06;margin-top:26px;position:relative;z-index:2}
.community-hero-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:380px;line-height:1.85;margin-top:26px}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:27px}
.community-hero .community-orbit{width:110%;margin-left:-10%;aspect-ratio:1}
.community-entry{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:50px}
.community-entry>div{border-top:1px solid var(--line);padding:23px 35px 0 0;margin-right:35px}
.community-entry>div:last-child{margin-right:0;padding-right:0}
.entry-index{font:9px/1.5 monospace;letter-spacing:.7px;color:var(--muted)}
.community-entry h2{font-size:20px;letter-spacing:-.5px;margin-top:18px}
.community-entry p{font-size:11px;line-height:1.85;color:var(--muted);max-width:285px;margin-top:12px}
.community-main{padding-block:75px 85px}
.community-section-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}
.community-section-header h2{margin-top:18px}
.heading-dot{color:#59756b}
.live-status{display:flex;align-items:center;gap:8px;color:#53685b;font-size:10px;border:1px solid #c7d4c4;border-radius:30px;padding:7px 12px;white-space:nowrap;margin-bottom:7px}
.live-dot{width:5px;height:5px;border-radius:50%;background:#67776b}
[data-live-state="live"] .live-dot{background:#348159}
[data-live-state="partial"] .live-dot,[data-live-state="offline"] .live-dot{background:#a17839}
.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:54px}
.feed-toolbar{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid #cad5c7}
.search-field{display:flex;align-items:center;gap:10px;flex:1;min-width:0;background:#fbfcf6;border:1px solid #bbc9b7;border-radius:5px;padding:0 13px;min-height:46px}
.search-field input{min-width:0;width:100%;background:transparent;border:0;color:var(--ink);font-size:12px;min-height:44px;outline-offset:0!important}
.search-field input::placeholder{color:#657567}
.search-field input:disabled{opacity:.7}
.search-field svg{flex:none;color:#546c57}
.refresh-button{border:0;background:transparent;color:#3e5946;padding:0 4px;min-height:44px;min-width:60px;font-size:10px;display:flex;align-items:center;gap:10px}
.refresh-button span{font-size:18px}
.refresh-button:disabled{color:#617565;cursor:wait}
.feed-meta{display:flex;justify-content:space-between;gap:18px;padding:17px 0 9px;color:#5f7162;font-size:9px}
.feed-meta>span{white-space:nowrap}
.town-feed{padding:0;margin:0;list-style:none;min-height:200px}
.town-post{display:flex;gap:14px;border-bottom:1px solid #d0dbcb;padding:24px 0;overflow-wrap:anywhere}
.live-avatar{width:36px;height:36px;display:grid;place-items:center;background:#dce6d6;color:#395440;border:1px solid #c6d4bf;border-radius:50%;font-size:10px;font-weight:600;flex:none;overflow:hidden}
.live-avatar img{width:100%;height:100%;object-fit:cover}
.town-post-content{min-width:0;flex:1}
.town-post-content>strong{font-size:12px;font-weight:650}
.town-post time{font-size:9px;color:#5c715f;display:block;margin-top:2px}
.town-post p{font-size:13px;line-height:1.85;color:#354c3d;margin-top:13px;white-space:pre-wrap;overflow-wrap:anywhere}
.live-empty{padding:38px 28px;border:1px dashed #b3c4ae;border-radius:8px;margin-top:18px;font-size:13px;line-height:1.9;color:#526750;text-align:center;min-height:160px;display:grid;place-content:center}
.feed-updated{font-size:9px;color:#536b56;margin-top:15px!important;min-height:16px}
.join-strip{margin-top:25px;padding:23px;background:#e0e9d9;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.join-strip h3{font-size:17px;letter-spacing:-.5px}
.join-strip p{font-size:10px;line-height:1.8;margin-top:8px;color:#50694e;max-width:240px}
.join-strip .button{white-space:nowrap;font-size:10px;gap:18px;min-height:46px;padding:11px 15px}
.audience-note{font-size:9px;color:#536750;line-height:1.9;margin-top:13px!important}
.no-script-note{font-size:12px;padding:20px;background:#e2eadb;border-radius:6px;margin-top:15px!important}
.no-script-note a{text-decoration:underline}
.community-aside{border-left:1px solid #cbd6c6;padding-left:30px}
.aside-welcome{padding:0 0 24px;border-bottom:1px solid #cbd6c6}
.aside-welcome h3{font-size:23px;line-height:1.2;margin-top:18px;letter-spacing:-.8px}
.aside-welcome p,.aside-help p{font-size:11px;line-height:1.9;margin-top:15px;color:#526650}
.community-aside .text-link{font-size:10px;gap:16px;margin-top:12px}
.community-stats{padding-block:24px;border-bottom:1px solid #cbd6c6}
.community-stats h3{font-size:13px;letter-spacing:-.2px;font-weight:650}
.community-stats dl{margin:20px 0 0}
.community-stats dl>div{display:flex;justify-content:space-between;gap:16px;margin-top:13px;align-items:center}
.community-stats dt{font-size:10px;color:#4e654e}
.community-stats dd{margin:0;font-size:16px;letter-spacing:-.5px}
.community-stats>p{font-size:8px;line-height:1.8;color:#5b6d57;margin-top:17px}
.community-stats dd[data-live-state="stale"]:after{content:'*';font-size:10px}
.aside-help{padding-top:25px}
.aside-help h3{font-size:20px;margin-top:15px}
.getting-started{padding-block:85px}
.section-intro{max-width:280px;color:var(--muted);font-size:12px;line-height:1.9}
.path-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;gap:35px}
.path-item{border-top:1px solid #486057;padding-top:19px;display:block}
.path-number{font:10px/1.6 monospace;color:var(--muted);display:flex;justify-content:space-between;align-items:center}
.path-number>span{font-size:22px;color:var(--mint)}
.path-item h3{font-size:23px;margin-top:30px;letter-spacing:-.8px}
.path-item p{font-size:12px;color:var(--muted);margin-top:17px;line-height:1.9;max-width:285px}
.path-action{display:flex;min-height:44px;align-items:center;font-size:10px;color:var(--mint);margin-top:13px;text-decoration:underline;text-underline-offset:5px}
.path-item:hover .path-action{color:var(--paper)}
.guidelines-section{padding-block:75px}
.guidelines-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.guidelines-list>div{display:flex;gap:22px;padding-block:19px;border-bottom:1px solid #cdd7c6}
.guidelines-list>div:first-child{padding-top:0}
.guidelines-list>div>span{font:10px/1.9 monospace;color:#5d7559;padding-top:1px}
.guidelines-list p{font-size:12px;line-height:1.9;color:#4f644c}
.guidelines-list strong{font-weight:650;color:#253d2a}
.guidelines-list>.text-link{font-size:11px;margin-top:15px}
.community-outro{padding-block:80px;text-align:center}
.community-outro .eyebrow{justify-content:center}
.community-outro h2{margin-top:20px;font-size:64px}
.community-outro .button{margin-top:27px}
.community-page .site-footer{border-top:1px solid var(--line)}
@media(max-width:1100px){.community-hero{grid-template-columns:1.3fr 1fr;padding-block:55px}.community-hero-copy h1{font-size:60px;letter-spacing:-3px}.community-layout{grid-template-columns:minmax(0,1fr) 250px;gap:30px}.community-aside{padding-left:24px}.join-strip{display:block}.join-strip .button{margin-top:17px}.guidelines-layout{gap:50px}}
@media(max-width:760px){.community-hero{display:flex;flex-direction:column;padding-block:40px 24px;gap:18px;align-items:stretch;overflow:hidden}.community-hero-copy h1{font-size:clamp(38px,8.8vw,60px);letter-spacing:-2.2px;line-height:1.1;margin-top:23px}.community-hero-copy>p:not(.eyebrow){font-size:13px;max-width:350px;margin-top:23px}.hero-actions{gap:20px;margin-top:24px}.hero-actions .text-link{font-size:11px;gap:12px}.community-hero .community-orbit{width:88%;align-self:center;margin:0;min-height:265px}.community-entry{grid-template-columns:1fr;padding-bottom:35px}.community-entry>div,.community-entry>div:last-child{padding:16px 0;margin:0;display:grid;grid-template-columns:115px 1fr;gap:7px 18px}.entry-index{font-size:8px;grid-column:1/-1}.community-entry h2{font-size:18px;margin-top:5px}.community-entry p{font-size:10px;margin-top:3px;line-height:1.8;max-width:none}.community-main{padding-block:45px}.community-section-header{gap:15px;margin-bottom:28px}.community-section-header h2{font-size:35px}.live-status{font-size:8px;padding:5px 8px;margin-bottom:3px}.community-layout{grid-template-columns:1fr;gap:38px}.community-aside{border:0;border-top:1px solid #cbd6c6;padding:30px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.aside-welcome{padding-bottom:20px;grid-column:1/-1}.aside-welcome h3{font-size:26px}.aside-welcome h3 br{display:none}.aside-welcome p{max-width:370px}.community-stats{padding:0;border:0}.aside-help{padding:0}.community-stats>p{max-width:190px}.community-stats dt{font-size:9px}.community-stats dd{font-size:15px}.community-stats dl>div{gap:8px}.aside-help h3{font-size:19px}.feed-meta{font-size:8px;gap:12px}.feed-meta>span{font-size:7px}.town-post{gap:12px;padding-block:20px}.town-post p{font-size:12px}.live-avatar{width:32px;height:32px}.join-strip{padding:20px;display:block}.join-strip h3{font-size:19px}.join-strip p{font-size:11px;max-width:280px}.join-strip .button{font-size:11px;margin-top:17px}.audience-note{font-size:9px}.getting-started{padding-block:50px}.getting-started .community-section-header{display:block}.section-intro{font-size:12px;max-width:340px;margin-top:25px!important}.path-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.path-item{padding-top:14px}.path-item h3{font-size:25px;margin-top:17px}.path-item p{font-size:12px;margin-top:13px;max-width:350px}.path-action{margin-top:5px}.guidelines-section{padding-block:50px}.guidelines-layout{grid-template-columns:1fr;gap:35px}.guidelines-list p{font-size:12px}.community-outro{padding-block:55px}.community-outro h2{font-size:48px}.community-page .header-actions>.button{font-size:10px;gap:10px;padding-inline:12px}}
@media(max-width:360px){.community-page .header-actions>.button{font-size:9px;padding-inline:9px}.community-page .header-actions>.button span{display:none}.community-entry>div,.community-entry>div:last-child{grid-template-columns:105px 1fr;gap:6px 12px}.community-hero-copy h1{font-size:35px}.community-hero-copy .button{font-size:10px;padding-inline:14px;gap:14px}.hero-actions{gap:16px}.community-aside{grid-template-columns:1fr}.aside-welcome{grid-column:auto}.community-stats{padding-bottom:20px;border-bottom:1px solid #cbd6c6}.community-stats>p{max-width:none}.community-section-header h2{font-size:31px}.feed-meta>span{display:none}}

.public-site:not(.js-ready) .feed-toolbar,.public-site:not(.js-ready) .feed-meta,.public-site:not(.js-ready) .live-status{display:none}

/* Space-age Earth palette: ocean light, aurora green and a restrained sunrise. */
.community-hero{position:relative}
.community-hero:before{content:'';position:absolute;width:48%;aspect-ratio:1;right:-7%;top:7%;border-radius:50%;background:radial-gradient(circle,#4ae1e744 0,#446fea30 38%,#9b72f21c 58%,transparent 72%);filter:saturate(1.4);pointer-events:none}
.community-entry>div{border-color:#31516b}
.live-status{border-color:#72bcd0;background:#d9f7fa;color:#075d70}
[data-live-state="live"] .live-dot{background:#00a983;box-shadow:0 0 12px #00a983}
.search-field{background:#f9fdff;border-color:#9fcbd8}
.join-strip{background:linear-gradient(120deg,#d6f7ef,#cfefff 55%,#e4ddff)}
.path-number>span,.path-action{color:var(--ocean)}
.community-outro{position:relative}
.community-outro:before{content:'';position:absolute;inset:12% 16%;z-index:-1;background:radial-gradient(ellipse,#27d8ce26,#4d79ef16 45%,transparent 72%);filter:blur(12px)}

/* Reserve a separate control row even beside the compact tablet sculpture. */
.community-hero .community-orbit{margin-bottom:72px}
.community-orbit .scene-controls{top:100%;bottom:auto;gap:8px 18px}
.community-orbit .scene-caption{flex-basis:100%}

/* Keep the public community human and warm beneath the shared blue header. */
.community-hero:before{background:radial-gradient(circle,#e9be7140 0,#9aaf8c29 40%,#ef8a5a18 60%,transparent 73%);filter:none}
.community-entry>div{border-color:var(--line)}
.live-status{border-color:#b9c9b3;background:#f3ead9;color:#5c644f}
.search-field{background:#fffdf7;border-color:#c8cdbf}
.join-strip{background:linear-gradient(120deg,#ece9d8,#f5dfc8 55%,#e3eadb)}
.path-number>span,.path-action{color:var(--mint)}
.community-outro:before{background:radial-gradient(ellipse,#ef8a5a20,#d9b87316 45%,transparent 72%)}
.community-life{position:relative;width:100%;aspect-ratio:1.05;border-radius:28px;overflow:hidden;background:#121d20;box-shadow:0 32px 90px #0007}
.community-life>img{width:100%;height:100%;object-fit:cover}
.community-life:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,#101b20d9)}
.community-life figcaption{position:absolute;z-index:2;left:25px;bottom:23px;color:#fff;font-size:13px;font-weight:600}.community-life figcaption span{display:block;color:#f0c77d;font:8px/1.5 monospace;letter-spacing:1.2px;margin-bottom:5px}
.community-earth{position:absolute;z-index:3;left:22px;top:22px;width:76px;height:76px;border:2px solid #58efff;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#2458b8cc,#111a46d9 68%,#080d24e8);box-shadow:0 0 34px #27dcff8a,0 0 20px #8b72ff55;backdrop-filter:blur(7px);animation:community-earth-float 5s ease-in-out infinite}
.community-earth>img{width:38px;height:43px;filter:brightness(0) saturate(100%) invert(82%) sepia(89%) saturate(2571%) hue-rotate(153deg) brightness(111%) contrast(108%) drop-shadow(0 0 8px #58f3ff)}.community-earth>span{position:absolute;inset:-9px;border:1px solid #baf3fbcc;border-radius:50%;transform:rotate(-22deg) scaleY(.4);animation:earth-orbit-turn 10s linear infinite}.community-earth>span:after{content:'';position:absolute;right:10px;top:7px;width:6px;height:6px;border-radius:50%;background:#f4ffff;box-shadow:0 0 12px #58efff}
@keyframes community-earth-float{50%{transform:translateY(-6px)}}
@media(max-width:760px){.community-life{width:100%;margin:6px 0 0;aspect-ratio:4/3;border-radius:20px}.community-earth{width:66px;height:66px}.community-earth>img{width:33px;height:37px}}
@media(prefers-reduced-motion:reduce){.community-earth,.community-earth>span{animation:none}}