/* Collection pages: /interesni-fakti/ and /razvojni-patokazi/ */
.collection { color: #0F1429; }
.site-main .collection__intro { margin-bottom: 2rem; }
.site-main .collection__empty { color: #536477; }

/* Interesting facts */
.fact-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; margin-top: 2rem; }
.fact-card { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: 1.25rem; padding: 1.5rem; border-radius: .875rem; background: #fff; box-shadow: 0 1px 2px rgba(15,20,41,.06), 0 8px 24px rgba(15,20,41,.06); }
.fact-card__icon { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: #FCD000; color: #0F1429; font-size: 1.25rem; }
.fact-card__icon i { transform: rotate(-12deg); }
.fact-card__body { min-width: 0; display: flex; flex-direction: column; }
.fact-card__date { color: #8a94a3; font-size: .75rem; }
.site-main .fact-card__title { margin: .25rem 0 .75rem; color: #0F1429; font-size: 1.25rem; line-height: 1.35; letter-spacing: 0; overflow-wrap: anywhere; }
.fact-card__text { color: #536477; font-size: .9375rem; line-height: 1.75; overflow-wrap: anywhere; }
.site-main .fact-card__text > * { margin: 0 0 .75rem; }
.site-main .fact-card__text > :last-child { margin-bottom: 0; }
.fact-card__footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; margin-top: auto; padding-top: 1.25rem; }
.site-main .fact-card__source { margin: 0; color: #8a94a3; font-size: .75rem; }
.fact-card__source a { color: inherit; text-decoration: underline; text-underline-offset: .15em; }
.fact-card__more { display: inline-flex; align-items: center; gap: .4rem; color: #3F6297; font-size: .875rem; font-weight: 700; text-decoration: none; }
.fact-card__more i { font-size: .75rem; transition: transform 180ms ease; }
.fact-card__more:hover i { transform: translateX(3px); }

/* Roadmaps */
.roadmap-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.75rem; margin-top: 2rem; }
.roadmap-card { display: flex; flex-direction: column; overflow: hidden; border-radius: .875rem; background: #fff; box-shadow: 0 1px 2px rgba(15,20,41,.06), 0 8px 24px rgba(15,20,41,.06); transition: transform 200ms ease, box-shadow 200ms ease; }
.roadmap-card:hover { transform: translateY(-3px); box-shadow: 0 2px 4px rgba(15,20,41,.06), 0 16px 36px rgba(15,20,41,.11); }
.roadmap-card__body { display: flex; flex: 1; flex-direction: column; padding: 1.5rem; }
.roadmap-card__top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.roadmap-card__icon { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: .75rem; background: #FCD000; color: #0F1429; font-size: 1.125rem; }
.site-main .roadmap-card__meta { display: flex; align-items: center; gap: .4rem; margin: 0; color: #3F6297; font-size: .75rem; font-weight: 700; }
.site-main .roadmap-card__title { margin: 0 0 1.25rem; font-size: 1.25rem; line-height: 1.35; letter-spacing: 0; overflow-wrap: anywhere; }
.roadmap-card__title a { color: #0F1429; text-decoration: none; }
.roadmap-card__title a:hover { text-decoration: underline; text-underline-offset: .2em; }
.roadmap-card__link { display: inline-flex; align-items: center; gap: .4rem; margin-top: auto; color: #3F6297; font-size: .875rem; font-weight: 700; text-decoration: none; }
.roadmap-card__link i { font-size: .75rem; transition: transform 180ms ease; }
.roadmap-card:hover .roadmap-card__link i { transform: translateX(3px); }

/* Pagination */
.collection__pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin-top: 2.5rem; }
.collection__pagination .page-numbers { display: inline-flex; align-items: center; gap: .4rem; min-width: 2.5rem; min-height: 2.5rem; justify-content: center; padding: 0 .85rem; border: 1px solid #DCE3EF; border-radius: .5rem; color: #0F1429; font-size: .875rem; font-weight: 600; text-decoration: none; }
.collection__pagination .page-numbers.current { border-color: #0F1429; background: #0F1429; color: #fff; }
.collection__pagination a.page-numbers:hover { border-color: #3F6297; color: #3F6297; }
.collection__pagination i { font-size: .7rem; }

@media (max-width: 900px) { .roadmap-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .fact-list { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 600px) { .roadmap-grid { grid-template-columns: minmax(0, 1fr); } .fact-card { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .roadmap-card, .roadmap-card__link i, .fact-card__more i { transition: none; } .roadmap-card:hover { transform: none; } }
/* Noto Sans sits low in its line box: nudge the arrows down to the text's optical centre. */
.roadmap-card__link i, .fact-card__more i { position: relative; top: .1em; line-height: 1; }