.commune-hero{padding:92px 0 64px;background:linear-gradient(135deg,var(--black) 0%,var(--green-dark) 64%,#263b2f 100%);color:var(--white)}
.commune-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:34px;align-items:end}
.commune-panel,.seo-card,.project-card{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.92);box-shadow:var(--soft-shadow)}
.commune-panel{display:grid;gap:10px;padding:24px;color:var(--ink)}
.commune-panel span,.keyword-cloud span{border:1px solid rgba(185,139,58,.28);border-radius:999px;background:#fffaf0;padding:8px 12px;font-weight:800;color:#27352d}
.split{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:34px;align-items:start}
.seo-card{padding:24px}
.seo-card h3{margin-top:0}
.seo-list{margin:14px 0 0;padding-left:20px;color:var(--muted)}
.alt{background:rgba(255,255,255,.42)}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.project-card{display:grid;gap:8px;padding:22px;transition:transform .2s ease,border-color .2s ease}
.project-card:hover{transform:translateY(-2px);border-color:var(--gold)}
.project-card span{color:var(--gold);font-weight:900;text-transform:uppercase;font-size:12px}
.project-card strong{font-size:20px}
.project-card p{margin:0;color:var(--muted)}
.project-card em{font-style:normal;font-weight:900;color:var(--green-dark)}
.keyword-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.long-tail-grid{columns:2 320px;column-gap:24px;margin-top:22px;color:var(--muted);font-size:14px}
.long-tail-grid p{break-inside:avoid;margin:0 0 12px}
.long-tail-grid strong{color:var(--green-dark)}
.micro-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.micro-keywords span{font-size:12px;color:#536158;background:#f8f2e6;border:1px solid rgba(185,139,58,.2);border-radius:999px;padding:7px 10px}
.intent-card{margin-top:20px}
.intent-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.intent-list li{display:grid;gap:4px;border-bottom:1px solid var(--line);padding:0 0 12px}
.intent-list strong{color:var(--green-dark)}
.intent-list span{color:var(--muted)}
.faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:900px){.commune-hero-grid,.split,.project-grid,.faq-grid,.intent-list{grid-template-columns:1fr}.commune-hero{padding-top:56px}}