:root{--lv-char:.76ch}
.public-lesson{line-height:1.7;overflow-wrap:break-word;hyphens:manual;max-width:42rem}
.public-lesson:not(:has(p,ul,ol,dl)){white-space:pre-wrap}
.public-lesson h2,.public-lesson h3{overflow-wrap:break-word;hyphens:manual}
.public-lesson h2{font-family:Fraunces,Georgia,serif;font-size:1.35rem;font-weight:550;line-height:1.3;margin:1.6em 0 .5em}
.public-lesson h3{font-size:1.12rem;font-weight:650;margin:1.3em 0 .4em}
.public-lesson h2:first-child,.public-lesson h3:first-child{margin-top:0}
.public-lesson p,.public-lesson li,.public-lesson dt,.public-lesson dd{max-width:none;overflow-wrap:break-word;hyphens:manual}
.public-lesson p{margin:0 0 1em}
.public-lesson ul,.public-lesson ol{margin:.15em 0 1.15em;padding-left:1.5em}
.public-lesson li{margin:0 0 .55em;padding-left:.1em}
.public-lesson li:last-child{margin-bottom:0}
.public-lesson li::marker{color:#17645a}
.public-lesson strong{font-weight:700}
.public-lesson em{font-style:italic}
.public-lesson code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}
.public-honesty{margin:1.5em 0 0;color:#5a6f68;font-size:.92rem;font-style:italic}
.public-lesson dl,.public-lesson .public-self-check{display:block;grid-template-columns:none;gap:0;margin:0}
.public-lesson dt{font-weight:650;margin:1.15em 0 .3em}
.public-lesson dt:first-child{margin-top:.2em}
.public-lesson dd{margin:0 0 .2em;color:#314843}
#beispiel>h2,#selbstpruefung>h2{font-family:Fraunces,Georgia,serif;font-size:1.35rem;font-weight:550;line-height:1.3;margin:0 0 .7em;overflow-wrap:break-word;hyphens:manual}
#selbstpruefung{margin-block:2rem}
.public-scene-art{display:block;width:100%;max-height:380px;object-fit:cover;border-radius:20px;margin:24px 0}
/* Illustrated course discovery and detail. Reading stays quiet; covers are framed. */
.lv-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.lv-course-card{overflow:hidden;border:1px solid #d5dfdf;border-radius:20px;background:#fff}
.lv-course-card-link{display:block;color:inherit;text-decoration:none}
.lv-course-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#e7f0ec}
.lv-course-card-copy{padding:16px 20px 20px}
.lv-course-card-copy h2{font-size:1.25rem;margin:0 0 6px;hyphens:manual}
.lv-course-card-copy p{margin:0;color:#486460;font-size:.92rem}
.lv-course-card-link:hover h2,.lv-course-card-link:focus-visible h2{text-decoration:underline;text-underline-offset:4px}
.lv-course-card:focus-within{outline:3px solid #aa6137;outline-offset:4px}
.lv-course-card-link:focus-visible{outline:none}
/* Meaning-bearing field diagrams keep their full frame and a quiet background. */
.lv-course-card img[src$=".svg"],.lv-course-hero-art[src$=".svg"],.lv-lesson-thumb[src$=".svg"],.lv-topic-art[src$=".svg"]{object-fit:contain;background:#f4f7f5}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.lv-course-card img:not([src$=".svg"]),.lv-course-hero-art:not([src$=".svg"]),.lv-lesson-thumb:not([src$=".svg"]),.lv-topic-art:not([src$=".svg"]),.lv-lecture-art:not([src$=".svg"]),.public-scene-art{opacity:.12}}
@media(forced-colors:active){.lv-course-card img:not([src$=".svg"]),.lv-course-hero-art:not([src$=".svg"]),.lv-lesson-thumb:not([src$=".svg"]),.lv-topic-art:not([src$=".svg"]),.lv-lecture-art:not([src$=".svg"]),.public-scene-art{display:none}}
.lv-course-hero{margin:0 0 28px;max-width:850px}
.lv-course-hero-art{display:block;width:100%;max-height:360px;object-fit:cover;border-radius:20px;background:#e7f0ec}
.lv-course-start{margin:16px 0 0}
.lv-lesson-list{list-style:none;margin:0;padding:0;max-width:850px}
.lv-lesson-item{display:flex;gap:16px;padding:16px 0;border-top:1px solid #e2ebe7}
.lv-lesson-item:first-child{border-top:0}
.lv-lesson-thumb{flex:0 0 160px;width:160px;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#e7f0ec}
.lv-lesson-copy{min-width:0}
.lv-lesson-index{display:inline-block;font-size:.8rem;font-weight:700;color:#17645a;margin-bottom:4px}
.lv-lesson-copy h2{font-size:1.15rem;margin:0 0 6px;hyphens:manual}
.lv-lesson-copy p{margin:0;color:#486460;font-size:.95rem}
.lv-lesson-copy a{color:inherit}
.lv-lesson-copy a:hover{text-decoration:underline;text-underline-offset:4px}
.lv-topic-art,.lv-lecture-art{display:block;width:100%;max-height:340px;object-fit:cover;border-radius:20px;margin:0 0 24px;background:#e7f0ec}
@media(max-width:720px){.lv-course-grid{grid-template-columns:1fr}.lv-lesson-thumb{flex-basis:96px;width:96px}}

main{max-width:1120px}
.lv-page-intro{margin:0 0 24px;max-width:850px}
.lv-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lv-page-heading h1,.lv-page-intro h1,main>h1{font-size:clamp(2.25rem,3vw,3rem);line-height:1.15;letter-spacing:-.03em;max-width:none;margin:8px 0 0;overflow-wrap:anywhere;hyphens:manual}
.lv-page-lead{margin:16px 0 0;max-width:40rem}
.lv-page-switch{margin:12px 0 0}
.lv-share{display:inline-flex!important;align-items:center;min-height:44px;padding:8px 14px!important;border:1px solid #b2c7be!important;border-radius:999px!important;background:#fff!important;color:#173d3b!important;font:650 14px/1.4 Inter,system-ui,sans-serif!important;cursor:pointer}
.lv-share:hover{border-color:#17645a!important}
.lv-share:focus-visible{outline:3px solid #aa6137;outline-offset:3px}
[data-share-status]{margin-left:8px;color:#486460;font-size:14px}
[data-share-fallback]{display:block;width:100%;max-width:700px;padding:12px}
pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf2ef;padding:20px;border-radius:12px;max-width:100%}
.public-scene-pager{display:flex;justify-content:space-between;gap:20px;margin:28px 0;flex-wrap:wrap}
main>section,main>p,main>article,main>ol{max-width:850px}
main>button{margin-bottom:20px}
@media(max-width:900px){.lv-page-intro{margin-bottom:20px}.lv-page-heading h1{margin-top:4px}}
