/* Progressive enhancement. Every destination remains a normal link. */
@view-transition{navigation:auto}
.community-hero{position:relative;isolation:isolate;text-align:center;padding-block:70px 54px}
.community-hero:before{content:"";position:absolute;z-index:-1;inset:-40px 0 -100px;pointer-events:none;background:radial-gradient(ellipse at 28% 40%,#8960e32b,transparent 55%),radial-gradient(ellipse at 76% 70%,#5bdcbb13,transparent 55%)}
.community-hero .eyebrow{display:inline-flex;align-items:center;gap:12px}.community-hero .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 20px #87ead077}
.community-hero h1{font-size:clamp(3.2rem,6.4vw,6rem);line-height:1.05;margin-bottom:26px}.community-hero .accent{background:linear-gradient(110deg,#cdbaff 15%,#b9b3f5 58%,#a0e5d6);background-clip:text;-webkit-background-clip:text;color:transparent}.community-hero .lead{max-width:610px;margin-inline:auto;margin-bottom:0}
.community-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;padding-bottom:54px}
.community-card{--tone:#bba5ff;position:relative;isolation:isolate;display:flex;flex-direction:column;grid-column:span 2;min-height:300px;padding:32px;border:1px solid #42435b;border-radius:24px;background:linear-gradient(150deg,#222337,#131927 75%);text-decoration:none;overflow:hidden;transition:transform .25s ease,border-color .25s ease;contain:paint}
.community-card:before{content:"";position:absolute;z-index:-1;width:420px;height:420px;inset:0 auto auto 0;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tone) 17%,transparent),transparent 68%);transform:translate(calc(var(--spot-x,80px) - 210px),calc(var(--spot-y,30px) - 210px));opacity:.6;pointer-events:none}
.community-card:nth-child(-n+2){grid-column:span 3;min-height:265px}.community-card h2{font-size:1.6rem;line-height:1.2;margin:27px 0 14px;letter-spacing:-.025em;padding-inline-end:20px}.community-card p{font-size:.95rem;color:#c1c8d9;line-height:1.7;max-width:410px;margin-bottom:20px}.community-icon{display:inline-grid;place-items:center;flex:none;width:54px;height:54px;border:1px solid color-mix(in srgb,var(--tone,#bba5ff) 38%,transparent);border-radius:17px;background:color-mix(in srgb,var(--tone,#bba5ff) 8%,transparent);color:var(--tone,#bba5ff)}
.community-bugs{--tone:#91d8ed}.community-ideas{--tone:#ebcd91}.community-feedback{--tone:#e3a7bf}.community-learning{--tone:#87ead0}
.community-arrow{position:absolute;inset:32px 30px auto auto;color:var(--tone);font-size:1.6rem;transition:transform .25s}.community-card:focus-visible{outline:3px solid var(--mint);outline-offset:4px;border-color:var(--tone)}
.community-guidelines{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:38px;margin-bottom:65px;padding:36px 0;border-block:1px solid var(--line);border-inline:0;border-radius:0;background:transparent}.community-guidelines h2{font-size:1.8rem;margin:0}.community-guidelines p{font-size:.9rem;color:var(--muted);margin:0}.community-guidelines a{text-underline-offset:4px;color:var(--ink);overflow-wrap:anywhere}
.community-topic{position:relative;padding-block:58px 42px;max-width:900px}.community-topic>.community-icon{margin-bottom:26px}.community-topic h1{font-size:clamp(2.9rem,5.6vw,4.8rem);max-width:900px}.community-topic .lead{max-width:720px;color:#d0d4e1;font-size:1.25rem}.community-guide{max-width:720px;color:var(--muted);font-size:1rem}.community-topic .eyebrow{color:var(--tone,var(--purple))}.community-topic .text-link{padding-block:8px;color:var(--tone,var(--purple))}
[dir=rtl] .community-arrow{inset:32px auto auto 30px}
@media(hover:hover) and (pointer:fine){.community-card:hover{transform:translateY(-5px);border-color:var(--tone)}.community-card:hover:before{opacity:1}.community-card:hover .community-arrow{transform:translate(3px,-3px)}}
@media(prefers-reduced-motion:no-preference){.community-hero>*{animation:community-arrive .65s both}.community-hero h1{animation-delay:.06s}.community-hero .lead{animation-delay:.12s}.community-card{animation:community-arrive .6s backwards;animation-delay:calc(100ms + var(--card-order)*60ms)}.community-topic{animation:community-arrive .5s both}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}}
@keyframes community-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.community-card{grid-column:span 3}.community-card:last-child{grid-column:1/-1;min-height:240px}.community-guidelines{grid-template-columns:1fr 1fr}.community-guidelines h2{grid-column:1/-1}.community-hero h1{font-size:clamp(3.1rem,7vw,4.7rem)}}
@media(max-width:600px){.community-hero{padding-block:45px 36px;text-align:start}.community-hero h1{font-size:clamp(2.7rem,9.5vw,3.6rem);line-height:1.1}.community-hero .lead{font-size:1.05rem}.community-grid{grid-template-columns:1fr;gap:14px;padding-bottom:36px}.community-card,.community-card:nth-child(-n+2),.community-card:last-child{grid-column:auto;min-height:0;padding:25px}.community-card h2{font-size:1.65rem;margin-top:23px}.community-card p{margin:0;font-size:.95rem}.community-icon{width:48px;height:48px;border-radius:15px}.community-arrow{inset:27px 26px auto auto}.community-guidelines{grid-template-columns:1fr;gap:22px;margin-bottom:40px;padding-block:29px}.community-guidelines h2{font-size:1.8rem}.community-topic{padding-block:35px 28px}.community-topic h1{font-size:clamp(2.65rem,8vw,3.5rem)}.community-topic .lead{font-size:1.12rem}.community-topic .eyebrow{font-size:.7rem}.community-guide{font-size:.95rem}[dir=rtl] .community-arrow{inset:27px auto auto 26px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.community-card,.community-arrow{transition:none}.community-card:hover,.community-card:hover .community-arrow{transform:none}::view-transition-old(root),::view-transition-new(root){animation:none}}
@media(forced-colors:active){.community-hero .accent{color:CanvasText;background:none}.community-card,.community-icon{border-color:CanvasText}}