/* v21 responsive overrides for the "community" page group: scoped to its pages, loaded after every other stylesheet. */
/* Method: block-level cards and columns are size query containers; text, paddings and icons inside them are
   clamp(min, base + N cqi, max) so they scale with the component. Every ramp reaches its max at a container
   width the desktop (1200px+) layout already has, so desktop stays as it was. Nothing here hides content. */

/* ---------- 1. Query containers (block-level or grid-sized elements only; never shrink-to-fit ones) ---------- */
.community-page .community-feed,.community-page .community-left,.community-page .community-right,
.community-page .cm-groups-main,.community-page .cm-group-main,.community-page .cm-group-side,
.community-page .community-detail-wrap,.community-page .community-cover,
.community-page .community-card,.community-page .cm-group-card,.community-page .cm-level,.community-page .cm-podium-slot,
.cf-page .uos-stack,.cf-page .uos-card,.cf-page .cf-thread-row{container-type:inline-size}

/* ---------- 2. Cover header ---------- */
.community-page .community-identity-row{padding:clamp(22px,4.78px + 5.217cqi,34px) 0 clamp(6px,-14.09px + 6.087cqi,20px);gap:clamp(14px,2.52px + 3.478cqi,22px)}
.community-page .community-identity-text{min-width:0;flex:1 1 200px}
.community-page .community-logo-box{width:clamp(64px,23.83px + 12.174cqi,92px);height:clamp(64px,23.83px + 12.174cqi,92px);border-radius:clamp(14px,5.39px + 2.609cqi,20px);font-size:clamp(19px,8.96px + 3.043cqi,26px)}
.community-page .community-top-tabs a{padding:clamp(12px,9.13px + 0.870cqi,14px) clamp(11px,3.83px + 2.174cqi,16px);font-size:clamp(13px,11.57px + 0.435cqi,14px)}

/* ---------- 3. Feed: composer, tools, chips ---------- */
.community-page .community-composer{padding:clamp(12px,2.57px + 2.857cqi,16px)}
.community-page .community-composer-start .community-avatar,.community-page .community-comment-form>.community-avatar{width:clamp(38px,23.86px + 4.286cqi,44px);height:clamp(38px,23.86px + 4.286cqi,44px)}
.community-page .community-composer-start button{padding:clamp(10px,5.29px + 1.429cqi,12px) clamp(13px,3.57px + 2.857cqi,17px);font-size:clamp(14px,11.64px + 0.714cqi,15px)}
.community-page .community-kind-option span{padding:6px clamp(9px,1.93px + 2.143cqi,12px)}
.community-page .community-feed-tools{padding:clamp(8px,3.29px + 1.429cqi,10px) clamp(10px,5.29px + 1.429cqi,12px)}
.community-page .community-filter-chips a{padding:7px clamp(11px,3.93px + 2.143cqi,14px);font-size:clamp(12.5px,11.32px + 0.357cqi,13px)}

/* ---------- 4. Post card ---------- */
.community-page .cm-fb-card .community-post-head{padding:clamp(12px,7.29px + 1.429cqi,14px) clamp(12px,2.57px + 2.857cqi,16px) 6px;gap:clamp(9px,4.29px + 1.429cqi,11px)}
.community-page .cm-fb-card .community-post-head .community-avatar{width:clamp(38px,28.57px + 2.857cqi,42px);height:clamp(38px,28.57px + 2.857cqi,42px)}
.community-page .community-author-row strong{font-size:clamp(14px,11.64px + 0.714cqi,15px)}
.community-page .cm-in-group{font-size:clamp(13px,10.64px + 0.714cqi,14px)}
.community-page .community-role-badge{font-size:clamp(11px,8.64px + 0.714cqi,12px);padding:3px clamp(6px,3.64px + 0.714cqi,7px)}
.community-page .community-post-submeta{font-size:clamp(11.5px,10.32px + 0.357cqi,12px)}
.community-page .community-pinned,.community-page .community-announcement{padding:9px clamp(12px,2.57px + 2.857cqi,16px) 0}
.community-page .community-post-tags{padding:0 clamp(12px,2.57px + 2.857cqi,16px)}
.community-page .community-kind-badge,.community-page .community-solved-badge{font-size:clamp(11px,8.64px + 0.714cqi,12px);padding:4px clamp(8px,3.29px + 1.429cqi,10px)}
.community-page .community-post-title{font-size:clamp(16.5px,10.61px + 1.786cqi,19px);margin:clamp(8px,3.29px + 1.429cqi,10px) clamp(12px,2.57px + 2.857cqi,16px) 0}
.community-page .community-post-content{font-size:clamp(14px,11.64px + 0.714cqi,15px)}
.community-page .cm-fb-card .community-post-content{padding:6px clamp(12px,2.57px + 2.857cqi,16px) 10px}
.community-page .cm-see-more{padding:0 clamp(12px,2.57px + 2.857cqi,16px) 10px;font-size:clamp(14px,11.64px + 0.714cqi,15px)}
.community-page .community-attachment-wrap{max-height:clamp(240px,-231.43px + 142.857cqi,440px)}
.community-page .community-attachment{height:clamp(240px,-231.43px + 142.857cqi,440px)}
.community-page .community-inline-edit{padding:0 clamp(12px,2.57px + 2.857cqi,16px) 14px}
.community-page .cm-post-stats{margin:0 clamp(12px,2.57px + 2.857cqi,16px);font-size:clamp(13px,10.64px + 0.714cqi,14px)}
.community-page .cm-rx-summary,.community-page .cm-comment-count{font-size:clamp(13px,10.64px + 0.714cqi,14px)}
.community-page .community-actions.cm-actions{padding:4px clamp(6px,-3.43px + 2.857cqi,10px);gap:clamp(2px,-2.71px + 1.429cqi,4px)}
.community-page .cm-actions .cm-action,.community-page .cm-actions .cm-react-btn--post{font-size:clamp(13px,9.46px + 1.071cqi,14.5px);gap:clamp(6px,1.29px + 1.429cqi,8px);padding:8px clamp(4px,-0.71px + 1.429cqi,6px)}
.community-page .cm-react-ico{font-size:clamp(16px,13.64px + 0.714cqi,17px)}
.community-page .cm-card-comments{padding:8px clamp(12px,2.57px + 2.857cqi,16px) 14px}
.community-page .cm-view-more{font-size:clamp(13px,10.64px + 0.714cqi,14px)}

/* ---------- 5. Comments (feed previews and the post page) ---------- */
.community-page .community-comment-bubble{padding:clamp(7px,4.64px + 0.714cqi,8px) clamp(10px,5.29px + 1.429cqi,12px)}
.community-page .community-comment-bubble>div,.community-page .community-comment-bubble p{font-size:clamp(14px,9.29px + 1.429cqi,16px)}
.community-page .community-comment-actions{gap:6px clamp(8px,-1.43px + 2.857cqi,12px);padding:7px clamp(10px,5.29px + 1.429cqi,12px) 0}
.community-page .community-comments{padding:clamp(13px,1.21px + 3.571cqi,18px)}
.community-page .community-comments h2{font-size:clamp(18px,13.29px + 1.429cqi,20px)}
.community-page .community-comment-form{gap:clamp(7px,-4.79px + 3.571cqi,12px)}
.community-page .community-comment{gap:clamp(7px,-0.07px + 2.143cqi,10px)}
.community-page .community-solution-jump{font-size:clamp(14px,9.29px + 1.429cqi,16px);padding:10px clamp(12px,7.29px + 1.429cqi,14px)}

/* ---------- 6. Tap targets: 24px minimum everywhere; the same visual row height on desktop ---------- */
.community-page .community-post-submeta a{display:inline-flex;align-items:center;min-height:24px;margin:-3px 0}
.community-page .cm-in-group a{display:inline-flex;align-items:center;min-height:24px;margin:-1.5px 0}
.community-page .cm-comment-count{display:inline-flex;align-items:center;gap:.3em;min-height:24px}
.community-page .community-author-link{display:inline-flex;align-items:center;min-height:24px;margin:-1px 0}
.community-page .community-post-title a{display:inline-block;min-height:24px}
.community-page .cm-group-body h3 a{display:inline-block;padding:2px 0;margin:-2px 0}
.community-page .cm-member-row>div>a{padding:1.5px 0;margin:-1.5px 0}
.community-page .community-view-all{display:flex;align-items:center;justify-content:center;gap:6px;min-height:24px;margin-top:6px}
.community-page .community-nav-title a{display:inline-flex;align-items:center;min-height:24px;margin:-3px 0}
.community-page .cm-panel .d-flex>a.community-muted{display:inline-flex;align-items:center;gap:6px;min-height:24px}
.community-page .community-comment-actions>a,.community-page .community-comment-actions>button,.community-page .community-comment-actions>form>button,.community-page .community-comment-actions .cm-react-btn--text{display:inline-flex;align-items:center;gap:4px;min-height:24px;margin:-3px 0;padding:0 2px}
@media (max-width:767px),(pointer:coarse){
    .community-page .community-comment-actions>a,.community-page .community-comment-actions>button,.community-page .community-comment-actions>form>button,.community-page .community-comment-actions .cm-react-btn--text{min-height:32px;margin:0;padding:0 4px}
    .community-page .community-comment-actions{padding-top:2px}
}
@media (pointer:coarse){
    .community-page .community-comment-actions>a,.community-page .community-comment-actions>button,.community-page .community-comment-actions>form>button,.community-page .community-comment-actions .cm-react-btn--text{min-height:44px;padding:0 6px}
}

/* ---------- 7. Left rail: long group names wrap instead of being cut with an ellipsis ---------- */
@media (min-width:992px){
    .community-page .community-nav-card a .cm-gname{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
}

/* ---------- 8. Horizontal strips on phones and tablets: a fade at the right edge shows there is more to scroll.
   The fade sits at the scrollport edge (sticky) and fades out over the last 15% of the scroll range; without
   scroll-driven animation support it stays hidden, which is today's look. ---------- */
@keyframes cm-strip-fade{from{opacity:1}to{opacity:0}}
@media (max-width:991px){
    .community-page .community-nav-card::after,.community-page .cm-group-tabs::after,.community-page .community-top-tabs::after{content:"";position:sticky;right:0;flex:0 0 32px;margin-left:-36px;align-self:stretch;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,var(--uos-surface-solid));animation:cm-strip-fade linear both;animation-timeline:scroll(nearest inline);animation-range:85% 100%}
    .community-page .community-nav-card::after{border-radius:0 var(--radius-lg) var(--radius-lg) 0}
}
@media (max-width:359px){
    .community-page .cm-react .cm-react-opt{width:30px;height:30px;padding:1px}
}

/* ---------- 9. Groups directory ---------- */
.community-page .cm-page-head{padding:clamp(16px,1.86px + 4.286cqi,22px)}
.community-page .cm-page-head p{font-size:clamp(14px,9.29px + 1.429cqi,16px)}
.community-page .cm-section-head h2{font-size:clamp(16px,11.29px + 1.429cqi,18px)}
.community-page .cm-group-cover{height:clamp(90px,23.33px + 33.333cqi,110px);font-size:clamp(28px,8.00px + 10.000cqi,34px)}
.community-page .cm-group-body{padding:clamp(12px,5.33px + 3.333cqi,14px) clamp(13px,3.00px + 5.000cqi,16px) clamp(13px,3.00px + 5.000cqi,16px)}
.community-page .cm-group-body h3{font-size:clamp(14.5px,9.50px + 2.500cqi,16px)}
.community-page .cm-group-meta{font-size:clamp(11.5px,8.17px + 1.667cqi,12.5px)}
.community-page .cm-group-desc{font-size:clamp(13px,11.33px + 0.833cqi,13.5px)}
.community-page .cm-group-body .community-ghost-btn{font-size:clamp(13px,9.67px + 1.667cqi,14px);padding:clamp(8px,4.67px + 1.667cqi,9px) clamp(10px,-3.33px + 6.667cqi,14px)}
.community-page .cm-group-body .community-primary-btn{font-size:clamp(14px,7.33px + 3.333cqi,16px);padding:clamp(8px,4.67px + 1.667cqi,9px) clamp(12px,-1.33px + 6.667cqi,16px)}

/* ---------- 10. Single group: hero, tabs, panels, member rows ---------- */
.community-page .cm-group-hero-cover:not(:has(img)){height:clamp(96px,61.57px + 10.435cqi,120px);font-size:clamp(36px,24.52px + 3.478cqi,44px)}
.community-page .cm-group-hero-body{padding:clamp(14px,8.26px + 1.739cqi,18px) clamp(16px,4.52px + 3.478cqi,24px) clamp(8px,5.13px + 0.870cqi,10px)}
.community-page .cm-group-hero-text p{font-size:clamp(14px,11.13px + 0.870cqi,16px)}
.community-page .cm-group-tabs{padding:0 clamp(8px,-3.48px + 3.478cqi,16px)}
.community-page .cm-group-tabs a{padding:clamp(12px,9.13px + 0.870cqi,14px) clamp(11px,6.70px + 1.304cqi,14px);font-size:clamp(13.5px,12.07px + 0.435cqi,14.5px)}
.community-page .cm-panel{padding:clamp(14px,-6.00px + 10.000cqi,18px) clamp(14px,-16.00px + 15.000cqi,20px)}
.community-page .cm-panel-head h2{font-size:clamp(15px,min(6px + 5cqi,13.5px + .4vw),18px)}
.community-page .cm-panel h3{font-size:clamp(15px,10.00px + 2.500cqi,16px)}
.community-page .cm-about-text{font-size:clamp(14px,4.00px + 5.000cqi,16px)}
.community-page .cm-about-list strong{font-size:clamp(14px,min(10px + 2.5cqi,13.3px + .2vw),16px)}
.community-page .cm-member-row{gap:clamp(10px,0.00px + 5.000cqi,12px)}
.community-page .cm-member-row>div:not(.dropdown):not(.ms-auto){display:flex;flex-direction:column;min-width:0}
.community-page .cm-member-row>div>a{display:block;min-width:0}
.community-page .cm-member-row strong{font-size:clamp(14px,11.50px + 1.250cqi,14.5px);overflow-wrap:anywhere}
.community-page .cm-member-row img{width:clamp(40px,20.00px + 10.000cqi,44px);height:clamp(40px,20.00px + 10.000cqi,44px)}
.community-page .cm-locked-hero{padding:clamp(16px,1.86px + 4.286cqi,22px);gap:clamp(14px,4.57px + 2.857cqi,18px)}
.community-page .cm-locked-text h1{font-size:clamp(20px,10.57px + 2.857cqi,24px)}
.community-page .cm-pending-note{font-size:clamp(13px,10.64px + 0.714cqi,14px)}

/* ---------- 11. Members directory ---------- */
.community-page .community-page-header{padding:clamp(16px,6.57px + 2.857cqi,20px) clamp(16px,1.86px + 4.286cqi,22px)}
.community-page .community-page-header h1{font-size:clamp(18px,13.29px + 1.429cqi,20px)}
.community-page .community-search-btn{padding:0 clamp(14px,-4.86px + 5.714cqi,22px)}
.community-page .community-member-card{padding:clamp(12px,-1.00px + 10.000cqi,18px)}
.community-page .community-member-card img{width:clamp(52px,21.67px + 23.333cqi,66px);height:clamp(52px,21.67px + 23.333cqi,66px)}
.community-page .community-member-card h2{font-size:clamp(13px,10.83px + 1.667cqi,14px)}
.community-page .community-member-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.community-page .community-member-actions>a.community-ghost-btn{font-size:clamp(13px,10.83px + 1.667cqi,14px);padding:clamp(8px,5.83px + 1.667cqi,9px) clamp(10px,1.33px + 6.667cqi,14px)}
.community-page .community-member-actions>a.community-primary-btn{font-size:clamp(14px,9.67px + 3.333cqi,16px);padding:clamp(8px,5.83px + 1.667cqi,9px) clamp(12px,3.33px + 6.667cqi,16px)}
@container (max-width:190px){
    .community-page .community-member-actions{flex-direction:column;align-items:stretch}
}
@container (max-width:430px){
    .community-page .community-members-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}

/* ---------- 12. Leaderboard ---------- */
.community-page .cm-lb-me{padding:clamp(14px,4.57px + 2.857cqi,18px) clamp(14px,-0.14px + 4.286cqi,20px);gap:clamp(12px,2.57px + 2.857cqi,16px)}
.community-page .cm-lb-me>img{width:clamp(52px,23.71px + 8.571cqi,64px);height:clamp(52px,23.71px + 8.571cqi,64px);border-radius:clamp(14px,4.57px + 2.857cqi,18px)}
.community-page .cm-lb-me-text{flex:1 1 180px;min-width:0}
.community-page .cm-lb-me-text strong{font-size:clamp(16px,11.29px + 1.429cqi,18px)}
.community-page .cm-lb-card{padding:clamp(14px,4.57px + 2.857cqi,18px) clamp(14px,-0.14px + 4.286cqi,20px)}
.community-page .cm-lb-head h2{font-size:clamp(17px,12.29px + 1.429cqi,19px)}
@container (max-width:440px){
    .community-page .cm-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
    .community-page .cm-seg button{padding:7px 4px;font-size:clamp(12px,3.4cqi,13px)}
}
.community-page .cm-podium{gap:clamp(8px,-6.14px + 4.286cqi,14px)}
.community-page .cm-podium-slot strong{font-size:clamp(12.5px,8.90px + 4.000cqi,14.5px);white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.community-page .cm-podium-slot em{font-size:clamp(12px,10.20px + 2.000cqi,13px)}
.community-page .cm-podium-avatar img{width:clamp(48px,19.20px + 32.000cqi,64px);height:clamp(48px,19.20px + 32.000cqi,64px)}
.community-page .place-1 .cm-podium-avatar img{width:clamp(60px,20.40px + 44.000cqi,82px);height:clamp(60px,20.40px + 44.000cqi,82px)}
.community-page .cm-podium-block{font-size:clamp(16px,8.80px + 8.000cqi,20px)}
.community-page .place-1 .cm-podium-block{height:clamp(80px,26.00px + 60.000cqi,110px)}
.community-page .place-2 .cm-podium-block{height:clamp(60px,24.00px + 40.000cqi,80px)}
.community-page .place-3 .cm-podium-block{height:clamp(48px,22.80px + 28.000cqi,62px)}
.community-page .cm-level{padding:clamp(10px,-3.33px + 13.333cqi,14px) clamp(8px,1.33px + 6.667cqi,10px)}
.community-page .cm-level i{width:clamp(34px,14.00px + 20.000cqi,40px);height:clamp(34px,14.00px + 20.000cqi,40px)}
.community-page .cm-level strong{font-size:clamp(12px,8.67px + 3.333cqi,13px)}
@container (max-width:300px){
    .community-page .cm-levels{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---------- 13. Course forum (main.cf-page) ---------- */
.cf-page .cf-course-card h3{font-size:clamp(15px,13.14px + 0.714cqi,16px)}
.cf-page .cf-thread-main h3{font-size:clamp(15px,12.50px + 0.833cqi,16px)}
.cf-page .cf-body{font-size:clamp(14px,11.50px + 0.833cqi,15px)}
.cf-page .cf-counts{flex-basis:clamp(52px,22.00px + 10.000cqi,64px)}
.cf-page .cf-reply{padding:clamp(12px,2.00px + 3.333cqi,16px)}
.cf-page .cf-thread-row{gap:clamp(10px,0.00px + 3.333cqi,14px)}

/* ---------- 14. Squeeze guards, search placeholders, reading sizes on phones ---------- */
/* Group member and request rows: the avatar, role badge, message/manage button and approve/decline pair keep
   their size (an <img> with max-width:100% would otherwise be squeezed into an oval); only the name shrinks. */
.community-page .cm-member-row>a,.community-page .cm-member-row>img,.community-page .cm-member-row>.uos-badge,
.community-page .cm-member-row>.community-icon-btn,.community-page .cm-member-row>.dropdown,.community-page .cm-member-row>.ms-auto{flex:0 0 auto}
.community-page .cm-member-row img{max-width:none}
.community-page .cm-member-row:has(>.ms-auto.d-flex){flex-wrap:wrap}
.community-page .cm-member-row>.ms-auto.d-flex{flex-wrap:wrap;justify-content:flex-end}
.community-page .cm-member-row:has(>.ms-auto.d-flex)>div:not(.ms-auto){flex:1 1 9em}
/* search fields: a placeholder that does not fit ends in an ellipsis instead of stopping mid-word */
.community-page .community-feed-tools input,.community-page .community-search-box input,.community-page .cm-search input,.cf-page .cf-toolbar input{text-overflow:ellipsis}
/* Sentence copy that is 12-13px on desktop reads at 14px on phones. The size eases continuously with the
   viewport (14px up to ~600px wide, back to the desktop size by ~1100px), so 1200px+ is unchanged. */
.community-page .community-rules-card li,.community-page .cm-levels-intro,.community-page .cm-lb-me-text .community-muted,
.community-page .community-page-header p,.community-page .community-no-comments,.community-page .community-search-summary,
.community-page .community-leaderboard-widget>p.community-muted{font-size:clamp(13px,15.2px - .2vw,14px)}
.community-page .community-info-card span{font-size:clamp(12px,16.4px - .4vw,14px)}
.community-page .community-info-card strong{font-size:clamp(13px,17.4px - .4vw,15px)}
/* group cards: the description keeps its card-width size (section 9) and never drops below the phone reading size */
.community-page .cm-group-desc{font-size:max(clamp(13px,11.33px + 0.833cqi,13.5px),clamp(13px,15.2px - .2vw,14px))}

/* narrow member list: a member with a role badge shows the badge under the name, so the name keeps its width */
@container (max-width:420px){
    .community-page .cm-member-row:has(>.uos-badge){display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:clamp(10px,0px + 5cqi,12px);row-gap:4px;align-items:center}
    .community-page .cm-member-row:has(>.uos-badge)>a:first-child{grid-column:1;grid-row:1 / span 2}
    .community-page .cm-member-row:has(>.uos-badge)>div:not(.dropdown):not(.ms-auto){grid-column:2;grid-row:1}
    .community-page .cm-member-row:has(>.uos-badge)>.uos-badge{grid-column:2;grid-row:2;justify-self:start}
    .community-page .cm-member-row:has(>.uos-badge)>.ms-auto{grid-column:3;grid-row:1 / span 2}
}
/* post action menu: every item's icon gets the same width so the labels line up (the bookmark glyph is narrower) */
.community-page .cm-fb-card .dropdown-menu .dropdown-item>i:first-child{width:1.25em;text-align:center}
/* sideways strips: once scrolled, the left edge fades too (the mirror of the right-edge fade in section 8) */
@keyframes cm-strip-fade-in{from{opacity:0}to{opacity:1}}
@media (max-width:991px){
    .community-page .community-nav-card::before,.community-page .cm-group-tabs::before,.community-page .community-top-tabs::before{content:"";position:sticky;left:0;z-index:1;flex:0 0 32px;margin-right:-36px;align-self:stretch;pointer-events:none;opacity:0;background:linear-gradient(270deg,transparent,var(--uos-surface-solid));animation:cm-strip-fade-in linear both;animation-timeline:scroll(nearest inline);animation-range:0% 15%}
    .community-page .community-nav-card::before{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}
}
/* ---------- v21 fluid pass 2: text that stayed at its desktop size on phones ----------
   Cards in the side rail and the group grid are as wide or wider on a phone than on a desktop, so a card-only (cqi)
   ramp kept them at the desktop size; min() of the card ramp and a screen (vw) ramp lets them follow both. */
.community-page .community-right h3{font-size:clamp(15px,14.61px + 0.1087vw,16px)}
.community-page .community-feed-tools form button{font-size:clamp(14px,11.38px + 0.7692cqi,16px);padding-inline:clamp(10px,4.67px + 1.111cqi,14px)}
.community-page .cm-group-body h3{font-size:min(clamp(14.5px,9.50px + 2.500cqi,16px),clamp(14.5px,13.91px + 0.1630vw,16px))}
.community-page .cm-group-body h3 a{padding:3px 0;margin:-3px 0}
.community-page .cm-group-body .community-primary-btn,.community-page .cm-group-body .community-ghost-btn{font-size:min(clamp(14px,6.00px + 3.3333cqi,16px),clamp(14px,13.22px + 0.2174vw,16px));padding-block:clamp(8px,6.40px + .4348cqi,10px)}
.community-page .cm-panel h3{font-size:min(clamp(15px,10.00px + 2.500cqi,16px),clamp(15px,14.61px + 0.1087vw,16px))}
.community-page .cm-about-text{font-size:clamp(15px,14.61px + 0.1087vw,16px)}
.community-page .cm-lb-empty p{font-size:clamp(14px,11.04px + 0.8696cqi,16px)}
.community-page .cm-invite-note{font-size:clamp(12.5px,12.30px + 0.0543vw,13px)}
.community-page .cm-caret-sm{font-size:.7em}
/* cm-kind-fluid: post type chips, the More types toggle and level chips follow their card and the screen */
.community-page .community-kind-option span,.community-page .community-kind-more{font-size:min(clamp(11.5px,10.85px + 0.1923cqi,12px),clamp(11.5px,11.30px + 0.0543vw,12px))}
.community-page .community-kind-more{padding:6px clamp(9px,1.93px + 2.143cqi,12px)}
.community-page .cm-lv-chip{font-size:clamp(11px,10.61px + 0.1087vw,12px)}
.community-page a.community-back{min-height:24px}