/* 46/60 Academy course card — a baseball trading card for each course.
   Used on /shop and on every course page (in place of the old text mark).
   Built by scripts/course_cards.py. */
.k-card{--navy:#071d49;--red:#c61f31;--cream:#f7f1e5;--blue:#0b4f9d;
  position:relative;margin:0;aspect-ratio:5/7;padding:9px;border-radius:18px;
  background:linear-gradient(145deg,#0b2a66,var(--navy) 55%,#04122f);
  box-shadow:0 18px 40px rgba(7,29,73,.32),inset 0 0 0 1px rgba(255,255,255,.12);
  container-type:inline-size;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff}
.k-card-in{position:relative;display:flex;flex-direction:column;height:100%;border-radius:11px;overflow:hidden;
  border:3px solid var(--cream);background:var(--navy)}
/* Photo window with the Arizona sunburst behind it */
.k-card-photo{position:relative;flex:1;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(circle at 50% 100%,rgba(255,214,150,.55),rgba(255,214,150,0) 45%),
    repeating-conic-gradient(from -90deg at 50% 100%,var(--red) 0deg 7deg,var(--navy) 7deg 14deg)}
.k-card-photo>img.k-card-pic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.k-card--scene .k-card-photo>img.k-card-pic{inset:auto 0 0 0;height:auto;object-fit:contain;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%);mask-image:linear-gradient(180deg,transparent 0,#000 18%)}
.k-card-photo::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(7,29,73,.35) 0%,rgba(7,29,73,0) 26%,rgba(7,29,73,0) 70%,rgba(7,29,73,.55) 100%)}
.k-card-logo{position:absolute;z-index:1;top:7cqi;left:7cqi;width:26%;height:auto;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}
.k-card--scene .k-card-logo{left:50%;top:6cqi;width:36%;transform:translateX(-50%)}
.k-card-num{position:absolute;z-index:1;top:7cqi;right:7cqi;min-width:15cqi;height:15cqi;padding:0 3cqi;display:grid;place-items:center;
  border-radius:999px;background:var(--red);border:2px solid var(--cream);color:#fff;
  font:italic 900 6.4cqi/1 Inter,system-ui,sans-serif;letter-spacing:-.02em;box-shadow:0 4px 10px rgba(0,0,0,.35)}
.k-card-age{position:absolute;z-index:1;left:7cqi;bottom:5cqi;background:var(--cream);color:var(--navy);
  font:italic 900 5cqi/1 Inter,system-ui,sans-serif;letter-spacing:.02em;padding:2cqi 3.6cqi;border-radius:999px;text-transform:uppercase}
/* Name plate */
.k-card-plate{position:relative;padding:5.5cqi 6cqi 6cqi;background:var(--navy);border-top:5px solid var(--red)}
.k-card-plate::before{content:"";position:absolute;left:0;right:0;top:-9px;height:3px;background:var(--cream)}
.k-card-kicker{display:block;font:900 3.4cqi/1.2 Inter,system-ui,sans-serif;letter-spacing:.18em;color:#9fc2ff;text-transform:uppercase}
.k-card b.k-card-name{display:block;margin:1.6cqi 0 0;font:italic 900 clamp(18px,9.6cqi,34px)/.98 Inter,system-ui,sans-serif;
  letter-spacing:-.025em;text-transform:uppercase;color:#fff;text-wrap:balance}
.k-card-line{display:block;margin-top:2.4cqi;font:800 3.5cqi/1.25 Inter,system-ui,sans-serif;letter-spacing:.08em;color:var(--cream);text-transform:uppercase}

/* ---------- /shop page ---------- */
.k-shop-grid{display:grid;gap:22px;grid-template-columns:1fr}
@media (min-width:640px){.k-shop-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.k-shop-grid{grid-template-columns:repeat(3,1fr)}}
.k-shop-item{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,#d9c8b1);border-radius:20px;padding:16px;box-shadow:0 8px 22px #3225140e}
.k-shop-item.is-featured{outline:3px solid #c61f31}
.k-shop-item .k-card{width:100%;max-width:330px;margin:0 auto}
.k-shop-info{display:flex;flex-direction:column;flex:1;padding:16px 4px 2px}
.k-shop-tag{align-self:flex-start;background:#c61f31;color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em;padding:6px 10px;border-radius:999px;margin-bottom:8px}
.k-shop-info h3{margin:0;font-size:21px;line-height:1.15}
.k-shop-price{margin:8px 0 0;font-size:24px;font-weight:950;color:var(--ink,#1b1917)}
.k-shop-price small{font-size:13px;font-weight:700;color:var(--muted,#61574b)}
.k-shop-info p.k-shop-desc{margin:8px 0 14px;color:#554e46;line-height:1.5;flex:1}
.k-shop-info p.k-shop-desc a{color:#c61f31;font-weight:900;white-space:nowrap}
.k-shop-info .btn{width:100%;margin-top:0}
.k-shop-note{margin-top:22px;color:var(--muted,#61574b);line-height:1.6}
.k-shop-note a{color:#c61f31;font-weight:900}

/* ---------- course pages: card replaces the old text mark ---------- */
.landing-hero-grid .k-card{width:100%;max-width:340px;margin:0 auto}
@media (max-width:760px){.landing-hero-grid .k-card{max-width:300px}}