/* Oriential canonical Blog-card component.
 * Shared by the homepage Latest notes section and the public Blog archive.
 * Do not create page-specific Blog-card geometry elsewhere.
 */
.ori-blog-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:14px;
 align-items:start;
}
.ori-blog-grid>.ori-blog-card{align-self:start}
.ori-blog-card{
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 gap:0;
 min-width:0;
 min-height:0!important;
 height:auto!important;
 padding:24px;
 border:1px solid var(--ori-border);
 border-radius:24px;
 background:var(--ori-surface-1);
 box-shadow:none;
 transition:transform .26s var(--ori-ease),background .26s var(--ori-ease),box-shadow .26s var(--ori-ease),border-color .26s var(--ori-ease);
}
.ori-blog-card:hover,
.ori-blog-card:focus,
.ori-blog-card:focus-within,
.ori-blog-card.is-expanded{
 transform:translateY(-5px);
 background:linear-gradient(var(--ori-surface-1),var(--ori-surface-1)) padding-box,var(--ori-gradient) border-box;
 border-color:transparent;
 box-shadow:0 22px 58px rgba(136,59,210,.18),0 0 34px rgba(59,208,210,.08);
}
.ori-blog-card h3{
 margin:0 0 12px;
 color:#fff;
 font-family:var(--ori-font-headline);
 font-size:20px;
 line-height:1.25;
}
.ori-blog-card h3 a{color:inherit;text-decoration:none}
.ori-blog-card h3 a:hover,.ori-blog-card h3 a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.ori-blog-card>p{
 margin:0 0 20px;
 color:var(--ori-muted);
 font-size:14px;
 line-height:1.65;
}
.ori-blog-card__cta{margin-top:auto}
.ori-blog-card[hidden]{display:none!important}
.ori-blog-card.is-loading-in{animation:ori-blog-card-in .36s var(--ori-ease) both}
@keyframes ori-blog-card-in{from{opacity:0;transform:translateY(12px)}}
@media(max-width:1000px){.ori-blog-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.ori-blog-card{transition:none}.ori-blog-card.is-loading-in{animation:none}}