.home-main-content{width:100%;max-width:1180px;margin:0 auto}.homepage-official{margin-top:42px}.homepage-official .official-card{display:flex;align-items:flex-start;justify-content:flex-start;text-decoration:none;color:#ecf6f3}.homepage-official .official-card:hover,.homepage-official .official-card:focus-visible{border-color:var(--green,#7bf4cf);background:rgba(123,244,207,.06)}.homepage-official .official-card h3{margin:0;font-weight:800}@media(max-width:760px){.home-main-content{width:100%}}

/* Original centered recommendation grid below the full-width header. */
.home-main-content{max-width:1180px}
.homepage-recommended{max-width:1180px;margin:10px auto 30px;padding:0 24px}
.homepage-recommended>header{margin-bottom:12px}
.homepage-recommended .recommended-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.recommendations-more{min-height:32px;display:flex;justify-content:center;align-items:center;gap:12px;color:var(--muted,#91a2a6);font:13px Arial,sans-serif;padding:14px}
.recommendations-retry{padding:8px 14px;border:1px solid var(--line);background:var(--panel);color:var(--green);cursor:pointer}
.recommendations-retry[hidden]{display:none}
html:has(.homepage-recommended) .nav{max-width:none!important;width:100%!important;left:0!important;right:0!important;margin:0!important}
@media(max-width:760px){.homepage-recommended{margin-top:8px;padding:0 10px}.homepage-recommended .recommended-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

@media(min-width:761px) and (max-width:900px){.homepage-recommended .recommended-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}