@layer astro,base,theme;@layer components{.guides{isolation:isolate;margin-top:120px;padding:80px 0;scroll-margin-top:80px;position:relative}.guides+.guides{margin-top:0;padding-top:0}.guides-head{text-align:center;flex-direction:column;align-items:center;margin-bottom:48px;display:flex}.guides-head .eyebrow{margin-bottom:16px}.guides-grid{grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;display:grid}.guide-card{background:var(--porcelain);height:100%;min-height:300px;transition:transform .25s var(--ease-out), box-shadow .25s ease;border-radius:24px;flex-direction:column;justify-content:space-between;gap:32px;padding:28px;display:flex;box-shadow:0 24px 48px #4a5d231f}.guide-card:hover{transform:translateY(-3px);box-shadow:0 28px 56px #4a5d232e}.guide-title{font-family:var(--font-heading);letter-spacing:-.015em;text-wrap:pretty;gap:14px;font-size:24px;font-weight:500;line-height:1.15;display:flex}.guide-title:before{content:"";background:var(--eyebrow-mark,var(--olive));flex-shrink:0;width:10px;height:.9em;margin-top:.14em}.guide-foot{border-top:1px solid var(--color-border);gap:12px;padding-top:20px;display:grid}.guide-excerpt{-webkit-line-clamp:3;color:var(--color-muted);-webkit-box-orient:vertical;font-size:15px;line-height:1.45;display:-webkit-box;overflow:hidden}.guide-more{font-size:14px;font-weight:600}.guide-more span{transition:transform .2s var(--ease-out);display:inline-block}.guide-card:hover .guide-more span{transform:translate(3px)}@media (width<=950px){.guides-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.guides{margin-top:80px;padding:56px 0}.guides-grid{grid-template-columns:1fr}.guide-card{min-height:0;box-shadow:0 8px 20px #4a5d231a}.guide-title{font-size:22px}}}