#home-community{width:100%;max-width:1200px;margin:auto;overflow:auto;max-height:calc(100dvh - 150px);padding:16px;box-sizing:border-box}
#home-community .account-header,#home-community header:not(.community-card header){position:static}
#home-community .community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:16px}
.compact-detail{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:20px;box-sizing:border-box;overflow:auto;border-radius:20px;background:#102630;color:#e9f1f1;border:1px solid #4e6972}
.compact-detail::backdrop{background:#06121bd9}.compact-detail header{display:flex;align-items:center;justify-content:space-between;gap:12px}.compact-detail h2{font-size:26px;margin:6px 0}.compact-detail button,.compact-detail select,.compact-detail a{min-height:44px}.compact-detail button{padding:9px 14px;border-radius:10px;background:#243f49;color:inherit;border:1px solid #57717a;font:inherit}.compact-detail textarea{box-sizing:border-box;width:100%;min-height:80px;background:#0b1c26;color:inherit;border:1px solid #48636d;border-radius:10px;padding:12px;font:inherit}.compact-detail nav{display:flex;gap:8px;margin:14px 0}.compact-detail nav button{flex:1}.compact-detail img,.compact-detail canvas{max-width:100%;max-height:220px;object-fit:cover;border-radius:12px}.compact-detail article{padding:12px 0;border-bottom:1px solid #344c55;overflow-wrap:anywhere}.compact-detail article article{margin-left:18px;border-left:2px solid #526b73;padding-left:12px}.compact-detail details{margin:12px 0}.compact-detail summary{cursor:pointer;padding:8px 0}.compact-detail [hidden]{display:none!important}.compact-detail label{display:block;margin:12px 0}.compact-detail p{line-height:1.5}.compact-detail form{display:grid;gap:10px}.compact-detail .creator-badge{font-size:11px;border-radius:20px;padding:3px 8px;background:#56613e;color:#eef7da}
@media(max-width:600px){#home-community{max-height:calc(100dvh - 124px);padding:8px}.compact-detail{padding:16px}.compact-detail h2{font-size:22px}}

#home-community .map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));gap:18px}#home-community .map-card{background:#132c37;border:1px solid #405861;border-radius:16px;padding:16px;min-width:0}#home-community .map-card h2{margin:12px 0 6px}#home-community .map-card p{font-size:13px;line-height:1.5;overflow-wrap:anywhere}#home-community .map-card a{color:#d7e6b0}#home-community button{min-height:44px}#home-community .map-cover-button{padding:0;width:100%;border:0;background:transparent}#home-community .map-cover-button img,#home-community .map-cover-button canvas{width:100%;height:160px;object-fit:cover;border-radius:10px}#home-community .map-title-button{text-align:left;background:transparent;border:0;padding:0;font-size:22px}#home-community .map-actions{display:flex;flex-wrap:wrap;gap:8px}#home-community .map-actions>*{flex:1;font-size:12px}#home-community .map-search{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin:20px 0}#home-community .map-search label{display:grid;gap:6px;font-size:12px}#home-community input{width:100%;box-sizing:border-box;min-height:44px;padding:10px;border-radius:10px;border:1px solid #526a74;background:#10232d;color:#edf3ef}#home-community .pagination{display:flex;justify-content:center;gap:16px;margin:24px 0}.compact-detail .community-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compact-detail .community-metrics dt{font-size:11px;color:#b6c7ca}.compact-detail .community-metrics dd{margin:3px 0;font-size:15px}.compact-detail .map-actions,.compact-detail .comment-actions{display:flex;flex-wrap:wrap;gap:8px}.compact-detail .comment-by{display:flex;align-items:center;gap:8px;font-size:12px}.compact-detail .comment-by time{margin-left:auto;color:#a4bbc2}.compact-detail .map-rating{display:grid;gap:12px}.compact-detail .map-rating select{background:#1c3540;color:#eef3ef;border:1px solid #4e6972;border-radius:9px;padding:8px}
@media(max-width:600px){#home-community .map-search{grid-template-columns:1fr 1fr}#home-community .map-search button{grid-column:1/-1}#home-community .map-card{padding:14px}}

/* Discussion: one compact conversation column, with separate rating controls. */
.compact-detail .detail-tabs{position:sticky;top:-20px;z-index:3;background:#102630;padding:10px 0;border-bottom:1px solid #34505a}
.compact-detail .detail-tabs [aria-pressed="true"]{background:#d4e2ac;color:#17251d;border-color:#d4e2ac}
.compact-detail .status:empty{display:none}.compact-detail .status{font-size:13px;color:#d4e2ac}
.compact-detail .comment-composer{background:#172f39;padding:12px;border:1px solid #3c5661;border-radius:14px;margin:12px 0 18px}
.compact-detail .comment-composer textarea{resize:vertical;min-height:84px;max-height:220px;border:0;background:#102630}
.compact-detail .composer-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px}.compact-detail .composer-footer small{margin-right:auto;color:#a9bfc5;font-size:11px}
.compact-detail .composer-footer button:last-child{background:#d4e2ac;color:#17251d;border-color:transparent}.compact-detail button:disabled{opacity:.45}
.compact-detail .map-comment{border-top:0;margin:0;padding:16px 0}.compact-detail .map-comment>p{margin:10px 0;font-size:14px;white-space:pre-wrap}
.compact-detail .comment-by{flex-wrap:wrap;gap:6px 10px}.compact-detail .comment-by a{min-height:0;color:#edf3ec;font-weight:650;text-decoration:none}.compact-detail .comment-by time{font-size:11px}
.compact-detail .comment-actions{align-items:center;gap:6px}.compact-detail .comment-actions>button{border:0;background:transparent;padding:6px 10px;font-size:12px;color:#bcd0d5}
.compact-detail .comment-more{margin:0 0 0 auto;position:relative}.compact-detail .comment-more summary{list-style:none;min-width:44px;min-height:44px;box-sizing:border-box;text-align:center;padding:10px;letter-spacing:2px}
.compact-detail .comment-more[open]{background:#203c47;border:1px solid #54717b;border-radius:10px;padding:4px}.compact-detail .comment-more button{display:block;width:100%;text-align:left;margin:3px 0;border:0;font-size:12px}
.compact-detail .comment-replies{margin:4px 0 4px 10px;padding-left:12px;border-left:2px solid #597267}.compact-detail .comment-replies article{margin-left:0;border-left:0;padding-left:0}.compact-detail .comment-pages{display:flex;justify-content:space-between;gap:8px;padding:12px 0}
@media(max-width:480px){.compact-detail .comment-by time{flex-basis:100%;margin-left:0}.compact-detail .comment-replies{margin-left:3px;padding-left:10px}.compact-detail .detail-tabs{top:-16px}.compact-detail .composer-footer{flex-wrap:wrap}}