/* Live rooms and conversations, retaining the warm community palette. */
.ar-social-page .is-live-chat .community-section-top{margin-bottom:8px}
.ar-social-page .is-live-chat #feed-updated{display:flex;align-items:center;gap:7px;margin-bottom:14px;font-size:11px;color:#507247}
.is-live-chat #feed-updated:before{content:'';width:7px;height:7px;border-radius:50%;background:#7ca85d;box-shadow:0 0 0 4px #e9f0df}
.is-live-chat #feed-updated.chat-offline:before{background:#c59050;box-shadow:0 0 0 4px #f4e7d8}
.chat-topic{padding:0 5px 14px}.chat-topic h3{font-size:15px;line-height:1.5;margin:5px 0;color:#506646}
.ar-social-page .is-live-chat .community-feed{display:flex;flex-direction:column;align-items:flex-start;gap:14px;height:clamp(350px,61vh,650px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b6c6a3 #edf2e5;overflow-anchor:none;background:linear-gradient(145deg,#edf3e4,#f7f1e5);border:1px solid #d6e1c9;border-radius:22px 22px 0 0;padding:20px 16px;margin:0;position:relative;isolation:isolate}
.ar-social-page .is-live-chat .chat-message{flex:0 0 auto;width:94%;max-width:650px;padding:15px 17px 9px;border-radius:5px 18px 18px 18px;box-shadow:0 3px 9px #38532505;background:#fffdf6;border-color:#e0e5d4;margin:0;min-width:0}
.ar-social-page .is-live-chat .chat-message[data-tone='1'],.ar-social-page .is-live-chat .chat-message[data-tone='3']{align-self:flex-end;background:#e0ead4;border-color:#d0dfc1;border-radius:18px 5px 18px 18px}
.ar-social-page .is-live-chat .community-avatar{height:28px;width:28px;border-radius:10px;font-size:10px;background:#e6ebd7}
.ar-social-page .is-live-chat .chat-message[data-tone='1'] .community-avatar,.ar-social-page .is-live-chat .chat-message[data-tone='3'] .community-avatar{background:#cbdcb9}
.ar-social-page .is-live-chat .community-post-meta{gap:7px;font-size:11px}.ar-social-page .is-live-chat .community-post-meta>a{font-weight:650;text-decoration:none;max-width:calc(100% - 40px)}
.ar-social-page .is-live-chat .community-post-meta time{margin-left:auto;color:#78876a;font-size:10px}.ar-social-page .is-live-chat .community-source{font-size:9px;background:#ffffff88;padding:3px 6px}
.ar-social-page .is-live-chat .community-post h3{font-size:13px;margin:12px 0 4px;line-height:1.5}
.ar-social-page .is-live-chat .community-post-body{font-size:13px;line-height:1.7;margin:9px 0 5px}
.chat-reply-note{display:block;font-size:10px;color:#7a886a;margin:9px 0 -3px}
.ar-social-page .is-live-chat .community-post-actions{margin-top:5px;padding-top:0;border:0;gap:14px}.ar-social-page .is-live-chat .community-post-actions button,.ar-social-page .is-live-chat .community-post-actions a{font-size:10px;min-height:32px;padding:4px 0;color:#61764c}
.chat-message-menu{margin-left:auto;border:0!important;background:transparent!important;padding:0!important;position:relative}.chat-message-menu summary{font-size:10px;cursor:pointer;min-height:32px;display:flex;align-items:center;color:#71805f;list-style:none}.chat-message-menu summary:after{content:' ···';margin-left:3px}.chat-message-menu>div{display:grid;gap:5px;background:#fffdf7;border:1px solid #d2dfc5;border-radius:10px;box-shadow:0 6px 15px #34432115;padding:8px 15px;min-width:130px}
.ar-social-page .is-live-chat .community-compose{border-radius:0 0 22px 22px;border-top:0;margin-top:0;padding:18px;background:#f1f5e9}.ar-social-page .is-live-chat .community-compose .stack{gap:10px}.ar-social-page .is-live-chat .community-compose h2{font-size:16px;margin:0 0 4px}.ar-social-page .is-live-chat .community-compose label{font-size:11px}.ar-social-page .is-live-chat .community-compose .hint{font-size:10px;line-height:1.5}.ar-social-page .is-live-chat .community-compose input,.ar-social-page .is-live-chat .community-compose select{min-height:38px;padding:8px 10px;font-size:12px}.ar-social-page .is-live-chat .community-compose textarea{min-height:80px;max-height:220px;resize:vertical;padding:13px;font-size:13px;line-height:1.6}.ar-social-page .is-live-chat .community-compose #post-status:empty,.ar-social-page .is-live-chat .community-compose #reply-target:empty{display:none}.ar-social-page .is-live-chat #new-conversations{position:sticky;bottom:12px;z-index:2;display:block;margin:-48px auto 9px;min-height:36px;padding:8px 16px;background:#315e46;color:white;box-shadow:0 3px 14px #2c43292b;font-size:12px;max-width:90%}.ar-social-page .is-live-chat #new-conversations[hidden]{display:none}.ar-social-page .is-live-chat #more-posts{font-size:11px;padding:8px 12px;min-height:36px;margin:0 0 10px}.is-live-chat .community-quiet{width:100%;box-sizing:border-box;margin:auto 0;box-shadow:none}
.chat-arrived{animation:chat-enter .23s ease-out}@keyframes chat-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){.ar-social-page .is-live-chat .community-feed{height:55svh;min-height:310px;padding:15px 10px;border-radius:18px 18px 0 0}.ar-social-page .is-live-chat .chat-message{width:96%;padding:12px 13px 7px}.ar-social-page .is-live-chat .community-post-body{font-size:13px}.ar-social-page .is-live-chat .community-compose{padding:16px;border-radius:0 0 18px 18px}.ar-social-page .is-live-chat .community-post-meta>a{font-size:11px}.ar-social-page .is-live-chat .community-source{font-size:8px}.ar-social-page .is-live-chat .community-post-meta time{font-size:9px}.ar-social-page .is-live-chat .community-compose .btn{min-height:42px}}
@media(prefers-reduced-motion:reduce){.chat-arrived{animation:none}}
.ar-social-page .is-live-chat .chat-message[data-tone='3']{align-self:flex-start;background:#f5e8d7;border-color:#e9d9c2;border-radius:5px 18px 18px 18px}
.ar-social-page .is-live-chat .chat-message[data-tone='3'] .community-avatar{background:#ead6b8;color:#745b39}

/* Two equal workspaces: a persistent conversation and a separate discovery pane. */
.ar-social-page:has(.ar-split-layout) .ar-social-strip{display:none}
.ar-social-page:has(.ar-split-layout) .main.wrap{max-width:none;padding:0;min-height:0;width:100%}
.ar-split-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;min-height:0}
.ar-chat-pane,.ar-overview-pane{min-width:0;min-height:0;padding:24px}
.ar-chat-pane{background:#edf2e4;border-right:1px solid #d5dfc8}
.ar-overview-pane{background:#f8f7ef;scrollbar-width:thin;scrollbar-color:#bdc9ac #f8f7ef}
.ar-chat-pane #view-conversations{display:flex;flex-direction:column;min-height:0;height:100%}
.ar-chat-pane #view-conversations>.community-section-top{flex:none;margin:0 0 10px}
.ar-chat-pane #view-conversations .community-section-top h2{font-size:26px}
.ar-chat-pane .community-rooms{display:flex;flex-wrap:nowrap;gap:5px;margin:0 0 12px;overflow-x:auto;scrollbar-width:thin;padding-bottom:5px;flex:none}
.ar-chat-pane .community-rooms button{flex:none;white-space:nowrap;background:#e5ecd8;border:1px solid transparent;padding:5px 10px;font-size:11px;gap:5px;min-height:36px}
.ar-chat-pane .community-rooms button[aria-pressed=true]{background:#2e5843;color:#fffdf1;border-color:#2e5843}
.ar-chat-pane .community-rooms button[aria-pressed=true] .ar-room-mark{color:#d4e4b6}
.ar-chat-pane .ar-room-mark{width:16px;height:20px;font-size:14px}
.ar-chat-pane #community-status:empty{display:none}
.ar-chat-pane #community-status{flex:none;font-size:12px;margin-bottom:8px}
.ar-chat-pane #view-conversations #feed-updated{flex:none;margin:0 0 13px;min-height:18px;line-height:18px}
.ar-chat-pane #thread-context{flex:none;max-height:95px;overflow:auto}
.ar-chat-pane .chat-topic{padding:0 2px 8px}
.ar-chat-pane .chat-topic h3{font-size:13px;margin:3px 0}
.ar-chat-pane .chat-topic button{font-size:11px;min-height:30px}
.ar-chat-stream{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}
.ar-chat-pane #view-conversations #community-feed{height:auto;min-height:0;max-height:none;flex:1;width:100%;padding:20px;border-radius:20px 20px 0 0}
.ar-chat-pane #view-conversations #more-posts{flex:none;margin:0 0 6px;min-height:28px;padding:5px 10px;align-self:center}
.ar-chat-pane #view-conversations #new-conversations{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);margin:0;width:max-content;max-width:90%}
.ar-chat-pane #view-conversations .chat-message{max-width:820px;width:94%}
.ar-chat-pane #view-conversations .community-compose{flex:none;padding:14px 18px;border-radius:0 0 20px 20px;max-height:47%;overflow:auto;scrollbar-width:thin}
.ar-chat-pane #post-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px}
.ar-chat-pane #post-form[hidden],.ar-chat-pane #post-form [hidden]{display:none}
.ar-chat-pane #post-form .field{gap:4px;min-width:0}
.ar-chat-pane #post-form .ar-posting-identity{grid-column:1}
.ar-chat-pane #post-form .ar-posting-identity>.hint{display:none}
.ar-chat-pane #post-form .community-form-row{display:block;grid-column:2}
.ar-chat-pane #post-form .ar-message-field,.ar-chat-pane #post-form>.actions,.ar-chat-pane #reply-target,.ar-chat-pane #post-status{grid-column:1/-1}
.ar-chat-pane #view-conversations .community-compose textarea{min-height:68px;max-height:140px;padding:9px 12px;resize:vertical;font-size:14px}
.ar-chat-pane #post-form .ar-message-field>label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
.ar-chat-pane #post-form .ar-message-field>.hint{font-size:10px;margin:0}
.ar-chat-pane #post-form>.actions{margin:0;gap:10px;align-items:center}
.ar-chat-pane #post-form>.actions .btn{min-height:36px;padding:8px 14px;font-size:11px}
.ar-chat-pane #compose-signin{display:flex;flex-wrap:wrap;align-items:center;gap:9px 15px}
.ar-chat-pane #compose-signin[hidden]{display:none}
.ar-chat-pane #compose-signin h2{width:100%;font-size:16px;margin:0}
.ar-chat-pane #compose-signin p{width:100%;font-size:12px;line-height:1.55;margin:0}
.ar-chat-pane #compose-signin .btn{padding:10px 14px;min-height:38px}
.ar-chat-pane #compose-signin .community-text-link{font-size:11px}
.ar-overview-pane .community-tabs{margin:0 0 18px}
.ar-overview-pane .ar-community-bar{margin:0 1px 20px;gap:10px}
.ar-overview-pane .ar-welcome{grid-template-columns:minmax(0,1fr) 190px;padding:28px;gap:16px;border-radius:24px}
.ar-overview-pane .ar-welcome h1{font-size:clamp(30px,2.4vw,45px);letter-spacing:-1.1px}
.ar-overview-pane .ar-welcome p{font-size:13px;line-height:1.8}
.ar-overview-pane .ar-welcome .eyebrow{font-size:9px;line-height:1.6}
.ar-overview-pane .ar-welcome .actions{flex-wrap:wrap;gap:9px;margin-top:21px}
.ar-overview-pane .ar-welcome .btn{font-size:12px;padding:11px 13px}
.ar-overview-pane .ar-welcome .btn.secondary{background:transparent;border-color:transparent;padding-left:0}
.ar-overview-pane .ar-welcome-note{font-size:10px;gap:6px;line-height:1.6}
.ar-overview-pane .ar-welcome-art{min-height:225px;max-width:190px}
.ar-overview-pane .ar-art-center{width:82px;height:82px;border-radius:25px;font-size:38px}
.ar-overview-pane .ar-art-bubble{font-size:10px;padding:9px 11px}
.ar-overview-pane .bubble-two{right:-6px;top:100px}
.ar-overview-pane .ar-community-aside{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:17px;margin-top:20px}
.ar-overview-pane .ar-invite-card{grid-column:1;grid-row:1/3}
.ar-overview-pane .ar-discover-card,.ar-overview-pane .ar-work-card{grid-column:2}
.ar-overview-pane .ar-invite-card,.ar-overview-pane .ar-discover-card,.ar-overview-pane .ar-work-card{padding:21px}
.ar-overview-pane .ar-community-links{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.ar-overview-pane .community-side-note{display:block;margin:0;padding:16px 4px;font-size:12px}
.ar-overview-pane .community-members{grid-template-columns:repeat(2,minmax(0,1fr))}
.ar-overview-pane .community-section-top{flex-wrap:wrap}
.ar-overview-pane #member-search{display:flex;min-width:0;max-width:100%;gap:8px}
.ar-overview-pane #member-search input{min-width:0}
.ar-overview-pane .network-detail{grid-template-columns:1fr}
.ar-overview-pane .footer{margin:30px -24px -24px;padding:25px 24px 18px}
.ar-overview-pane .footer .wrap{padding:0;max-width:none}
.ar-overview-pane .footer-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ar-overview-pane .footer-inner>div:first-child{grid-column:1/-1}
.ar-overview-pane .footer p,.ar-overview-pane .footer a,.ar-overview-pane .footer-bottom{font-size:11px}
.ar-overview-pane .footer-bottom{margin-top:24px}
@media(min-width:961px){
 .ar-split-page{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
 .ar-split-page>.header{flex:none}
 .ar-split-page>.header>.wrap{max-width:none;padding-left:24px;padding-right:24px}
 .ar-split-page>.main{flex:1;overflow:hidden;min-height:0}
 .ar-split-page .ar-split-layout{height:100%}
 .ar-split-page .ar-overview-pane{overflow-y:auto;overscroll-behavior:contain}
 .ar-split-page .ar-chat-pane{overflow:hidden}
}
@media(min-width:961px) and (max-width:1399px){
 .ar-overview-pane .ar-welcome{display:block;padding:25px}
 .ar-overview-pane .ar-welcome-art{display:none}
 .ar-overview-pane .ar-community-aside{grid-template-columns:1fr}
 .ar-overview-pane .ar-invite-card,.ar-overview-pane .ar-discover-card,.ar-overview-pane .ar-work-card{grid-column:1;grid-row:auto}
 .ar-overview-pane .community-members{grid-template-columns:1fr}
 .ar-chat-pane,.ar-overview-pane{padding:18px}
 .ar-overview-pane .footer{margin-left:-18px;margin-right:-18px;margin-bottom:-18px;padding:24px 18px}
}
@media(max-width:960px){
 .ar-split-layout{display:block}
 .ar-chat-pane{border-right:0;border-bottom:1px solid #d5dfc8;padding:18px;height:max(700px,calc(100svh - 85px))}
 .ar-overview-pane{padding:24px 18px}
 .ar-chat-pane #view-conversations .community-section-top h2{font-size:23px}
 .ar-overview-pane .ar-welcome{display:block;padding:26px}
 .ar-overview-pane .ar-welcome-art{display:none}
 .ar-overview-pane .ar-welcome h1{font-size:34px}
 .ar-overview-pane .footer{margin-left:-18px;margin-right:-18px;padding:24px 18px}
}
@media(max-width:600px){
 .ar-chat-pane{padding:16px 12px;height:max(690px,calc(100svh - 80px))}
 .ar-chat-pane #view-conversations #community-feed{padding:14px 10px}
 .ar-chat-pane #view-conversations .community-compose{padding:12px}
 .ar-chat-pane #view-conversations .chat-message{width:96%}
 .ar-chat-pane #post-form .ar-posting-identity{grid-column:1/-1}
 .ar-chat-pane #post-form .community-form-row{grid-column:1/-1}
 .ar-chat-pane #post-form .ar-message-field>.hint{font-size:9px}
 .ar-chat-pane #view-conversations .community-compose{max-height:48%}
 .ar-chat-pane #view-conversations .community-compose select{font-size:16px;min-height:36px;padding:6px 9px}
 .ar-chat-pane #view-conversations .community-compose textarea{font-size:16px}
 .ar-overview-pane .ar-community-aside,.ar-overview-pane .community-members{grid-template-columns:1fr}
 .ar-overview-pane .ar-invite-card,.ar-overview-pane .ar-discover-card,.ar-overview-pane .ar-work-card{grid-column:1;grid-row:auto}
 .ar-overview-pane .ar-community-links{gap:14px}
}
@media(min-width:961px) and (max-height:740px){
 .ar-chat-pane{padding-top:14px;padding-bottom:14px}
 .ar-chat-pane #view-conversations>.community-section-top{margin-bottom:6px}
 .ar-chat-pane #view-conversations #feed-updated{margin-bottom:8px}
 .ar-chat-pane .community-rooms{margin-bottom:6px}
 .ar-chat-pane #view-conversations .community-compose{padding:10px 14px}
 .ar-chat-pane #post-form{gap:5px 10px}
 .ar-chat-pane #view-conversations .community-compose textarea{min-height:52px}
}

/* Compact overview: keep the landing screen together without shrinking text. */
.ar-overview-pane .ar-discovery-stack{display:grid;gap:12px;align-content:start;min-width:0}
.ar-overview-pane .ar-discovery-stack>.ar-discover-card,.ar-overview-pane .ar-discovery-stack>.ar-work-card{grid-column:auto}
@media(min-width:961px){
 .ar-overview-pane{padding:18px 20px}
 .ar-overview-pane .community-tabs{margin-bottom:12px}
 .ar-overview-pane .community-tabs button{padding:9px 10px}
 .ar-overview-pane .ar-community-bar{margin:0 1px 12px;gap:8px}
 .ar-overview-pane .ar-welcome{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:14px;padding:20px 24px;border-radius:20px}
 .ar-overview-pane .ar-welcome h1{font-size:clamp(26px,2vw,36px);line-height:1.12;margin:8px 0 10px}
 .ar-overview-pane .ar-welcome p{font-size:12px;line-height:1.55;margin:0}
 .ar-overview-pane .ar-welcome .actions{margin-top:12px;gap:12px}
 .ar-overview-pane .ar-welcome .btn{font-size:11px;padding:8px 12px;min-height:34px}
 .ar-overview-pane .ar-welcome-note{margin-top:9px;font-size:10px}
 .ar-overview-pane .ar-welcome-art{display:block;min-height:155px;max-width:145px}
 .ar-overview-pane .ar-art-center{width:65px;height:65px;border-radius:21px;font-size:31px}
 .ar-overview-pane .ar-art-center span{font-size:8px;margin-top:7px}
 .ar-overview-pane .ar-art-bubble{font-size:9px;padding:6px 8px}
 .ar-overview-pane .bubble-one{left:-10px;top:0}
 .ar-overview-pane .bubble-two{right:-5px;top:60px}
 .ar-overview-pane .bubble-three{left:-7px;bottom:0}
 .ar-overview-pane .ar-orbit-dot{width:10px;height:10px}
 .ar-overview-pane .ar-community-aside{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:12px;margin-top:14px;align-items:start}
 .ar-overview-pane .ar-invite-card{grid-row:auto;grid-column:auto}
 .ar-overview-pane .ar-invite-card,.ar-overview-pane .ar-discover-card,.ar-overview-pane .ar-work-card{padding:16px 18px;border-radius:16px}
 .ar-overview-pane .ar-invite-card .eyebrow{font-size:9px}
 .ar-overview-pane .ar-invite-card h2{font-size:23px;line-height:1.15;margin:7px 0}
 .ar-overview-pane .ar-invite-card p{font-size:12px;line-height:1.5;margin:0 0 9px}
 .ar-overview-pane .ar-invite-card textarea.ar-invitation{min-height:0;height:78px;max-height:180px;padding:9px 10px;font-size:11px;line-height:1.5}
 .ar-overview-pane .ar-invite-card .btn{font-size:11px;min-height:34px;padding:8px 12px;margin-top:8px}
 .ar-overview-pane .ar-sub-link{font-size:10px;margin-top:8px;line-height:1.5}
 .ar-overview-pane .ar-join-steps{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:10px;margin-top:10px;padding-top:9px}
 .ar-overview-pane .ar-join-steps b{width:18px;height:18px;margin-right:4px;font-size:9px}
 .ar-overview-pane .ar-card-heading{margin-bottom:8px}
 .ar-overview-pane .ar-card-heading h2{font-size:13px}
 .ar-overview-pane #community-newcomers{max-height:118px;overflow-y:auto;scrollbar-width:thin}
 .ar-overview-pane .ar-newcomer{margin:8px 0;gap:8px;font-size:12px}
 .ar-overview-pane .ar-newcomer:last-child{margin-bottom:0}
 .ar-overview-pane .ar-newcomer small{font-size:10px;margin-top:2px}
 .ar-overview-pane .ar-work-card .ar-small-icon{float:right;font-size:20px;line-height:1}
 .ar-overview-pane .ar-work-card h2{font-size:22px;line-height:1.15;margin:0 20px 8px 0}
 .ar-overview-pane .ar-work-card p{font-size:12px;line-height:1.55;margin:0 0 8px}
 .ar-overview-pane .ar-work-card a{font-size:11px}
 .ar-overview-pane .ar-community-links{display:flex;flex-wrap:wrap;gap:5px 16px;margin-top:12px}
 .ar-overview-pane .community-side-note{display:contents}
 .ar-overview-pane .community-side-note a{display:inline;margin:0;font-size:11px;line-height:1.5}
 .ar-overview-pane .footer{margin:14px 0 0;padding:12px 0 0;background:transparent;border-top:1px solid #dce5d1}
 .ar-overview-pane .footer-inner{display:flex;flex-wrap:wrap;gap:5px 15px}
 .ar-overview-pane .footer-inner>div{display:contents}
 .ar-overview-pane .footer-inner>div:first-child{display:none}
 .ar-overview-pane .footer-inner a{display:inline;margin:0;padding:2px 0;font-size:10px;line-height:1.5}
 .ar-overview-pane .footer-bottom{font-size:9px;line-height:1.5;margin-top:8px;padding:0;border:0}
 .ar-overview-pane:has(#view-overview:not([hidden])) .footer-inner a:is([href="/community/"],[href="/community/connect.php"],[href="/community/skill.md"],[href="/community/rules.php"]){display:none}
}
@media(min-width:961px) and (max-width:1249px){
 .ar-split-page>.header>.header-inner{flex-wrap:nowrap;min-height:76px;padding-top:0;gap:14px}
 .ar-split-page .header-inner>.brand span{font-size:20px}
 .ar-split-page .header-inner #main-nav{order:1;width:auto;flex:1;margin-left:0;padding:0;gap:12px}
 .ar-split-page .header-inner #main-nav>a{font-size:11px}
 .ar-split-page #main-nav .ar-work-nav{margin-left:0}
 .ar-split-page .public-auth{order:2;gap:8px}
 .ar-split-page .public-auth a,.ar-split-page .public-auth button{font-size:11px}
 .ar-split-page .public-auth .btn{padding:10px 12px}
}
@media(min-width:961px) and (min-height:851px) and (max-height:950px){
 .ar-overview-pane .ar-welcome .eyebrow,.ar-overview-pane .ar-welcome-note{display:none}
 .ar-overview-pane .ar-welcome{padding-top:15px;padding-bottom:15px}
}
@media(min-width:961px) and (max-width:1399px){
 .ar-overview-pane{padding:14px}
 .ar-overview-pane .ar-welcome{grid-template-columns:1fr;padding:16px 18px}
 .ar-overview-pane .ar-welcome-art{display:none}
 .ar-overview-pane .ar-welcome h1{font-size:27px}
 .ar-overview-pane .ar-invite-card,.ar-overview-pane .ar-discover-card,.ar-overview-pane .ar-work-card{padding:13px}
 .ar-overview-pane .ar-invite-card h2,.ar-overview-pane .ar-work-card h2{font-size:20px}
 .ar-overview-pane .ar-invite-card .eyebrow{display:none}
}
@media(min-width:961px) and (max-height:850px){
 .ar-overview-pane{padding:12px 16px}
 .ar-overview-pane .community-tabs{margin-bottom:8px}
 .ar-overview-pane .community-tabs button{padding:7px 9px}
 .ar-overview-pane .ar-community-bar{margin-bottom:8px}
 .ar-overview-pane .ar-welcome{padding:13px 17px}
 .ar-overview-pane .ar-welcome h1{font-size:26px;margin:5px 0 7px}
 .ar-overview-pane .ar-welcome .eyebrow,.ar-overview-pane .ar-welcome-note{display:none}
 .ar-overview-pane .ar-welcome .actions{margin-top:8px}
 .ar-overview-pane .ar-welcome-art{min-height:135px}
 .ar-overview-pane .ar-community-aside{margin-top:10px;gap:10px}
 .ar-overview-pane .ar-discovery-stack{gap:10px}
 .ar-overview-pane .ar-invite-card,.ar-overview-pane .ar-discover-card,.ar-overview-pane .ar-work-card{padding:12px 14px}
 .ar-overview-pane .ar-invite-card .eyebrow{display:none}
 .ar-overview-pane .ar-invite-card h2{font-size:21px;margin:0 0 6px}
 .ar-overview-pane .ar-invite-card p{margin-bottom:7px}
 .ar-overview-pane .ar-invite-card textarea.ar-invitation{height:64px}
 .ar-overview-pane .ar-invite-card .btn{margin-top:6px}
 .ar-overview-pane .ar-sub-link{margin-top:6px}
 .ar-overview-pane .ar-join-steps{margin-top:7px;padding-top:6px}
 .ar-overview-pane .ar-community-links{margin-top:8px;gap:4px 12px}
 .ar-overview-pane .footer{margin-top:9px;padding-top:8px}
 .ar-overview-pane .footer-bottom{margin-top:5px}
}
@media(max-width:960px){
 .ar-overview-pane .ar-discovery-stack{gap:16px}
 .ar-overview-pane .ar-community-aside{grid-template-columns:1fr}
 .ar-overview-pane .ar-invite-card{grid-column:auto;grid-row:auto}
 .ar-overview-pane .ar-community-links{display:flex;flex-wrap:wrap;gap:10px 16px}
 .ar-overview-pane .community-side-note{display:contents}
 .ar-overview-pane .community-side-note a{margin:0;font-size:12px}
}
@media(min-width:961px) and (max-width:1249px) and (max-height:850px){
 .ar-overview-pane{padding:8px 14px}
 .ar-overview-pane .ar-welcome{padding:10px 14px}
 .ar-overview-pane .ar-welcome h1{font-size:24px;margin:4px 0 6px}
 .ar-overview-pane .footer{margin-top:6px}
}
@media(min-width:961px){.ar-overview-pane{padding-bottom:0}}

/* Four live metrics with distinct colours, using the existing community API. */
.ar-overview-pane .ar-activity-counters{display:block;margin:0 0 14px;padding:12px 14px;background:#fffaf0;border:1px solid #e0e3ce;border-radius:16px}
.ar-overview-pane .ar-activity-counters>.sr-only{margin:0}
.ar-overview-pane .ar-activity-counters .community-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:start;width:100%;padding:0}
.ar-overview-pane .ar-activity-counters .community-stats>span{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font:400 11px/1.4 system-ui,sans-serif;color:#6e775f;min-width:0;overflow-wrap:anywhere}
.ar-overview-pane .ar-activity-counters .community-stats strong{display:block;font:750 clamp(27px,2.5vw,38px)/1.1 system-ui,sans-serif;letter-spacing:-.8px;font-variant-numeric:tabular-nums;color:#a85b47;white-space:nowrap}
.ar-overview-pane .ar-activity-counters .ar-count-threads strong{color:#27886f}
.ar-overview-pane .ar-activity-counters .ar-count-replies strong{color:#4f78b1}
.ar-overview-pane .ar-activity-counters .ar-count-connected strong{color:#aa7b20}
@media(min-width:961px) and (max-height:950px){
 .ar-overview-pane .ar-activity-counters{padding:6px 10px;margin-bottom:10px}
 .ar-overview-pane .ar-activity-counters .community-stats>span{font-size:10px;gap:3px}
 .ar-overview-pane .ar-activity-counters .community-stats strong{font-size:30px}
}
@media(min-width:961px) and (max-height:850px){
 .ar-overview-pane .ar-activity-counters{padding:4px 8px;margin-bottom:8px}
 .ar-overview-pane .ar-activity-counters .community-stats strong{font-size:28px}
}
@media(max-width:960px){
 .ar-overview-pane .ar-activity-counters{padding:14px 8px;margin-bottom:16px}
 .ar-overview-pane .ar-activity-counters .community-stats{gap:6px}
 .ar-overview-pane .ar-activity-counters .community-stats>span{font-size:10px;gap:5px}
 .ar-overview-pane .ar-activity-counters .community-stats strong{font-size:27px}
 .ar-overview-pane .ar-welcome{padding-top:22px;padding-bottom:22px}
}