/* Gemeinsame Grundgestaltung unverändert aus Logicals 2: familie.css. */
.view-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.view-example{min-width:0;margin:0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 40px #203d3408}.view-example figcaption{margin-bottom:18px}.view-example figcaption strong{display:block;font-size:24px;line-height:1.25;color:var(--green)}.view-example figcaption span{display:block;font-size:14px;line-height:1.5;color:var(--muted);margin-top:8px}.view-example-student{background:#eef2e7}.view-enlarge{display:block;border-radius:14px;overflow:hidden;text-decoration:none}.view-enlarge img{display:block;width:100%;height:auto}.view-enlarge-label{display:block;text-align:right;padding:9px 1px 0;color:var(--green);font-size:12px;font-weight:700}.view-enlarge:hover .view-enlarge-label,.view-enlarge:focus-visible .view-enlarge-label{text-decoration:underline}.view-enlarge:focus-visible{outline:3px solid var(--green);outline-offset:4px}.view-comparison-note{text-align:center;font-size:16px;color:var(--muted);margin:22px auto 0}
@media(max-width:680px){.view-comparison{grid-template-columns:1fr;gap:20px}.view-example{padding:14px;border-radius:20px}.view-example figcaption strong{font-size:22px}.view-comparison-note{font-size:14px}}
.hero h1{max-width:10ch}.hero-art .lernseher-logo{width:78%;max-width:410px;border-radius:27%;transform:rotate(-5deg);box-shadow:0 25px 55px #203d3420}.hero-art:before{inset:0;background:#e5ecd9}.hero-art{min-height:450px}.hero-note{position:absolute;bottom:1%;right:0;background:var(--yellow);color:var(--ink);border-radius:15px;padding:11px 20px;font-weight:750;font-size:16px;transform:rotate(3deg)}
.mode-number{font-size:48px;font-weight:750;color:var(--green);font-family:ui-rounded,sans-serif;letter-spacing:-.06em}.stage-title{min-width:0;overflow-wrap:anywhere;hyphens:auto}.stage-title a{color:var(--ink);text-decoration:none}.stage-title a:hover{text-decoration:underline}.stage p a{font-size:14px;white-space:nowrap}.card-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.card-examples figure{padding:14px;background:white;border:1px solid var(--line);border-radius:20px}.card-examples img{display:block;border-radius:12px;width:100%;aspect-ratio:1;object-fit:contain}.card-examples figcaption{font-size:16px;text-align:center;margin-top:12px;font-weight:650}.plain-note{font-size:14px;color:var(--muted);margin-top:20px}.compact-facts{margin-top:24px}.guide-links{display:flex;gap:10px 20px;flex-wrap:wrap;margin-top:22px}.guide-links a{font-size:16px;font-weight:650}.prose ol{padding-left:25px;margin:16px 0 28px}.prose table{border-collapse:collapse;width:100%;font-size:16px;margin:20px 0 30px}.prose th,.prose td{text-align:left;vertical-align:top;padding:14px 12px;border-bottom:1px solid var(--line)}.prose th{background:#e7eee2}.prose caption{text-align:left;font-weight:700;margin-bottom:10px}.prose .platform{font-size:14px;display:inline-block;padding:3px 10px;background:#e7eee2;border-radius:8px;letter-spacing:0}.prose .mini{font-size:15px;color:var(--muted)}.guide-intro{margin-bottom:32px}.guide-intro a{font-weight:700}.contents{max-height:calc(100vh - 60px);overflow-y:auto;padding:5px 8px 8px 5px}.prose section{scroll-margin-top:30px}.prose section+section{margin-top:52px;padding-top:8px;border-top:1px solid var(--line)}.prose section h2{margin-top:24px}.prose section:first-child h2{margin-top:0}.prose .quick-reference{background:#fff;padding:24px;border:1px solid var(--line);border-radius:20px}.prose .quick-reference h3{margin-top:0}.button-quiet{background:transparent;color:var(--green)}.button-quiet:hover{color:white}.page-heading .actions{margin-top:20px}.footer-bottom a{color:inherit}.version-note{font-size:13px;color:var(--muted);margin-top:10px}.prose details[open] summary{margin-bottom:18px}
@media(max-width:950px){.hero-art{min-height:350px}.hero-note{font-size:13px;padding:9px 14px}.card-examples{gap:14px}.content-layout{grid-template-columns:180px minmax(0,1fr);gap:35px}}
@media(max-width:680px){.hero h1{max-width:10ch;font-size:clamp(3.1rem,13vw,4.8rem)}.hero-art{min-height:260px;max-width:290px}.hero-note{bottom:0;right:10px}.hero-copy>p:not(.eyebrow){max-width:none}.card-examples{grid-template-columns:1fr}.card-examples figure{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:18px;padding:12px}.card-examples figcaption{margin:0;text-align:left}.mode-number{font-size:36px}.prose table{font-size:14px}.prose td,.prose th{padding:10px 7px}.contents{max-height:none;overflow:visible}.prose section+section{margin-top:35px}.hero-note{white-space:nowrap}.content-layout{display:block}}
@media print{.hero-art,.guide-intro,.guide-links,.legal-links{display:none}.prose section{border:0;margin-top:28px;padding:0}.prose h2{font-size:19pt}.prose h3{font-size:14pt}.prose p,.prose li{orphans:3;widows:3}.prose table{font-size:10pt}.prose tr{break-inside:avoid}.prose .callout{background:#f3f3f3}.prose .quick-reference{padding:12px}.page-heading{margin-bottom:20px}.prose figure{max-width:85%;margin:18px auto}}