/* Homepage cards match the compact forum list. */
#app .maker-community .hot-projects{padding:16px;border-radius:14px}
#app .maker-community .hot-projects .section-header{margin-bottom:12px}
#app .maker-community .hot-projects .section-title{margin-top:0;margin-bottom:12px;font-size:19px}
#app .maker-community .projects-list{gap:10px}
#app .maker-community .project-card{padding:12px 14px;gap:14px;border-radius:12px}
#app .maker-community .project-content{min-width:0;gap:6px;justify-content:flex-start}
#app .maker-community .project-content h3{margin:0;font-size:16px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#app .maker-community .project-content p{margin:0;font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#app .maker-community .project-meta{margin-top:auto;padding-top:6px;gap:6px}
#app .maker-community .project-meta .avatar{width:24px;height:24px}
#app .maker-community .project-meta .author{gap:6px;min-width:0}
#app .maker-community .project-meta .stats{gap:8px;font-size:12px;flex-wrap:wrap}
@media(min-width:769px){#app .maker-community .project-image{width:168px;height:108px}#app .maker-community .project-card{align-items:stretch}}
@media(max-width:768px){
 #app .maker-community .hot-projects{padding:12px}
 #app .maker-community .project-card{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:10px;row-gap:8px;padding:10px;align-items:start}
 #app .maker-community .project-image{grid-column:1;grid-row:1/span 2;width:104px;height:88px;border-radius:8px}
 #app .maker-community .project-image img{width:100%;height:100%;object-fit:cover}
 #app .maker-community .project-content{display:contents}
 #app .maker-community .project-content h3{grid-column:2;grid-row:1;font-size:16px;line-height:1.4}
 #app .maker-community .project-content p{grid-column:2;grid-row:2;font-size:13px;line-height:1.55}
 #app .maker-community .project-meta{grid-column:1/-1;grid-row:3;width:100%;margin-top:0;padding-top:4px;gap:6px;flex-wrap:wrap}
 #app .maker-community .project-meta .author{gap:5px;flex-wrap:wrap}
 #app .maker-community .project-meta .stats{gap:8px}
}
@media(max-width:359px){#app .maker-community .project-card{grid-template-columns:88px minmax(0,1fr)}#app .maker-community .project-image{width:88px;height:80px}}
/* Sidebar board navigation and member rankings. */
#app .forum-home .left-sidebar{padding-top:10px;padding-bottom:10px}
#app .forum-home .left-sidebar .sidebar-section{padding:4px 0}
#app .forum-home .left-sidebar .section-title{margin:0 0 5px;padding:6px 14px;font-size:16px;line-height:1.4;letter-spacing:0}
#app .forum-home .left-sidebar .nav-list{gap:0}
#app .forum-home .left-sidebar .nav-item{min-height:40px;padding:7px 14px;gap:9px;font-size:14px;line-height:1.5}
#app .forum-home .left-sidebar .activity-image{width:26px;height:26px;border-radius:7px;object-fit:contain}
#app .forum-home .left-sidebar .rank-section{margin-top:10px;padding-top:10px}
#app .forum-home .rank-tabs{gap:5px;padding:0 8px;margin:6px 0 10px}
#app .forum-home .rank-tab{flex-direction:row;justify-content:center;gap:4px;min-height:34px;padding:6px 4px}
#app .forum-home .rank-tab-icon{font-size:14px}
#app .forum-home .rank-tab-label{font-size:12px}
#app .forum-home .rank-list{gap:5px}
#app .forum-home .rank-item{padding:6px 8px;gap:7px;min-height:46px;border-radius:7px}
#app .forum-home .rank-number{width:22px;height:24px;flex:none}
#app .forum-home .rank-medal{font-size:19px}
#app .forum-home .rank-avatar{width:30px;height:30px}
#app .forum-home .rank-info{gap:1px}
#app .forum-home .rank-name{font-size:13px;line-height:18px}
#app .forum-home .rank-stats{font-size:12px;line-height:16px}
/* Right-hand hot boards and recommended reading. */
#app .forum-home :is(.hot-sections,.recommended){padding:12px 14px;border-radius:12px}
#app .forum-home :is(.hot-sections,.recommended) .widget-title{margin:0 0 8px;padding:0 0 9px;font-size:16px;line-height:22px}
#app .forum-home .sections-list{gap:2px}
#app .forum-home .section-item{padding:6px 4px;min-height:40px;gap:8px;border-radius:7px}
#app .forum-home .section-left{gap:8px;min-width:0}
#app .forum-home .section-item :is(.activity-image,.nav-icon){width:26px;height:26px;object-fit:contain}
#app .forum-home .section-name{font-size:14px;line-height:20px}
#app .forum-home .section-badge{padding:2px 7px;font-size:10px}
#app .forum-home .recommended-list{gap:2px}
#app .forum-home .recommended-item{padding:8px 3px;border-radius:7px}
#app .forum-home .recommended-item h5{margin:0 0 5px;font-size:14px;line-height:1.45}
#app .forum-home .recommended-item .item-author{margin:0;gap:6px;line-height:18px}
#app .forum-home .recommended-item .item-author-right{gap:6px}
#app .forum-home .recommended-item .item-meta{gap:6px}
@media(max-width:768px){#app .forum-home .left-sidebar .nav-item{min-height:44px;padding:7px 12px}#app .forum-home .rank-tab{min-height:40px}#app .forum-home .section-item{min-height:44px}#app .forum-home .recommended-item{min-height:48px}}