/* Reference dashboard: 1300 wide; top 800/100/400, bottom 400/50/400/50/400. */
.homepage .community-stage{min-height:100vh;min-height:100svh;padding:16px 0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:linear-gradient(100deg,#43b0c4 0%,#7196ed 43%,#a18bed 100%)}
.community-layout{width:min(1300px,calc(100% - 48px),calc((100svh - 32px)*4/3));container-type:inline-size}
.community-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:7.6923077%;align-items:stretch}
.community-card,.guide-card{min-width:0;border-radius:22px;overflow:hidden;box-shadow:0 1px 9px #314d8570}
.community-card{background:#fff;color:#101113;display:flex;flex-direction:column}
.school-album{aspect-ratio:8/5}
.community-heading{text-align:center;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4cqw}
.community-card>.community-heading{flex:0 0 31%}
.community-heading>span{font:700 1.23cqw/1.2 Arial,sans-serif;letter-spacing:-.2px;color:#070809}
.community-heading h2{font:800 2.62cqw/1.2 YesonSquare,var(--sans);letter-spacing:-1.2px;margin:0;color:#050607}
.album-pages{padding:0 2.77cqw}
.album-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.54cqw}
.album-page[hidden],.news-page[hidden]{display:none}
.album-item{display:block;min-width:0;color:#36383a;text-decoration:none}
.album-image{width:100%;aspect-ratio:1.64;border-radius:9px;overflow:hidden;background:#e9edf1}
.album-image img{display:block;width:100%;height:100%;object-fit:cover}
.album-item .album-category{display:block;text-align:center;font:700 1.15cqw/1.4 var(--sans);color:#507bd6;margin:1.4cqw 0 .5cqw;letter-spacing:-.4px}
.album-item h3{font:700 1.38cqw/1.4 var(--sans);margin:0 0 .5cqw;letter-spacing:-.6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.album-item p{font:400 1.08cqw/1.25 var(--sans);margin:0;letter-spacing:-.4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.album-item:hover h3{color:#3765c4}
.news-pages{padding:0 1.54cqw}
.weekly-news .album-image{aspect-ratio:2.57}
.weekly-news .album-item h3,.weekly-news .album-item p{text-align:center}
.community-pager{display:flex;align-items:center;justify-content:center;gap:0;margin-top:auto;padding:.55cqw 0 4.9cqw}
.community-pager button{position:relative;width:18px;height:20px;padding:0;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}
.community-pager button::after{content:'';position:absolute;inset:-5px 0}
.community-pager button span{display:block;width:8px;height:8px;border-radius:50%;background:#d6d6d6}
.community-pager button[aria-pressed=true] span{background:#b5cce2}
.community-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.8461538%;margin-top:7.3076923cqw}
.guide-card{aspect-ratio:20/19;display:flex;flex-direction:column;align-items:center;position:relative;color:#050607;text-decoration:none}
.guide-card>.community-heading{padding-top:3.85cqw;gap:.45cqw}
.guide-card img{display:block;object-fit:contain;margin-top:2.77cqw;max-width:none}
.guide-message{background:#e1dbf2}.guide-family{background:#f0e6d1}.guide-location{background:#d2e6ec}
.guide-message img{width:18cqw;height:16.54cqw}
.guide-family img{width:14.15cqw;height:16.77cqw}
.guide-location img{width:15.15cqw;height:16.15cqw}
.guide-card:hover{filter:brightness(1.025)}
.guide-card:hover img{transform:translateY(-3px)}
.community-stage a:focus-visible,.community-stage button:focus-visible{outline:3px solid #3356a0;outline-offset:-4px}
@media(max-width:980px){
 .homepage .community-stage{padding:24px 0}
 .community-layout{width:calc(100% - 36px)}
 .community-top{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:3%}
 .community-card,.guide-card{border-radius:16px}
 .community-heading h2{font-size:3cqw}
 .community-heading>span{font-size:1.6cqw}
 .album-item h3{font-size:1.7cqw}.album-item p{font-size:1.5cqw}.album-item .album-category{font-size:1.5cqw}
 .community-pager{padding-bottom:2cqw;padding-top:1cqw}
}
@media(max-width:600px){
 .community-layout{width:calc(100% - 28px)}
 .community-top{grid-template-columns:1fr;gap:20px}
 .school-album{aspect-ratio:auto;min-height:310px}
 .community-card>.community-heading{flex:auto;padding:24px 0}
 .community-heading>span{font-size:11px}.community-heading h2{font-size:24px}
 .album-pages{padding:0 14px}.album-page{gap:10px}
 .album-item .album-category{font-size:11px;margin:10px 0 4px}
 .album-item h3{font-size:12px}.album-item p{font-size:11px}
 .album-image{aspect-ratio:1;border-radius:6px}
 .community-pager{margin-top:auto;padding:16px 0 20px}
 .weekly-news{min-height:300px}.news-pages{padding:0 18px}.weekly-news .album-image{aspect-ratio:2.57}
 .weekly-news .album-item h3{font-size:16px}.weekly-news .album-item p{font-size:12px}
 .community-bottom{margin-top:22px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .guide-card{aspect-ratio:.67;border-radius:12px}
 .guide-card>.community-heading{padding-top:20px;gap:7px}
 .guide-card .community-heading>span{font-size:7px;letter-spacing:-.1px;white-space:nowrap}
 .guide-card .community-heading h2{font-size:16px;letter-spacing:-.6px}
 .guide-card img{margin-top:18px}
 .guide-message img{width:25cqw;height:23cqw}.guide-family img{width:20cqw;height:24cqw}.guide-location img{width:22cqw;height:23cqw}
}
@media(prefers-reduced-motion:reduce){.guide-card:hover img{transform:none}}