body.jade-site .page-content:has(#community-page){padding:0}#community-page{color:#211e1b;background:#f6efde}#community-page .community-hero{text-align:center;padding:35px 20px 30px;background:linear-gradient(90deg,#f6efdeb5,#f6efdedc,#f6efdeb5),url('/assets/design/hero.png') center/cover;border-bottom:1px solid #c7bba5}#community-page .community-symbol{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 18px;font-size:32px;border:2px solid #b72920;border-radius:20px;background:linear-gradient(140deg,#6d6257,#211e1b);color:#c7bba5;box-shadow:0 4px 14px #211e1b1a}#community-page .community-eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 10px;color:#6d6257}#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:#6d6257}#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:#f6efded9;border:1px solid #c7bba5;border-radius:8px;font-size:13px}#community-page .community-hero nav a:hover{background:#f6efde}#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:#f6efde;border:1px solid #c7bba5;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,#f6efde,#f6efde);border:1px solid #c7bba5;border-radius:14px;box-shadow:0 5px 15px #211e1b08;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:#6d6257;background:#f6efde;border:1px solid #c7bba5}#community-page .community-group-number{font-size:10px;letter-spacing:1.7px;color:#6d6257}#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:#6d6257;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(#211e1b,#211e1b);color:#f6efde;border:1px solid #b72920;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 #c7bba5;background:#f6efde;border-radius:8px;padding:12px 8px;color:#6d6257;font-size:12px}#community-page .community-facebook{display:flex;align-items:center;gap:22px;margin-top:28px;padding:26px;border:1px solid #c7bba5;border-radius:14px;background:linear-gradient(110deg,#f6efde,#f6efde)}#community-page .facebook{background:#f6efde;color:#6d6257;font-size:29px;border:1px solid #c7bba5;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:#6d6257;margin:10px 0 0}#community-page .community-facebook-action{min-width:210px}#community-page .community-note{text-align:center;font-size:12px;color:#6d6257;margin:24px 0 0;line-height:1.8}#community-page a:focus-visible{outline:3px solid #b72920;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}}