.guide-card-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,2vw,24px);list-style:none;margin:0;padding:0}.guide-card-grid .span-4{grid-column:span 4}.guide-card-grid .span-5{grid-column:span 5}.guide-card-grid .span-6{grid-column:span 6}.guide-card-grid .span-7{grid-column:span 7}.guide-card-grid .span-8{grid-column:span 8}.guide-card-grid .span-12{grid-column:span 12}.guide-card-grid .guides-card{display:flex;flex-direction:column;background:#fdfbf8;border:1px solid #ddd7cc;border-radius:16px;overflow:hidden;text-decoration:none}.guide-card-grid .guides-card-art{position:relative;aspect-ratio:16/9;overflow:hidden}.guide-card-grid .guides-card-body{padding:clamp(1.3rem,2.2vw,1.7rem);display:flex;flex-direction:column;flex:1}.guide-card-grid li{display:flex;flex-direction:column;gap:10px}.guide-card-grid li .guides-card{flex:1}.guide-cta-bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}@media (max-width:980px){.guide-card-grid .span-4,.guide-card-grid .span-5,.guide-card-grid .span-6,.guide-card-grid .span-7,.guide-card-grid .span-8{grid-column:span 6}}@media (max-width:640px){.guide-card-grid .span-12,.guide-card-grid .span-4,.guide-card-grid .span-5,.guide-card-grid .span-6,.guide-card-grid .span-7,.guide-card-grid .span-8{grid-column:span 12}.guide-cta-bar{flex-direction:column;align-items:flex-start}}