/* Puck Editorial: existing type, three colors, no decorative imagery. */
.timeline-page {
  --wide: 1140px;
  --text-small: clamp(.8rem,.76rem + .2vw,.9rem);
  --text-body: clamp(1rem,.96rem + .25vw,1.125rem);
  --text-title: clamp(1.7rem,1.2rem + 1.6vw,2.5rem);
  --text-chapter: clamp(2.1rem,1.3rem + 2.7vw,3.8rem);
  --text-hero: clamp(3.4rem,1.7rem + 5.4vw,6.8rem);
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px;
  --space-10: 40px; --space-12: 48px; --space-16: 64px;
  --space-20: 80px; --space-24: 96px;
  font-size: var(--text-body);
}
.timeline-page main {max-width: none; margin: 0; padding: 0;}
.timeline-page h1,.timeline-page h2,.timeline-page h3 {font-weight:400; text-wrap:balance;overflow-wrap:anywhere;}
.timeline-page p,.timeline-page a,.timeline-page summary {overflow-wrap:anywhere;}
.timeline-page a:focus-visible,.timeline-page summary:focus-visible {outline:2px solid var(--moss);outline-offset:5px;}
.masthead,.opening,.chapter-nav,.chapters,.closing,.timeline-footer {width:min(calc(100% - 2 * var(--gutter)),var(--wide));margin-inline:auto;}
.masthead {display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-6);gap:var(--space-6);border-bottom:1px solid var(--black);}
.brand {display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-body);text-decoration:none;color:var(--black);}
.brand img {width:42px;height:42px;object-fit:contain;}
.header-contact {font-size:var(--text-small);min-height:44px;display:flex;align-items:center;gap:var(--space-4);}
.opening {padding-block:var(--space-12) var(--space-20);}
.opening-meta {display:flex;justify-content:space-between;gap:var(--space-4);font-size:var(--text-small);letter-spacing:.06em;}
.opening-grid {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--space-16);align-items:center;margin-top:var(--space-10);}
.opening-copy {min-width:0;}
.opening h1 {font-family:var(--display);font-size:clamp(3.2rem,1.6rem + 3.8vw,5.7rem);line-height:1.06;letter-spacing:-.035em;margin:0 0 var(--space-8);max-width:18ch;}
.opening-note {font-size:var(--text-small);line-height:1.7;margin-bottom:var(--space-6);}
.opening-lede {font-size:clamp(1.2rem,1rem + .65vw,1.5rem);line-height:1.5;max-width:48ch;}
.opening-sub {margin-top:var(--space-5);max-width:54ch;}
.opening-portrait {margin:0;min-width:0;}
.opening-portrait img {width:100%;height:auto;display:block;}
.opening-portrait figcaption {font-size:var(--text-small);line-height:1.5;margin-top:var(--space-3);}
.reading-link {display:inline-flex;gap:var(--space-6);align-items:center;margin-top:var(--space-6);min-height:44px;font-size:var(--text-small);}
.chapter-nav {position:sticky;top:0;z-index:5;background:var(--white);display:flex;justify-content:space-between;gap:var(--space-3);border-block:1px solid var(--black);padding-block:var(--space-3);}
.chapter-nav a {display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-small);text-decoration:none;min-height:44px;padding:var(--space-1);}
.chapter-nav a span {font-variant-numeric:tabular-nums;}
.chapter {scroll-margin-top:var(--space-24);padding-top:var(--space-24);}
.chapter-heading {display:grid;grid-template-columns:160px 1fr;gap:var(--space-10);padding-bottom:var(--space-12);align-items:start;}
.chapter-number {font-family:var(--display);font-size:var(--text-chapter);line-height:1;}
.chapter-period {font-size:var(--text-small);margin-bottom:var(--space-3);font-variant-numeric:tabular-nums;}
.chapter-heading h2 {font-family:var(--display);font-size:var(--text-chapter);line-height:1.14;letter-spacing:-.02em;max-width:22ch;}
.life-list {list-style:none;margin:0;padding:0;}
.life-entry {display:grid;grid-template-columns:160px 1fr;gap:var(--space-10);margin:0;}
.life-date {padding-top:var(--space-2);font-size:var(--text-small);line-height:1.6;font-variant-numeric:tabular-nums;max-width:17ch;}
.life-story {border-left:1px solid var(--black);padding:0 0 var(--space-16) var(--space-10);position:relative;min-width:0;}
.life-story:before {content:"";position:absolute;top:9px;left:-4px;width:7px;height:7px;background:var(--black);border-radius:50%;}
.life-tag {font-size:var(--text-small);letter-spacing:.025em;margin-bottom:var(--space-3);line-height:1.5;}
.life-story h3 {font-family:var(--display);font-size:var(--text-title);line-height:1.16;letter-spacing:-.01em;margin:0 0 var(--space-5);max-width:26ch;}
.life-story > p:not(.life-tag),.more-story p {line-height:1.65;max-width:65ch;margin:0 0 var(--space-4);}
.life-story > p:last-child {margin-bottom:0;}
.life-story details {margin-top:var(--space-5);max-width:65ch;}
.life-story summary {color:var(--moss);cursor:pointer;width:fit-content;min-height:44px;padding-block:var(--space-2);font-size:var(--text-small);text-decoration:underline;text-underline-offset:4px;}
.life-story summary:hover {color:var(--white);background:var(--moss);}
.more-story {padding-top:var(--space-3);}
.support {border-top:1px solid var(--black);margin-top:var(--space-6);padding-top:var(--space-4);font-size:var(--text-small);max-width:65ch;}
.support p {margin:0;line-height:1.6;}
.closing {border-top:1px solid var(--black);padding-block:var(--space-16);scroll-margin-top:var(--space-24);}
.closing h2 {font-family:var(--display);font-size:var(--text-hero);line-height:1.05;letter-spacing:-.03em;margin-block:var(--space-6) var(--space-10);}
.closing-bottom {display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-12);}
.closing-bottom p {max-width:58ch;line-height:1.65;}
.contact-button {display:inline-flex;gap:var(--space-8);white-space:nowrap;align-items:center;min-height:48px;}
.contact-address {margin-top:var(--space-6);font-size:var(--text-small);}
.timeline-footer {display:flex;justify-content:space-between;gap:var(--space-6);border-top:1px solid var(--black);padding-block:var(--space-6);font-size:var(--text-small);}
.timeline-footer nav {display:flex;gap:var(--space-6);flex-wrap:wrap;}
.timeline-footer a {display:inline-flex;align-items:center;min-height:44px;}
@media(max-width:800px){
  .chapter-nav {position:static;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-2) var(--space-5);}
  .chapter-heading,.life-entry {grid-template-columns:115px 1fr;gap:var(--space-6);}
  .life-story {padding-left:var(--space-6);}
  .opening-grid {display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6);}
  .opening-copy {display:contents;}
  .opening h1 {order:0;margin-bottom:0;}
  .opening-portrait {order:1;width:100%;max-width:440px;}
  .opening-note {order:2;max-width:none;margin-bottom:0;}
  .opening-lede {order:3;}
  .opening-sub {order:4;margin-top:0;}
  .reading-link {order:5;margin-top:0;}
  .closing-bottom {display:block;}
  .contact-button {margin-top:var(--space-6);}
}
@media(max-width:540px){
  .masthead {gap:var(--space-3);padding-block:var(--space-4);}
  .brand {font-size:var(--text-small);gap:var(--space-2);}
  .brand img {width:32px;height:32px;}
  .header-contact {gap:var(--space-2);}
  .opening {padding-block:var(--space-8) var(--space-12);}
  .opening-meta {display:block;line-height:1.7;}
  .opening-meta span {display:block;}
  .opening h1 {margin:0;}
  .opening-grid {margin-top:var(--space-8);}
  .chapter {padding-top:var(--space-16);}
  .chapter-heading {grid-template-columns:44px 1fr;gap:var(--space-4);padding-bottom:var(--space-8);}
  .chapter-number {font-size:var(--text-title);}
  .life-entry {display:block;margin-left:var(--space-2);border-left:1px solid var(--black);}
  .life-date {max-width:none;padding:0 0 var(--space-3) var(--space-5);font-size:var(--text-small);}
  .life-story {border-left:0;padding:0 0 var(--space-12) var(--space-5);}
  .life-story:before {top:8px;}
  .life-story h3 {font-size:var(--text-title);}
  .timeline-footer {display:block;}
  .timeline-footer nav {margin-top:var(--space-3);}
  .closing {padding-block:var(--space-12);}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
@media print {
  .chapter-nav,.header-contact,.reading-link,.contact-button,.timeline-footer nav{display:none;}
  .chapter,.closing {padding-top:24px;}
  .chapter-heading {break-after:avoid;}
  .life-story {break-inside:avoid;}
  .timeline-page {font-size:11pt;}
  .opening h1,.closing h2{font-size:40pt;}
}

/* Teilbare Beitraege: Karte, Teilen-Leiste, Einzelseite (v20261025) */
.life-card{margin:0 0 var(--space-6);max-width:560px}
.life-card img{display:block;width:100%;height:auto;border:1px solid var(--black)}
.share-row{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);align-items:center;margin-top:var(--space-5);max-width:65ch;font-size:var(--text-small)}
.share-row a,.share-row button{font:inherit;color:var(--moss);background:none;border:0;padding:var(--space-2) 0;min-height:44px;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.share-row a:hover,.share-row button:hover,.share-row a:focus-visible,.share-row button:focus-visible{color:var(--white);background:var(--moss);text-decoration:none;padding-inline:var(--space-2)}
.share-row .is-done{color:var(--black);text-decoration:none}
.life-story > p:last-child{margin-bottom:0}
.entry-page .entry{width:min(calc(100% - 2 * var(--gutter)),760px);margin-inline:auto;padding-block:var(--space-12) var(--space-20)}
.entry-context{font-size:var(--text-small);letter-spacing:.04em;margin-bottom:var(--space-10)}
.entry-context a{color:var(--moss)}
.entry-page .life-date{padding:0;max-width:none;margin-bottom:var(--space-2)}
.entry-page h1{font-family:var(--display);font-size:clamp(2.2rem,1.4rem + 2.6vw,3.6rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 var(--space-8);max-width:22ch}
.entry-page .life-card{max-width:none;margin-bottom:var(--space-10)}
.entry-body p{line-height:1.65;max-width:65ch;margin:0 0 var(--space-4)}
.entry-body details{margin-top:var(--space-5);max-width:65ch}
.entry-body summary{color:var(--moss);cursor:pointer;width:fit-content;min-height:44px;padding-block:var(--space-2);font-size:var(--text-small);text-decoration:underline;text-underline-offset:4px}
.entry-body .more-story{padding-top:var(--space-3)}
.entry-page .share-row{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--black)}
.entry-back{margin-top:var(--space-8);font-size:var(--text-small)}
.entry-back a{display:inline-flex;align-items:center;gap:var(--space-4);min-height:44px}
.entry-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-top:var(--space-16);padding-top:var(--space-6);border-top:1px solid var(--black)}
.entry-nav a{text-decoration:none;font-family:var(--display);font-size:clamp(1.1rem,1rem + .5vw,1.35rem);line-height:1.25}
.entry-nav a span{display:block;font-family:var(--body,inherit);font-size:var(--text-small);letter-spacing:.04em;margin-bottom:var(--space-2)}
.entry-nav .entry-next{text-align:right;justify-self:end}
@media(max-width:540px){.entry-nav{grid-template-columns:1fr}.entry-nav .entry-next{text-align:left;justify-self:start}.life-card{max-width:none}}
@media print{.share-row,.entry-nav{display:none}}