.community-page .container { max-width:1384px; }
.community-page .feature-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; align-items:stretch; }
.community-page .feature-card { display:flex; flex-direction:column; min-width:0; padding:24px; border-radius:14px; }
.community-page .feature-tag { align-self:flex-start; font-size:18px; padding:10px 16px; margin-bottom:20px; background:#203c4b; }
.community-page .feature-img { height:220px; object-fit:contain; background:#f4f7f7; border:1px solid #e8eeee; }
.community-page .img-pair { min-width:0; }.community-page .img-pair img { min-width:0; }
.community-page .feature-desc { font-size:17px; line-height:1.85; margin-top:20px; word-break:keep-all; }
.community-page .feature-action { display:inline-flex; align-self:flex-start; margin-top:auto; padding-top:20px; color:#315f72; font-size:16px; font-weight:700; text-decoration:none; }
.community-page .feature-action:hover { text-decoration:underline; text-underline-offset:4px; }
.community-page .feature-preview { display:block; border-radius:10px; overflow:hidden; }
.community-page .feature-preview:focus-visible,.community-page .feature-action:focus-visible { outline:3px solid #568ca0; outline-offset:4px; }
@media(max-width:1050px) { .community-page .feature-grid { gap:16px; }.community-page .feature-card { padding:18px; }.community-page .feature-img { height:190px; } }
@media(max-width:800px) { .community-page .feature-grid { grid-template-columns:1fr; }.community-page .feature-card { padding:24px; }.community-page .feature-img { height:auto; max-height:330px; }.community-page .img-pair .feature-img { height:260px; }.community-page .feature-desc { font-size:17px; } }
/* Comparison columns share a stable grid and centered content. */
.community-page .fee-table { table-layout:fixed; }
.community-page .fee-table th:nth-child(1) { width:14%; }
.community-page .fee-table th:nth-child(2),
.community-page .fee-table th:nth-child(3) { width:12%; }
.community-page .fee-table th:nth-child(4) { width:22%; }
.community-page .fee-table th:nth-child(5),
.community-page .fee-table th:nth-child(6) { width:15%; }
.community-page .fee-table th:nth-child(7) { width:10%; }
.community-page .fee-table thead th { padding:20px 10px; vertical-align:middle; }
.community-page .fee-table tbody td { padding:26px 10px; text-align:center; vertical-align:middle; }
.community-page .fee-table th + th { border-left:1px solid #ffffff18; }
.community-page .fee-table td + td { border-left:1px solid #edf2f5; }
.community-page .fee-table .exchange { justify-content:center; text-align:center; gap:10px; }
.community-page .fee-table .remark { text-align:center; }
.community-page .fee-table .fee-limit,
.community-page .fee-table .fee-market { font-variant-numeric:tabular-nums; }
.community-page .fee-table .code-box { min-width:112px; max-width:100%; padding:8px 10px; }
.community-page .fee-table .video-btn,
.community-page .fee-table .join-btn { display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:10px 12px; max-width:100%; }
.community-page .feature-tag,
.community-page .feature-action { align-self:center; text-align:center; }
.community-page .feature-desc { text-align:center; }
@media(max-width:1000px) and (min-width:769px) {
 .community-page .fee-table thead th { font-size:13px; padding:18px 6px; }
 .community-page .fee-table tbody td { padding:22px 6px; }
 .community-page .fee-table .exchange { flex-direction:column; gap:6px; }
 .community-page .fee-table .code-box { min-width:0; padding:8px 5px; font-size:11px; }
 .community-page .fee-table .video-btn,
 .community-page .fee-table .join-btn { padding:10px 6px; font-size:12px; white-space:normal; }
 .community-page .fee-table .badge { padding:3px 5px; }
}
@media(max-width:768px) {
 .community-page .fee-table tbody td { padding:10px 16px; border-left:0; }
 .community-page .fee-table .exchange { justify-content:center; }
 .community-page .fee-table tbody td::before { color:#687d8b; }
 .community-page .fee-table .video-btn,
 .community-page .fee-table .join-btn { min-width:160px; }
}