/* Home tool cards: large symbols and a link in normal document flow. */
html.cosmic-ui .cielo-experience-grid { align-items: stretch; }
html.cosmic-ui .cielo-experience-card { display: flex; flex-direction: column; align-items: flex-start; min-height: 0; height: auto; padding: clamp(24px, 2.5vw, 36px); gap: 0; }
html.cosmic-ui .cielo-experience-card::after { pointer-events: none; }
html.cosmic-ui .cielo-experience-card .cielo-mini-orbit { flex: 0 0 auto; width: 96px; height: 96px; margin: 24px 0; font-size: 54px; line-height: 1; }
html.cosmic-ui .cielo-experience-card .cielo-mini-orbit .cielo-icon { --cielo-icon-size: 54px; }
html.cosmic-ui .cielo-experience-card h3 { width: 100%; margin: 0 0 16px; font-size: clamp(28px, 2.5vw, 38px); line-height: 1.15; text-wrap: balance; }
html.cosmic-ui .cielo-experience-card p { max-width: none; margin: 0 0 24px; font-size: 16px; line-height: 1.65; }
html.cosmic-ui .cielo-experience-card .cielo-card-action { position: static; display: flex; align-items: center; justify-content: space-between; gap: 16px; align-self: stretch; margin-top: auto; padding-top: 18px; min-height: 44px; border-top: 1px solid #38bdf82b; font-size: 12px; line-height: 1.5; letter-spacing: .07em; }
html.cosmic-ui .cielo-experience-card .cielo-card-action b { margin: 0; flex-shrink: 0; font-size: 22px; }
@media (min-width: 701px) and (max-width: 1050px) { html.cosmic-ui .cielo-experience-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { html.cosmic-ui .cielo-experience-grid { grid-template-columns: minmax(0, 1fr); } html.cosmic-ui .cielo-experience-card .cielo-mini-orbit { width: 88px; height: 88px; font-size: 50px; margin: 20px 0; } }