/* Shared reading rhythm for the method, founder and practical tools. */
[data-page] { --zr-page-reading: 72ch; }
[data-page] > section { background: none; border: 0; border-top: 1px solid var(--zr2-line); border-radius: 0; box-shadow: none; padding: var(--zr2-space-7) 0; margin: 0; }
[data-page] > section > :is(p,ul,ol) { max-width: var(--zr-page-reading); }
.zr-page-hero { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: var(--zr2-space-8); align-items: center; margin-bottom: var(--zr2-space-8); }
.zr-page-hero > div { min-width: 0; }
.zr-page-hero h1 { font-size: var(--zr2-type-display-section); max-width: 22ch; text-wrap: balance; }
.zr-page-hero .lead { margin-bottom: var(--zr2-space-5); font-size: var(--zr2-type-lead); line-height: 1.6; max-width: 52ch; }
.zr-page-primary { display: inline-flex; align-items: center; justify-content: center; gap: var(--zr2-space-2); min-height: 48px; padding: var(--zr2-space-3) var(--zr2-space-5); border-radius: var(--zr2-radius-control); background: var(--zr2-action); color: var(--zr2-action-ink) !important; font-weight: 650; text-decoration: none; line-height: 1.4; }
.zr-page-primary:hover { background: var(--zr2-action-hover); }
.zr-tool-photo { margin: 0; min-width: 0; }
.zr-tool-photo img { display: block; width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; border-radius: var(--zr2-radius-card); }
.zr-tool-photo figcaption { color: var(--zr2-muted); font-size: var(--zr2-type-label); margin-top: var(--zr2-space-2); }
.zr-tool-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--zr2-space-5); list-style: none; margin: var(--zr2-space-6) 0; padding: 0; }
.zr-tool-steps li { display: flex; gap: var(--zr2-space-3); align-items: flex-start; min-width: 0; }
.zr-tool-steps li > span { font-family: var(--zr2-font-data); font-size: var(--zr2-type-small); display: grid; place-items: center; width: 32px; height: 32px; flex: 0 0 32px; border: 1px solid var(--zr2-line-strong); border-radius: var(--zr2-radius-pill); color: var(--zr2-muted); }
.zr-tool-steps strong { font-weight: 650; font-size: var(--zr2-type-body); }
.zr-tool-steps p { color: var(--zr2-body); font-size: var(--zr2-type-small); margin: var(--zr2-space-1) 0 0; line-height: 1.5; }
.zr-method-map, .zr-model-visual { background: var(--zr2-surface); border: 1px solid var(--zr2-line); border-radius: var(--zr2-radius-card); padding: var(--zr2-space-6); }
.zr-visual-label { color: var(--zr2-muted); font-size: var(--zr2-type-small); margin: 0 0 var(--zr2-space-4); }
.zr-method-map .zr-tool-steps { grid-template-columns: 1fr; gap: var(--zr2-space-5); }
.zr-method-map .small { border-top: 1px solid var(--zr2-line); padding-top: var(--zr2-space-4); margin-bottom: 0; }
.zr-model-visual > div { display: grid; gap: var(--zr2-space-3); margin-bottom: var(--zr2-space-5); }
.zr-model-visual span { padding: var(--zr2-space-3) var(--zr2-space-4); border: 1px solid var(--zr2-line-strong); border-radius: var(--zr2-radius-control); font-weight: 650; }
.zr-model-visual > p:not(.zr-visual-label) { font-size: var(--zr2-type-small); color: var(--zr2-body); margin: 0 0 var(--zr2-space-3); }
.zr-model-visual small { font-size: var(--zr2-type-label); color: var(--zr2-muted); }
.zr-tool-boundaries { border-block: 1px solid var(--zr2-line); margin-block: var(--zr2-space-6); padding-block: var(--zr2-space-3); }
.zr-tool-boundaries summary { cursor: pointer; min-height: 44px; padding-block: var(--zr2-space-2); font-size: var(--zr2-type-body); }
.zr-tool-boundaries .workshop-boundaries { margin: var(--zr2-space-3) 0; }
[data-page] .zr-reading-nav { margin-block: var(--zr2-space-6); }
[data-page] .zr-reading-nav ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 var(--zr2-space-5); }
[data-page="methodik"] .zr-priority-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--zr2-space-4) var(--zr2-space-8); margin-block: var(--zr2-space-5); padding-left: var(--zr2-space-5); }
[data-page="methodik"] section p, [data-page="methodik"] section li { max-width: var(--zr-page-reading); }
[data-page="methodik"] .status { grid-template-columns: 1fr; }
[data-page="methodik"] .status > div { padding: var(--zr2-space-5); }
[data-page="methodik"] .status span { max-width: var(--zr-page-reading); display: block; margin-top: var(--zr2-space-3); }
[data-page="ueber-mich"] .story-hero { grid-template-columns: minmax(0,1fr) minmax(220px,.75fr); background: none; border: 0; box-shadow: none; padding: 0; gap: var(--zr2-space-9); }
[data-page="ueber-mich"] .story-hero > div { order: -1; }
[data-page="ueber-mich"] .portrait-frame { max-width: 360px; justify-self: end; width: 100%; }
[data-page="ueber-mich"] .story-grid { gap: var(--zr2-space-6); margin-top: var(--zr2-space-7); }
[data-page="ueber-mich"] .story-grid section { background: none; border: 0; box-shadow: none; padding: var(--zr2-space-5) 0; border-top: 1px solid var(--zr2-line); border-radius: 0; }
.zr-own-case { padding: var(--zr2-space-5); background: var(--zr2-surface); border: 1px solid var(--zr2-line); border-radius: var(--zr2-radius-control); }
.zr-own-case p { max-width: 70ch; margin-bottom: var(--zr2-space-3); }
.zr-own-case a,.zr-support-note a,.zr-text-link { display: inline-flex; align-items: center; min-height: 44px; font-weight: 650; }
.zr-page-close, .zr-support-note, .zr-next-tools { margin-top: var(--zr2-space-8); border-top: 1px solid var(--zr2-line); padding-top: var(--zr2-space-6); }
.zr-page-close p,.zr-support-note p { margin-bottom: var(--zr2-space-4); max-width: 68ch; }
.zr-next-tools > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--zr2-space-4); margin-block: var(--zr2-space-4); }
.zr-next-tools > div > a { display: block; padding: var(--zr2-space-5); border: 1px solid var(--zr2-line); border-radius: var(--zr2-radius-control); text-decoration: none; }
.zr-next-tools strong, .zr-next-tools span { display: block; }
.zr-next-tools span { color: var(--zr2-body); font-size: var(--zr2-type-small); margin-top: var(--zr2-space-2); }
[data-page="sparplan-rechner"] .zr-calculator-inputs { background: var(--zr2-surface); border: 1px solid var(--zr2-line); border-radius: var(--zr2-radius-card); padding: var(--zr2-space-6); }
.zr-calculator-inputs > p { margin-bottom: var(--zr2-space-5); color: var(--zr2-body); }
[data-page="sparplan-rechner"] .fld label { font-size: var(--zr2-type-small); color: var(--zr2-ink); }
[data-page="sparplan-rechner"] .fld input[type=number] { min-height: 52px; }
[data-page="sparplan-rechner"] .out .v { overflow-wrap: anywhere; font-size: clamp(1.25rem,2.8vw,2rem); }
:is(#scanner-start,#werkstatt-start,#annahmen,#ablauf) { scroll-margin-top: 100px; }
@media (max-width: 760px) {
  .zr-page-hero { grid-template-columns: 1fr; gap: var(--zr2-space-5); margin-bottom: var(--zr2-space-5); }
  .zr-page-hero h1 { max-width: none; }
  .zr-page-hero .lead { font-size: var(--zr2-type-body); margin-bottom: var(--zr2-space-4); }
  .zr-tool-photo img { aspect-ratio: 16/9; max-height: 220px; }
  .zr-tool-steps { grid-template-columns: 1fr; gap: var(--zr2-space-4); }
  .zr-method-map,.zr-model-visual { padding: var(--zr2-space-5); }
  [data-page] .zr-reading-nav ul,[data-page="methodik"] .zr-priority-list { grid-template-columns: 1fr; }
  [data-page="ueber-mich"] .story-hero { grid-template-columns: minmax(0,1fr); gap: var(--zr2-space-5); }
  [data-page="ueber-mich"] .portrait-frame { max-width: 240px; justify-self: start; margin: 0; }
  [data-page="ueber-mich"] .story-grid { grid-template-columns: 1fr; gap: 0; }
  [data-page="ueber-mich"] .story-grid .wide { grid-column: auto; }
  [data-page="ueber-mich"] .cta { padding: var(--zr2-space-5); }
  .zr-next-tools > div { grid-template-columns: 1fr; }
  [data-page="sparplan-rechner"] .zr-calculator-inputs { padding: var(--zr2-space-4); }
  [data-page="sparplan-rechner"] .grid { grid-template-columns: minmax(0,1fr); }
  [data-page] > section { padding-block: var(--zr2-space-5); }
  .zr-page-primary { width: 100%; box-sizing: border-box; }
}
@media (prefers-reduced-motion: reduce) { [data-page] * { scroll-behavior: auto; } }
@media print { .zr-next-tools, .zr-page-primary, .zr-tool-photo { display: none; } }