/* ========================================================================= KDS — COURSE DETAIL PAGE (2026 redesign) ------------------------------------------------------------------------- Ported from the approved "automatic-driving-course" design comp. ── Why every selector is prefixed ────────────────────────────────────── The comp was authored as a standalone page, so it styled element and utility selectors that this site's retained header and footer already own: `.container` (Bootstrap's, redefined to 1120px), `.btn-primary` / `.btn-secondary` (Bootstrap's), `section {padding:52px 0}`, `footer {background:#15120D}`, plus bare `body`, `h1,h2,h3`, `p`, `a` and `img,svg` resets. Shipped verbatim those would repaint the real footer, shrink the header's container and knock the whole theme's rhythm out. So: every rule below is scoped under `.kdscd`, and every class is renamed with the same prefix. Inside the wrapper the page is pixel-identical to the comp; outside it, nothing changes. The comp's own
,