.recommendation-header{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-2xl);background-color:var(--bg-secondary);border-radius:var(--radius-lg);margin:0 auto var(--spacing-xl);max-width:1400px}.recommendation-header__icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);background-color:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center}.recommendation-header__title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-lg);line-height:var(--line-height-tight);letter-spacing:-0.02em}.recommendation-header__description{font-size:1.25rem;color:var(--text-secondary);max-width:900px;margin:0 auto var(--spacing-lg);line-height:var(--line-height-relaxed)}.recommendation-header__count{font-size:0.95rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--text-accent);margin:0}.recommendation-header__updated{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin:var(--spacing-md) auto 0;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full,999px);background:var(--surface-subtle,rgba(0,0,0,0.04));color:var(--text-secondary);font-size:0.875rem;font-weight:var(--font-weight-medium,500)}.recommendation-header__updated-icon{flex-shrink:0;color:var(--accent,currentColor)}.recommendation-header__updated time{font-weight:var(--font-weight-semibold,600);color:var(--text-primary)}.recommendation-section__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--text-primary);max-width:1200px;margin:0 auto var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-sm);letter-spacing:-0.01em;border-bottom:1px solid var(--border-color)}.recommendation-section__title:first-of-type{padding-top:0}.recommendation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-xl);padding:0 var(--spacing-lg) var(--spacing-3xl);max-width:1200px;margin:0 auto}.recommendation-card{display:flex;flex-direction:column}.recommendation-card__link{display:flex;flex-direction:column;gap:var(--spacing-sm);text-decoration:none;color:inherit;transition:transform 0.2s ease}.recommendation-card__link:hover{transform:translateY(-4px)}.recommendation-card__cover{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-md);background:var(--bg-tertiary);box-shadow:0 2px 8px rgba(0,0,0,0.08)}.recommendation-card__cover--portrait{aspect-ratio:2 / 3}.recommendation-card__cover--square{aspect-ratio:1 / 1}.recommendation-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}.recommendation-card__link:hover .recommendation-card__image{transform:scale(1.05)}.recommendation-card__cover-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:var(--color-primary);color:#fff;text-align:center}.recommendation-card__cover-fallback-text{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:600;line-height:var(--line-height-tight);word-break:break-word}.recommendation-card__title{font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0;line-height:var(--line-height-tight);transition:color 0.2s ease}.recommendation-card__link:hover .recommendation-card__title{color:var(--color-primary)}@media (max-width:768px){.recommendation-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-lg);padding:0 var(--spacing-md) var(--spacing-2xl)}.recommendation-header{padding:var(--spacing-2xl) var(--spacing-md);margin-bottom:var(--spacing-2xl)}.recommendation-header__title{font-size:1.875rem}.recommendation-header__description{font-size:1.0625rem}}.recommendations-landing-hero{background:linear-gradient(135deg,#2d5a3d 0%,#1a3d2a 100%);padding:var(--spacing-3xl) var(--spacing-xl);margin-bottom:var(--spacing-3xl);color:var(--text-inverse)}.recommendations-landing-hero__content{max-width:1200px;margin:0 auto;text-align:center}.recommendations-landing-hero__title{font-size:3rem;font-weight:700;margin:0 0 var(--spacing-md);line-height:1.1;letter-spacing:-0.02em;color:inherit}.recommendations-landing-hero__subtitle{font-size:1.25rem;opacity:0.95;margin:0 auto var(--spacing-3xl);max-width:700px;font-weight:400;line-height:var(--line-height-relaxed)}.recommendations-landing-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-2xl);max-width:500px;margin:0 auto}.recommendations-landing-stat{background-color:rgba(255,255,255,0.15);backdrop-filter:blur(10px);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,0.2);display:flex;flex-direction:column;align-items:center}.recommendations-landing-stat__value{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xs);line-height:1}.recommendations-landing-stat__label{font-size:var(--font-size-sm);opacity:0.9;text-transform:uppercase;letter-spacing:0.05em}.recommendation-index-intro{text-align:center;max-width:700px;margin:0 auto var(--spacing-2xl);padding:0 var(--spacing-lg)}.recommendation-index-intro__title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm);letter-spacing:-0.3px}.recommendation-index-intro__text{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.recommendation-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-xl);padding:0 var(--spacing-lg) var(--spacing-3xl);max-width:1200px;margin:0 auto}.recommendation-index-card{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.recommendation-index-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.08);border-color:var(--color-primary)}.recommendation-index-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.recommendation-index-card__icon{width:48px;height:48px;border-radius:var(--radius-md);background-color:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.recommendation-index-card__title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-0.3px}.recommendation-index-card__badge{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.05em;font-weight:600;white-space:nowrap}.recommendation-index-card__content{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.recommendation-index-card__description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.recommendation-index-card__footer{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--border-primary);color:var(--color-primary)}.recommendation-index-card__link{font-size:var(--font-size-sm);font-weight:600}.recommendation-index-card__arrow{transition:transform 0.2s ease}.recommendation-index-card:hover .recommendation-index-card__arrow{transform:translateX(4px)}@media (max-width:768px){.recommendations-landing-hero{padding:var(--spacing-2xl) var(--spacing-md)}.recommendations-landing-hero__title{font-size:2rem}.recommendations-landing-hero__subtitle{font-size:1.0625rem;margin-bottom:var(--spacing-2xl)}.recommendations-landing-stats{gap:var(--spacing-lg)}.recommendations-landing-stat__value{font-size:1.5rem}.recommendation-index-grid{grid-template-columns:1fr;gap:var(--spacing-lg);padding:0 var(--spacing-md) var(--spacing-2xl)}.recommendation-index-card{padding:var(--spacing-lg)}}