.article-layout{display:grid;grid-template-columns:1fr 400px;gap:80px;align-items:start}@media screen and (max-width:989px){.article-layout{grid-template-columns:1fr;gap:40px}}.article-sidebar{display:flex;flex-direction:column;gap:13px}.article-sidebar-card{display:block;border:1px solid #5e646b;border-radius:5px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s ease}.article-sidebar-card:hover{box-shadow:0 4px 16px #5e646b26}.article-sidebar-card__image-wrapper{overflow:hidden}.article-sidebar-card__image{width:100%;height:200px;object-fit:cover;object-position:center;display:block;transition:transform .3s ease}.article-sidebar-card:hover .article-sidebar-card__image{transform:scale(1.03)}.article-sidebar-card__image-placeholder{width:100%;height:200px;background-color:rgb(var(--color-background))}.article-sidebar-card__body{padding:20px 25px 25px;display:flex;flex-direction:column;gap:10px}.article-sidebar-card__title{font-family:var(--font-heading-family),sans-serif;font-size:1.9rem;font-weight:600;color:#5e646b;line-height:1.3;letter-spacing:-.015em;margin:0;text-transform:none}.article-sidebar-card__link{display:flex;align-items:center;gap:11px;font-size:1.7rem;color:#212326bf}.article-sidebar-card__link .icon{width:1.4rem;height:1rem;flex-shrink:0}.article-sidebar__view-all-wrapper{margin-top:8px}.article-sidebar__view-all{display:inline-flex;align-items:center;gap:12px}.article-sidebar__view-all .icon{width:1.4rem;height:1rem;flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/18/assets/claude-section-article-sidebar.css.map */