.community-hero{padding-block:clamp(64px,8vw,112px);background:radial-gradient(ellipse at 90% 20%,rgba(239,113,69,.09),transparent 55%)}
.community-hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(40px,7vw,100px);align-items:center}
.community-hero h1{font-size:clamp(52px,7vw,92px);line-height:1.04;letter-spacing:-.045em}
.community-hero h1 em{color:var(--accent);font-style:normal}
.community-intro{max-width:560px;margin-top:28px;font-size:clamp(17px,1.5vw,20px);line-height:1.75;color:var(--text-2)}
.community-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px 32px;margin-top:32px}
.community-card{min-width:0;padding:clamp(28px,3.5vw,48px);border:1px solid var(--line-2);border-radius:var(--radius);background:linear-gradient(145deg,rgba(239,113,69,.06),var(--surface))}
.community-symbol{width:80px;height:72px;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:32px}
.community-symbol circle{fill:var(--accent);stroke:none}
.community-handle{font:500 13px/1.5 var(--mono);color:var(--accent-2);margin-bottom:14px}
.community-card h2{font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-.025em}
.community-card h2+p{margin-top:20px;font-size:15px;line-height:1.75;color:var(--text-2)}
.community-platform{display:block;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--text-3)}
.community-conversations{padding-block:clamp(56px,7vw,96px);scroll-margin-top:calc(var(--header) + 16px)}
.community-conversations h2,.community-before h2{font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.035em}
.community-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px}
.community-topics article{padding-top:24px;border-top:1px solid var(--paper-line)}
.community-number{display:block;font:400 13px/1.5 var(--mono);color:var(--ink-accent);margin-bottom:24px}
.community-topics h3{font-size:26px;line-height:1.2;letter-spacing:-.02em}
.community-topics p{margin-top:16px;color:var(--ink-2);font-size:16px;line-height:1.75;max-width:34ch}
.community-before{padding-block:clamp(56px,7vw,96px)}
.community-before-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(40px,7vw,100px);align-items:start}
.community-before h2+p{margin-top:24px;max-width:600px;font-size:17px;line-height:1.8;color:var(--text-2)}
.community-support{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.community-support h3{font-size:23px;letter-spacing:-.02em}
.community-support p{margin-top:12px;font-size:15px;line-height:1.75;color:var(--text-2)}
.community-support .text-link{margin-top:24px}
.community-follow{padding-block:clamp(48px,6vw,80px);border-top:1px solid var(--line)}
.community-follow h2{font-size:clamp(32px,3.5vw,46px);line-height:1.15;letter-spacing:-.03em}
.community-socials{margin-top:32px;max-width:960px}
.community-socials .social-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.community-socials .social-link{width:100%;height:auto;min-height:64px;padding:18px 20px;justify-content:flex-start;gap:16px;border-radius:var(--radius)}
.community-socials .social-link svg{width:22px;height:22px}
.community-socials .social-name{display:inline;font-size:16px}
@media(max-width:640px){.community-socials .social-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.community-socials .social-link{padding:16px 14px;gap:12px}}
@media(max-width:360px){.community-socials .social-link{padding:14px 10px;gap:8px}.community-socials .social-name{font-size:14px}}
@media(max-width:800px){.community-hero-grid,.community-before-grid{grid-template-columns:minmax(0,1fr);gap:40px}.community-card{max-width:560px}.community-topics{grid-template-columns:minmax(0,1fr);gap:28px}.community-number{margin-bottom:12px}.community-topics p{max-width:52ch}}
@media(max-width:420px){.community-hero h1{font-size:clamp(44px,13vw,54px)}.community-actions{align-items:start;flex-direction:column;gap:24px}}
.nav>a[aria-current="page"]{color:var(--accent)}