/* Course outline for visitors who are not signed in (templates/kurzy/osnova.html, R42): the course
   description, a sign-up box and the list of topics with their lessons. Lessons are plain text,
   not links, because opening them needs an account. */

.osnova { max-width: 720px; margin: 0 auto; }
.osnova h1 { font-size: 30px; line-height: 1.2; margin: 0 0 var(--s-2); }
.osnova-kategoria { font-family: var(--mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--accent); margin: 0 0 var(--s-1); }
.osnova-popis { font-family: var(--serif); font-size: 17px; line-height: 1.6; margin: 0 0 var(--s-2); }
.osnova-vyzva { margin: var(--s-5) 0 var(--s-6); }
.osnova-tlacidla { display: flex; flex-wrap: wrap; gap: var(--s-2); margin: var(--s-3) 0 0; }
.osnova h2 { font-size: 20px; margin: 0 0 var(--s-3); padding-bottom: 6px; border-bottom: 1px solid var(--border); }

.osnova-temy { list-style: none; padding: 0; margin: 0; }
.osnova-temy > li { display: flex; gap: var(--s-3); padding: var(--s-3) 0; border-bottom: 1px solid var(--border); }
.osnova-cislo { font-family: var(--mono); color: var(--muted); min-width: 2ch; padding-top: 2px; }
.osnova-temy h3 { font-size: 16px; margin: 0; }
.osnova-temy ul { margin: var(--s-1) 0 0; padding-left: 18px; color: var(--muted); font-size: 15px; }