/* Home page: apply the shared type, spacing, and icon scale to editorial cards. */
body[data-page="home"] :is(.story-preview-card,.genre-card,.client-name){min-width:0}
body[data-page="home"] :is(.story-preview-card,.genre-card,.client-name) h3{
  font-family:var(--serif);font-size:clamp(23px,2vw,28px);font-weight:400;line-height:1.2;
  overflow-wrap:break-word;
}
body[data-page="home"] :is(.story-preview-card,.genre-card) p{
  font-family:var(--sans);font-size:15px;line-height:1.7;color:var(--ds-muted);
}
body[data-page="home"] .story-preview-card .eyebrow{
  font-family:var(--sans);font-size:11px;line-height:1.5;letter-spacing:.14em;
}
body[data-page="home"] .story-preview-card h3{margin:var(--ds-space-3) 0}
body[data-page="home"] .story-preview-card>span>.icon,
body[data-page="home"] .genre-icon .icon,
body[data-page="home"] .client-name>span .icon{
  width:var(--ds-icon-lg);height:var(--ds-icon-lg);flex:none;
}
body[data-page="home"] .story-preview-card>span{margin-bottom:var(--ds-space-6)}
body[data-page="home"] .genre-icon{margin:var(--ds-space-6) 0;color:var(--ds-accent)}
body[data-page="home"] .genre-card p{margin-top:var(--ds-space-4)}
body[data-page="home"] .genre-link{
  display:flex;align-items:center;gap:var(--ds-space-3);min-height:44px;
  color:var(--ds-accent);font:500 13px/1.5 var(--sans);
  margin-top:var(--ds-space-6);padding-top:var(--ds-space-4);border-color:var(--ds-line);
}
body[data-page="home"] .genre-link .icon{width:var(--ds-icon-sm);height:var(--ds-icon-sm);flex:none}
body[data-page="home"] .genre-card:hover .genre-link{color:var(--ds-primary-hover)}
body[data-page="home"] .client-name>p{
  color:var(--ds-muted);font:400 13px/1.6 var(--sans);margin-top:var(--ds-space-3);
}
html[lang="gu"] body[data-page="home"] :is(.story-preview-card,.genre-card,.client-name) h3{line-height:1.5;letter-spacing:0}
html[lang="gu"] body[data-page="home"] :is(.story-preview-card,.genre-card) p{line-height:1.85}
@media(max-width:580px){
  body[data-page="home"] .story-preview-card{grid-template-columns:var(--ds-icon-lg) minmax(0,1fr);gap:var(--ds-space-4);padding:var(--ds-space-6)}
  body[data-page="home"] .story-preview-card>span{margin:3px 0 0}
  body[data-page="home"] :is(.story-preview-card,.genre-card,.client-name) h3{font-size:24px;line-height:1.2}
  html[lang="gu"] body[data-page="home"] :is(.story-preview-card,.genre-card,.client-name) h3{line-height:1.5}
  body[data-page="home"] :is(.story-preview-card,.genre-card) p{font-size:15px;line-height:1.7}
  html[lang="gu"] body[data-page="home"] :is(.story-preview-card,.genre-card) p{line-height:1.85}
}