/* =========================================================================
   Kentucky Open Science — CAAI landing page (the old CAAI site points here)
   ========================================================================= */

.kyos-caai__eyebrow { display: block; margin-bottom: 0.5rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--kyos-cyan-dark); }
.kyos-caai-header .kyos-archive-header__desc { max-width: 760px; font-size: 1rem; line-height: 1.65; }
.kyos-caai__actions { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 1.25rem; }
.kyos-caai__btn { display: inline-block; padding: 0.6rem 1.1rem; font-size: 0.9rem; line-height: 1.2; font-weight: 600; border-radius: var(--kyos-radius-md); background: var(--kyos-text); color: #fff; text-decoration: none; transition: var(--kyos-transition); }
.kyos-caai__btn:hover { background: var(--kyos-cyan-dark); color: #fff; }
.kyos-caai__btn--ghost { background: #fff; color: var(--kyos-text); border: 1px solid var(--kyos-border); }
.kyos-caai__btn--ghost:hover { background: #fff; color: var(--kyos-cyan-dark); border-color: var(--kyos-cyan-dark); }

/* .kyos-section pads inside its 1200px box; widen it so the body lines up with the header */
.kyos-section.kyos-caai { max-width: 1264px; padding-top: 2.5rem; }
.kyos-caai__h2 { margin: 0 0 0.6rem; font-size: 1.3rem; line-height: 1.3; color: var(--kyos-text); }
.kyos-caai p { margin: 0 0 0.9rem; font-size: 0.95rem; line-height: 1.65; color: var(--kyos-slate-600, #475569); }

.kyos-caai__about { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 2rem 2.5rem; align-items: start; }
.kyos-caai__video { position: relative; aspect-ratio: 16 / 9; border-radius: var(--kyos-radius-lg); overflow: hidden; background: #0f172a; box-shadow: var(--kyos-shadow-card); }
.kyos-caai__vimeo { display: inline-block; margin-top: 0.6rem; font-size: 0.85rem; color: var(--kyos-cyan-dark); text-decoration: none; }
.kyos-caai__vimeo:hover { text-decoration: underline; }
.kyos-caai__video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.kyos-caai__pillars { margin: 0; padding: 0; list-style: none; display: grid; gap: 0.55rem; }
.kyos-caai__pillars li { position: relative; padding-left: 1rem; font-size: 0.9rem; line-height: 1.55; color: var(--kyos-slate-600, #475569); }
.kyos-caai__pillars li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 6px; height: 6px; border-radius: 50%; background: var(--kyos-cyan-dark); }
.kyos-caai__pillars strong { color: var(--kyos-text); }

.kyos-caai__cards { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 1.25rem; margin-top: 2.5rem; }
.kyos-caai__card { padding: 1.5rem; border: 1px solid var(--kyos-border); border-radius: var(--kyos-radius-lg); background: var(--kyos-bg); box-shadow: var(--kyos-shadow-card); }
.kyos-caai__card--report { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.kyos-caai__card--kcdi { background: var(--kyos-surface); }
.kyos-caai__cover img { display: block; width: 100%; height: auto; border-radius: 6px; border: 1px solid var(--kyos-border); box-shadow: var(--kyos-shadow-card); transition: var(--kyos-transition); }
.kyos-caai__cover:hover img { transform: translateY(-2px); box-shadow: var(--kyos-shadow-hover); }
.kyos-caai__label { display: block; margin-bottom: 0.35rem; font-size: 0.7rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--kyos-cyan-dark); }
.kyos-caai p.kyos-caai__meta { font-size: 0.8rem; color: var(--kyos-text-muted); }


@media (max-width: 960px) {
  .kyos-caai__about, .kyos-caai__cards { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {
  .kyos-caai__card--report { grid-template-columns: minmax(0, 1fr); }
  .kyos-caai__cover { max-width: 160px; }
}