.home-friendly-preview { width:100%; box-sizing:border-box; margin:0 0 28px; padding:20px 14px; background:#f7f8f2; color:#19251c; text-align:left; }
.home-friendly-preview * { box-sizing:border-box; }
.home-friendly-preview > header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:18px; }
.home-friendly-preview > header small { font-size:12px; font-weight:700; color:#427447; }
.home-friendly-preview > header h2 { margin:5px 0 0; font-size:22px; font-weight:800; line-height:1.4; }
.home-friendly-preview .home-feed-heading-actions { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.home-friendly-preview .home-feed-heading-actions a { color:#808779; font-size:12px; white-space:nowrap; text-decoration:none; }
.home-friendly-preview .home-feed-heading-actions button { padding:6px 8px; min-height:32px; border:1px solid #efc62c; border-radius:8px; background:#ffdc45; color:#725718; font:inherit; font-size:12px; cursor:pointer; }
.home-friendly-preview button:disabled { opacity:.5; cursor:wait; }
.home-friendly-preview .home-feed-cards { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
.home-friendly-preview .home-friendly-card { display:block; min-width:0; padding:16px 18px; border:1px solid #dfe3d6; border-radius:16px; background:#fff; color:#19251c; text-decoration:none; }
.home-friendly-preview .home-friendly-heading { display:flex; align-items:center; gap:8px; }
.home-friendly-preview .home-feed-badge { flex-shrink:0; padding:4px 8px; border-radius:5px; background:#e4eedb; color:#427447; font-size:12px; font-weight:700; line-height:1.4; }
.home-friendly-preview .home-feed-badge.is-recruiting { background:#ffdc45; color:#725718; }
.home-friendly-preview .home-friendly-heading h3 { flex:1; min-width:0; margin:0; padding:0; font-size:20px; font-weight:800; line-height:1.5; overflow-wrap:anywhere; }
.home-friendly-preview .ui-list-arrow { flex-shrink:0; width:20px; height:20px; color:#427447; }
.home-friendly-preview .ui-list-arrow svg { width:20px; height:20px; }
.home-friendly-preview .home-friendly-details, .home-friendly-preview .home-friendly-stats { display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; margin-top:8px; font-size:15px; line-height:1.6; color:#808779; }
.home-friendly-preview .home-friendly-place, .home-friendly-preview .home-friendly-members, .home-friendly-preview .home-game-date { display:inline-flex; align-items:center; gap:6px; }
.home-friendly-preview .home-friendly-place { overflow-wrap:anywhere; }
.home-friendly-preview svg { flex-shrink:0; }
.home-friendly-preview .home-friendly-stats strong { color:#427447; }
.home-friendly-preview .home-game-date strong { color:#19251c; font-weight:500; }
.home-friendly-preview .home-friendly-fee { margin-left:auto; }
.home-friendly-preview .home-feed-empty { padding:16px; background:#fff; border:1px solid #dfe3d6; border-radius:16px; color:#808779; font-size:13px; }
.home-friendly-preview .home-product-status { margin:8px 0 0; font-size:12px; color:#808779; }
.home-friendly-preview .home-product-status:empty { display:none; }
@media(max-width:420px) { .home-friendly-preview .home-friendly-card { padding:14px; } .home-friendly-preview .home-friendly-heading h3 { font-size:19px; } }