.home-recommendations{display:flex;flex-direction:column;gap:16px;width:100%;max-width:var(--column-width);margin-inline:auto}
.home-recommendations>h2{font:inherit;color:var(--muted)}
.recommendation-previews{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:16px;min-width:0}
.recommendation-preview{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"author" "excerpt" "link";grid-template-rows:auto 1fr auto;min-width:0;padding:24px;gap:16px 24px;background:var(--surface);border-radius:20px;font-size:16px;line-height:24px}
.recommendation-excerpt{grid-area:excerpt;align-self:start;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:break-word}
.recommendation-author{grid-area:author;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}
.recommendation-author img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}
.recommendation-author h3{font:inherit}.recommendation-author .recommendation-role{margin:0;color:var(--muted);font-size:12px;line-height:20px}
.recommendation-read-more{grid-area:link;justify-self:start;align-self:flex-start;padding:0;background:none;text-decoration:underline;text-underline-offset:2px;text-align:left}
@media(hover:hover) and (pointer:fine){.recommendation-read-more:hover{opacity:.65}}
@media(max-width:1031px){.home-recommendations{display:flex;flex-direction:column;gap:16px;width:100%}}
@media(max-width:600px){.recommendation-previews{grid-template-columns:1fr}.recommendation-preview{grid-template-columns:minmax(0,1fr);grid-template-areas:"author" "excerpt" "link";grid-template-rows:auto 1fr auto;padding:20px;font-size:14px;line-height:20px}.recommendation-author{flex-direction:row;align-items:center;justify-content:flex-start}}

.recommendation-avatar-placeholder{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:var(--page-bg);color:var(--muted)}
.recommendation-avatar-placeholder svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.recommendation-author>div{min-width:0;overflow-wrap:anywhere}