/* QuantumTronix — 커뮤니티 입구. home.css + about.css(첫 화면 입자 그물) 위에 */
.cm h3{margin:0 0 8px;font:400 clamp(19px,1.5vw,22px)/1.35 var(--f-display);color:var(--fg);letter-spacing:-.01em;word-break:keep-all}
html[lang^="en"] .cm h3{font-weight:500}
.cm-hero .ctas{margin-top:6px}
.cm-sec{position:relative;max-width:1280px;margin:0 auto;padding:clamp(90px,15vh,160px) var(--gx);border-top:1px solid rgba(238,243,246,.06)}
.cm-head{margin-bottom:clamp(36px,6vh,70px)}

/* 01 공간 */
.cm-spaces{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
.cm-space{position:relative;padding:26px 22px 30px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(238,243,246,.03),rgba(238,243,246,0));transition:border-color .5s,transform .6s var(--ease)}
.cm-space:hover{border-color:rgba(94,242,214,.4);transform:translateY(-4px)}
.cm-space.private{border-color:rgba(255,190,110,.35);background:radial-gradient(ellipse 80% 70% at 0% 0%,rgba(255,180,94,.08),transparent 60%)}
.cm-space p{font-size:14.5px!important;margin:0!important}
.cm-tag{display:inline-flex;align-items:center;gap:6px;margin-bottom:18px;padding:4px 10px;border-radius:99px;border:1px solid rgba(94,242,214,.4);font:400 10.5px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.cm-space.private .cm-tag{border-color:rgba(255,190,110,.5);color:var(--warm)}
.cm-tag i{font-style:normal;font-size:11px}

/* 02 참여 방식 */
.cm-flow{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,30px)}
.cm-flow::before{content:"";position:absolute;left:8px;right:8px;top:8px;height:1px;background:linear-gradient(90deg,var(--warm),var(--accent))}
.cm-flow li{position:relative;padding-top:42px}
.cm-flow li>b{display:block;margin-bottom:10px;font:400 11px var(--f-mono);letter-spacing:.16em;color:var(--warm)}
.cm-flow p{font-size:14.5px!important;margin:0!important}
.cm-dot{position:absolute;left:0;top:0;width:17px;height:17px}
.cm-dot i{position:absolute;inset:0;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(94,242,214,.12),0 0 14px rgba(94,242,214,.6)}
.cm-flow li:first-child .cm-dot i{background:var(--warm);box-shadow:0 0 0 4px rgba(255,180,94,.14),0 0 14px rgba(255,180,94,.7)}

/* 03 운영 원칙 */
.cm-rules{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,4vw,60px)}
.cm-rules li{display:grid;grid-template-columns:44px 1fr;padding:22px 0;border-top:1px solid var(--line);font:400 clamp(18px,1.6vw,23px)/1.5 var(--f-display);color:var(--fg);word-break:keep-all}
html[lang^="en"] .cm-rules li{font-weight:500}
.cm-rules li:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
.cm-rules b{font:400 11px/2.4 var(--f-mono);letter-spacing:.14em;color:var(--warm)}

@media (max-width:1000px){
  .cm-spaces{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cm-flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:40px}
  .cm-flow::before{display:none}
}
@media (max-width:560px){
  .cm-spaces,.cm-flow,.cm-rules{grid-template-columns:minmax(0,1fr)}
  .cm-rules li:nth-last-child(2){border-bottom:0}
  .cm .ab-k{display:block;white-space:normal;line-height:1.8}
  .cm .ab-k b{margin-right:12px}
  .qth-comm .grain{display:none}
}