body.jade-site .page-content:has(#community-page){padding:0}#community-page{color:#164d52;background:#fff9e9}#community-page .community-hero{text-align:center;padding:35px 20px 30px;background:linear-gradient(90deg,#fff9e9b5,#fff9e9dc,#fff9e9b5),url('/assets/jade/rank-landscape.png') center/cover;border-bottom:1px solid #d5c9a3}#community-page .community-symbol{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 18px;font-size:32px;border:2px solid #ccb368;border-radius:20px;background:linear-gradient(140deg,#3b9788,#15575b);color:#f9e6ab;box-shadow:0 4px 14px #164d521a}#community-page .community-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 10px;color:#718275}#community-page h1{font-size:38px;font-weight:700;margin:0 0 12px}#community-page .community-hero>p:not(.community-eyebrow){font-size:15px;line-height:1.8;color:#657a6e}#community-page .community-hero nav{display:flex;justify-content:center;gap:12px;margin-top:20px}#community-page .community-hero nav a{padding:9px 18px;background:#fff9e9d9;border:1px solid #c6b887;border-radius:8px;font-size:13px}#community-page .community-hero nav a:hover{background:#e9edda}#community-page .community-content{padding:30px 36px 20px;max-width:1100px;margin:auto}#community-page .community-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}#community-page h2{font-size:25px;font-weight:700;margin:0}#community-page .community-counter{font-size:12px;background:#eaf0df;border:1px solid #c5d2b3;border-radius:25px;padding:6px 13px;white-space:nowrap}#community-page .community-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#community-page .community-group-card{padding:22px;background:linear-gradient(135deg,#fffef8,#fbf7e9);border:1px solid #d2c7a1;border-radius:14px;box-shadow:0 5px 15px #164d5208;display:flex;flex-direction:column}#community-page .community-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}#community-page .community-platform{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;flex-shrink:0}#community-page .zalo{font:bold 16px Arial,sans-serif;color:#1673b3;background:#e4f0f3;border:1px solid #b9d4da}#community-page .community-group-number{font-size:10px;letter-spacing:1.7px;color:#938660}#community-page h3{font-size:20px;margin:0 0 10px;font-weight:700;overflow-wrap:anywhere}#community-page .community-group-card>p{font-size:13px;line-height:1.8;color:#6c7d71;margin-bottom:22px;flex:1}body.jade-site #community-page .community-join{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 15px;background:linear-gradient(#338e82,#206c65);color:#fff3d3;border:1px solid #b4a06a;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none}#community-page .community-join:hover{filter:brightness(1.08)}#community-page .community-pending{display:block;text-align:center;border:1px dashed #d4c9a8;background:#f4f1e4;border-radius:8px;padding:12px 8px;color:#7d7c66;font-size:12px}#community-page .community-facebook{display:flex;align-items:center;gap:22px;margin-top:28px;padding:26px;border:1px solid #c5d0b7;border-radius:14px;background:linear-gradient(110deg,#e8eee0,#faf7e9)}#community-page .facebook{background:#e1eaf3;color:#3368a4;font-size:29px;border:1px solid #b6c9d9;width:60px;height:60px}#community-page .community-facebook-copy{flex:1}#community-page .community-facebook-copy h2{font-size:23px;overflow-wrap:anywhere}#community-page .community-facebook-copy>p:last-child{font-size:13px;line-height:1.8;color:#637a6d;margin:10px 0 0}#community-page .community-facebook-action{min-width:210px}#community-page .community-note{text-align:center;font-size:12px;color:#7c8270;margin:24px 0 0;line-height:1.8}#community-page a:focus-visible{outline:3px solid #ba923f;outline-offset:4px}
@media(max-width:800px){#community-page .community-content{padding:24px 20px}#community-page .community-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#community-page .community-facebook{flex-wrap:wrap}#community-page .community-facebook-action{width:100%}}@media(max-width:540px){#community-page h1{font-size:28px}#community-page .community-hero{padding:28px 15px}#community-page .community-group-grid{grid-template-columns:1fr}#community-page .community-content{padding:24px 16px}#community-page h2{font-size:22px}#community-page .community-eyebrow{font-size:9px;letter-spacing:1px}#community-page .community-group-card{padding:20px}#community-page .community-facebook{padding:20px;gap:15px}#community-page .community-facebook-copy h2{font-size:20px}#community-page .community-hero nav a{padding:9px 12px}}