/* Ergänzung zur bestehenden Gestaltung; Diagramme, keine App-Screenshots. */
.hero h1{font-size:clamp(2.8rem,5.5vw,5rem)}
.reflow-example{margin:36px 0 0;padding:28px;border:1px solid var(--line);border-radius:12px}
.example-pair{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.example-label{display:block;font-size:.9rem;font-weight:650;margin-bottom:14px}
.example-sheet{border:1px solid #bccfd5;border-top:4px solid var(--teal);padding:22px;background:#fff;min-height:185px;color:var(--ink);overflow:auto}
.example-sheet p{font-family:Georgia,serif;margin:0}
.fixed-lines{container-type:inline-size;overflow:hidden}
.fixed-lines p{font-size:min(.875rem,3.8cqw);white-space:nowrap}
.flowing-lines{border-top-color:var(--gold)}
.flowing-lines p{font-size:1.25rem;max-width:24ch;line-height:1.5}
.typesetting-intro{max-width:760px;margin-bottom:24px}.typesetting-intro h3{margin-bottom:9px}.typesetting-intro p{color:var(--muted)}
.typesetting-example .example-pair{grid-template-columns:repeat(2,minmax(0,31rem));justify-content:center}
.typeset-sheet{display:block;width:31rem;max-width:100%;height:auto}
.example-note{font-size:.84rem;line-height:1.55;color:var(--muted);margin:13px 0 0}
figcaption{font-size:.875rem;color:var(--muted);margin-top:16px}
.ocr-example{margin:26px 0 0}.ocr-example ol{padding:0;list-style:none;border-left:2px solid #aac5ce;margin-left:10px}
.ocr-example li{position:relative;margin:0 0 22px;padding-left:22px}
.ocr-example li::before{content:"";position:absolute;left:-6px;top:9px;width:10px;height:10px;border-radius:50%;background:var(--teal)}
.ocr-example li:last-child::before{background:#b88922}
.ocr-example strong,.ocr-example span{display:block}.ocr-example span{font-size:.9rem;color:var(--muted)}
@media(max-width:1100px){.typesetting-example .example-pair{grid-template-columns:minmax(0,31rem);justify-content:start}}
@media(max-width:600px){.hero-grid>div:first-child,.example-pair>*{width:100%;min-width:0}.example-pair{grid-template-columns:1fr;gap:24px}.typesetting-example .example-pair{grid-template-columns:minmax(0,1fr)}.reflow-example{padding:20px}.example-sheet{padding:16px;min-height:0}.brand{font-size:1rem}.brand img{width:40px}.navlinks .nav-download{padding:7px 10px}.hero h1{font-size:2.8rem}}

/* Navigation plus Einstieg füllen mindestens den ersten Bildschirm. Inhalt
   darf auf kleinen Displays weiterhin höher werden. */
.hero{min-height:calc(100vh - 96px);min-height:calc(100svh - 96px);display:flex;align-items:center}
.hero>.wrap{width:100%}
@media(max-width:600px){.hero{min-height:calc(100vh - 80px);min-height:calc(100svh - 80px)}}

/* Ausklappbare technische Details (11.11.2026) */
details.tech{margin-top:14px;font-size:.92rem}details.tech summary{cursor:pointer;color:var(--teal);font-weight:650}details.tech[open] summary{margin-bottom:10px}details.tech p{color:var(--muted)}details.tech .feature-grid{margin-top:10px}.privacy ul{color:var(--muted);padding-left:1.2rem;margin:0 0 1.2rem}.privacy li{margin-bottom:.6rem}