/* EE Feature cards */
.ee .ee-cardsec.is-center .ee-head { margin-left: auto; margin-right: auto; text-align: center; }
.ee .ee-fcards { display: grid; grid-template-columns: repeat(var(--ee-cols, 3), minmax(0, 1fr)); gap: 16px; }
.ee .ee-fcard, .ee a.ee-fcard:visited { display: flex; flex-direction: column; gap: 10px; padding: 28px 26px; border: 1px solid var(--ee-line); border-radius: 20px; background: var(--ee-white); color: var(--ee-ink); transition: border-color .2s, transform .2s var(--ee-ease), box-shadow .2s; }
.ee a.ee-fcard:hover { border-color: var(--ee-ink); transform: translateY(-3px); box-shadow: 0 18px 36px -24px rgba(18, 43, 70, .5); color: var(--ee-ink); }
.ee .ee-cardsec--soft .ee-fcard { background: var(--ee-soft); border-color: transparent; }
.ee .ee-fcard__ico { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 8px; border-radius: 16px; background: var(--ee-red-soft); color: var(--ee-red); }
.ee .ee-cardsec--soft .ee-fcard__ico { background: var(--ee-white); }
.ee .ee-fcard__ico .ee-i { width: 24px; height: 24px; }
.ee .ee-fcard__img img { width: 64px; height: 64px; object-fit: contain; margin-bottom: 6px; }
.ee .ee-fcard__n { font-size: 14px; font-weight: 700; color: var(--ee-red); }
.ee .ee-fcard h3 { font-size: 20px; font-weight: 700; letter-spacing: -.02em; line-height: 1.25; }
.ee .ee-fcard p { color: var(--ee-muted); font-size: 15.5px; flex: 1; }
.ee .ee-fcard__more { display: inline-flex; align-items: center; gap: 8px; margin-top: 6px; font-size: 14.5px; font-weight: 600; color: var(--ee-ink); }
.ee .ee-fcard__more .ee-i { width: 16px; height: 16px; color: var(--ee-red); transition: transform .2s; }
.ee a.ee-fcard:hover .ee-fcard__more .ee-i { transform: translateX(3px); }

/* Tick lists inside cards */
.ee .ee-fcard .ee-ticks { display: grid; gap: 8px; margin: 2px 0 0; color: var(--ee-muted); font-size: 15px; }
.ee .ee-fcard .ee-ticks li { display: flex; gap: 10px; align-items: flex-start; }
.ee .ee-fcard .ee-ticks .ee-i { width: 18px; height: 18px; margin-top: 2px; color: var(--ee-green); }

/* Timeline: dates in red on a line with dots */
.ee .ee-cardsec--timeline .ee-fcards { position: relative; gap: 20px; padding-top: 26px; }
.ee .ee-cardsec--timeline .ee-fcards::before { content: ""; position: absolute; left: 0; right: 0; top: 7px; height: 2px; background: linear-gradient(90deg, var(--ee-red-hi), var(--ee-line)); }
.ee .ee-cardsec--timeline .ee-fcard { position: relative; overflow: visible; padding: 24px 22px; background: var(--ee-white); }
.ee .ee-cardsec--timeline .ee-fcard__dot { position: absolute; top: -27px; left: 22px; width: 16px; height: 16px; border-radius: 50%; background: var(--ee-white); border: 4px solid var(--ee-red-hi); }
.ee .ee-cardsec--timeline .ee-fcard:first-child .ee-fcard__dot { background: var(--ee-red-hi); box-shadow: 0 0 0 6px var(--ee-red-glow); }
.ee .ee-cardsec--timeline .ee-fcard h3 { color: var(--ee-red); font-size: 18px; }

@media (max-width: 1100px) {
	.ee .ee-cardsec--timeline .ee-fcards { grid-template-columns: repeat(var(--ee-cols, 3), minmax(0, 1fr)); }
	.ee .ee-fcards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Timeline: vertical from portrait iPad down (one card per row, line + dots on the left) */
@media (max-width: 900px) {
	.ee .ee-cardsec--timeline .ee-fcards::before { left: 7px; right: auto; top: 26px; bottom: 0; width: 2px; height: auto; background: linear-gradient(180deg, var(--ee-red-hi), var(--ee-line)); }
	.ee .ee-cardsec--timeline .ee-fcards { grid-template-columns: minmax(0, 1fr); padding: 26px 0 0 30px; }
	.ee .ee-cardsec--timeline .ee-fcard__dot { top: 26px; left: -31px; }
}
@media (max-width: 700px) {
	.ee .ee-fcards { grid-template-columns: minmax(0, 1fr); }
	.ee .ee-fcard { padding: 24px 22px; }
}
