Template:GrowingRegionsPage.css

/* Simple country nav + headings for the Growing Regions landing page */ .country-nav {

 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 justify-content: center;
 margin: 8px 0 16px 0;

} .country-nav a {

 display: inline-block;
 padding: 6px 10px;
 border: 1px solid #e5e7eb;
 border-radius: 999px;
 text-decoration: none;
 color: #1f2937;
 background: #fff;
 font-weight: 600;
 line-height: 1.1;

} .country-nav a:hover { background: #f9fafb; }

.country-section {

 margin: 18px 0 28px 0;
 border-top: 1px solid #f0f2f4;
 padding-top: 14px;

} .country-title {

 margin: 0 0 8px 0;
 font-size: 1.25rem;
 color: #1f2937;

}

/* Reuse the card grid from the card template */ .gr-grid {

 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
 gap: 16px;
 align-items: stretch;

}