/* ==========================================================================
   Package L — the public course catalogue (/courses). KGF tokens only.
   ========================================================================== */
.acad-grid{margin-top:26px}
.acad-card{display:flex;flex-direction:column;box-shadow:0 1px 0 var(--line)}
.acad-card .card-body{display:flex;flex-direction:column;gap:10px;height:100%}
.acad-card h3{margin:6px 0 0}
.acad-card h3 a{color:var(--navy);text-decoration:none}
.acad-card h3 a:hover{color:var(--royal)}
.acad-card .pill{align-self:flex-start}
.acad-program{border-top-color:var(--gold)}
.acad-facts{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:.86rem;font-weight:700}
.acad-facts li::before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--gold);vertical-align:middle}
.acad-more{margin-top:auto;padding-top:8px;color:var(--royal);font-weight:800;text-decoration:none;font-size:.9rem}
.acad-more:hover{color:var(--navy)}

.acad-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start}

.pagehero .eyebrow a{color:inherit;text-decoration:none}
.pagehero .eyebrow a:hover{text-decoration:underline}

.acad-detail{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;align-items:start}
.acad-main h2{margin:0 0 16px;color:var(--navy)}
.acad-main h2+*{margin-bottom:34px}
.acad-prose p{color:var(--ink);line-height:1.7}
.acad-side{display:grid;gap:20px}
.acad-side .callout{padding:24px}
.acad-side .callout ul{margin:10px 0 0;padding-left:18px;color:var(--ink)}
.acad-side .callout li{margin:6px 0}
.acad-dl{margin:10px 0 0;display:grid;gap:12px}
.acad-dl dt{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.acad-dl dd{margin:2px 0 0;color:var(--ink)}

.acad-lessons{margin:0;padding:0;list-style:none;counter-reset:l;border-top:1px solid var(--line)}
.acad-lessons li{counter-increment:l;display:flex;justify-content:space-between;gap:18px;padding:14px 0 14px 46px;border-bottom:1px solid var(--line);position:relative}
.acad-lessons li::before{content:counter(l);position:absolute;left:0;top:12px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--gold);color:var(--gold-deep);font-weight:900;font-size:.82rem}
.acad-lesson-title{font-weight:700;color:var(--navy)}
.acad-lesson-meta{flex:none;color:var(--muted);font-size:.86rem}
.acad-steps .step h3 a{color:var(--navy);text-decoration:none}
.acad-steps .step h3 a:hover{color:var(--royal)}

@media (max-width:900px){
  .acad-detail{grid-template-columns:1fr;gap:30px}
}
@media (max-width:600px){
  .acad-lessons li{flex-direction:column;gap:4px}
  .acad-actions .btn{width:100%;text-align:center}
}
