/* A visual reading rhythm, using the existing homepage palette and type.
   Copy stays in the document, in its original reading order. */
.vr-figure {margin:0;min-width:0;align-self:center;}
.vr-figure img {display:block;width:100%;height:auto;border-radius:6px;}
.vr-photo img {aspect-ratio:4/3;object-fit:cover;}
body.ws26-sub.ws26-dna .section.vr-guide {--dna-content:1040px;padding-top:20px;padding-bottom:48px;gap:0;}
.vr-chapter {display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:36px;width:100%;box-sizing:border-box;padding:32px 24px;margin:0;border-top:1px solid var(--ws-line);}
.vr-chapter:first-child {border-top:0;}
.vr-chapter:nth-child(3n+2) {background:#f6f7fc;border-radius:6px;border-color:transparent;}
.vr-chapter:nth-child(3n+2) + .vr-chapter {border-top-color:transparent;}
.vr-chapter-head {min-width:0;}
body.ws26-sub.ws26-dna .vr-chapter-head h2,
body.ws26-sub.ws26-dna .vr-chapter-head h3 {font-size:23px;line-height:1.25;font-weight:400;margin:0!important;letter-spacing:-.015em;}
.vr-chapter-head .vr-figure {margin-top:24px;}
.vr-chapter-body {min-width:0;}
body.ws26-sub.ws26-dna .vr-chapter-body > p {max-width:72ch;margin:0 0 16px;line-height:1.75;}
body.ws26-sub.ws26-dna .vr-chapter-body > :last-child {margin-bottom:0!important;}
body.ws26-sub.ws26-dna .vr-chapter-body > :first-child {margin-top:0!important;}
body.ws26-sub.ws26-dna .vr-chapter-body .ws-hilfe-merk {margin-top:24px;background:#eaf8f2;border-left:3px solid var(--ws-mint);}
body.ws26-sub.ws26-dna .vr-chapter-body :is(ul,ol) {margin-block:18px;}
body.ws26-sub.ws26-dna .vr-chapter-body .ws-hilfe-schritte {margin-top:0;}
.vr-chapter-body .ws-hilfe-tabelle {background:rgba(255,255,255,.7);}
/* A legal chapter keeps its heading attached to the full text. */
body.ws26-sub.ws26-dna .section.vr-legal {--dna-content:1000px;}
.vr-legal-chapter {grid-template-columns:minmax(0,220px) minmax(0,1fr);padding-block:28px;}
body.ws26-sub.ws26-dna .vr-legal-chapter .vr-chapter-head h3 {font-size:20px;}
.vr-legal-chapter .vr-chapter-body {overflow-wrap:anywhere;}
/* Existing introductory statements become a visible point of entry. */
body.ws26-sub.ws26-dna .section .vr-reading-panel {display:block;padding:28px!important;background:#fff!important;border:1px solid var(--ws-line);}
body.ws26-sub.ws26-dna .section .vr-reading-panel.vr-reading-illustrated {display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:center;}
body.ws26-sub.ws26-dna .section .vr-reading-panel > .vr-reading-lead {font-size:18px;line-height:1.65;font-weight:400;color:var(--ws-navy);max-width:65ch;margin:0 0 24px;}
body.ws26-sub.ws26-dna .section .vr-reading-panel.vr-reading-illustrated > .vr-reading-lead {margin:0;}
.vr-reading-body {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px;grid-column:1/-1;padding-top:24px;border-top:1px solid var(--ws-line);}
body.ws26-sub.ws26-dna .section .vr-reading-body > p {font-size:15px;line-height:1.75;margin:0!important;min-width:0;}
.vr-reading-body > p:last-child:nth-child(odd) {grid-column:1/-1;padding:20px 24px;border-radius:4px;background:#f3f5fb;border-left:3px solid #8a91bd;}
body.ws26-sub.ws26-dna .section.s26-sf--mid .vr-reading-panel {background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.2);}
body.ws26-sub.ws26-dna .section.s26-sf--mid .vr-reading-panel :is(p,strong) {color:#fff!important;}
.section.s26-sf--mid .vr-reading-body {border-top-color:rgba(255,255,255,.2);}
.section.s26-sf--mid .vr-reading-body > p:last-child:nth-child(odd) {background:rgba(255,255,255,.06);border-left-color:var(--ws-mint);}
body.ws26-sub.ws26-dna .vr-check-panel > ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;margin:24px 0;}
body.ws26-sub.ws26-dna .vr-check-panel > ul > li {font-size:15px;line-height:1.6;}
/* Text and a relevant image share a chapter rather than adding a spacer. */
body.ws26-sub.ws26-dna .s26-split.vr-story {grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;}
.vr-story-copy {min-width:0;}
.vr-story-copy > div + div {margin-top:24px;padding-top:20px;border-top:1px solid var(--ws-line);}
.section.s26-sf--mid .vr-story-copy > div + div {border-color:rgba(255,255,255,.2);}
body.ws26-sub.ws26-dna .section .vr-story-copy :is(.s26-split__t,p) {max-width:65ch;}
.vr-story .vr-figure {width:100%;}
body.ws26-sub.ws26-dna .section:not(.s26-sf--mid):not(.s26-sf--deep) .s26-split:not(.vr-story) > div:nth-child(2) {background:#f4f6fc;border-left:3px solid #cbd2e8;padding:24px;border-radius:0 6px 6px 0;box-sizing:border-box;}
body.ws26-sub.ws26-dna .section:not(.s26-sf--mid):not(.s26-sf--deep) .s26-split:not(.vr-story) > div:nth-child(2) > :last-child {margin-bottom:0;}
body.ws26-sub.ws26-dna .vr-studio-story {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:40px;background-image:none;align-items:center;padding-left:0;}
.vr-studio-copy {min-width:0;}
body.ws26-sub.ws26-dna .vr-studio-story .vr-studio-copy p {max-width:65ch;}
/* Secondary purchase information becomes one quiet, readable object. */
body.ws26-sub.ws26-dna .ws26p-note {padding:24px;background:#f5f6fb;border:1px solid var(--ws-line);border-radius:6px;columns:2 30ch;column-gap:32px;max-width:100%;box-sizing:border-box;}
body.ws26-sub.ws26-dna .ws26u-fuss {padding:20px 24px;border-left:3px solid #cbd2e8;background:#f8f9fc;max-width:76ch;box-sizing:border-box;}
body.ws26-sub.ws26-dna .ws26gzw__zeile:nth-child(odd) {background:#f7f8fc;padding-inline:24px;}
body.ws26-sub.ws26-dna .ws26gzw__zeile:nth-child(even) {padding-inline:24px;}
/* Homepage: same voice, more distinct visual chapters. */
body.vr-home .sec-duo .wrap {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:52px;align-items:start;max-width:1110px;}
body.vr-home .sec-duo .wrap > :is(h2,p,.cta-left) {grid-column:1;max-width:100%;text-align:left;}
body.vr-home .sec-duo .wrap > h2 {margin:0 0 24px;}
body.vr-home .sec-duo .wrap > p.lead {font-size:17px;line-height:1.7;}
body.vr-home .sec-duo .vr-home-mixer {grid-column:2;grid-row:1/span 4;align-self:center;margin:0;min-width:0;}
body.vr-home .vr-home-mixer img {width:100%;height:auto;display:block;border-radius:6px;}
body.vr-home .cmp-table tbody tr:nth-child(odd) {background:#f5f6fc;}
body.vr-home .cmp-table tbody td:first-child {font-weight:600;}
body.vr-home .cmp-table tbody td:last-child {background:rgba(35,45,130,.035);}
body.vr-home .sec-radio .weiche-zwei__item:nth-child(2) {padding:28px 32px;background:var(--ws-navy-grad,linear-gradient(125deg,#161c70,#292e92));border:0;border-radius:6px;}
body.vr-home .sec-radio .weiche-zwei__item:nth-child(2) :is(b,p,li) {color:#fff!important;}
body.vr-home .sec-radio .weiche-zwei {align-items:center;}
body.vr-home .heritage-split {gap:44px;align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
body.vr-home .heritage-split__bild img {width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;border-radius:6px;}
body.vr-home .sec-heritage .stat-rail {background:#fff;border-radius:6px;padding:24px;}
body.vr-home .einwand-grid--objekt {background:#f6f7fc;}
/* The final tick's border belongs inside the track. Mobile retains its
   760px timeline and native scrolling; playback following stays unchanged. */
body.vr-home .pv__tick--ende {transform:translateX(-100%);}
@media(min-width:900px) {
  body.vr-home .pv__viewport {overflow-x:hidden;}
  body.vr-home .pv__grid {min-width:0;width:calc(100% - 4px);}
}
@media(max-width:1000px) {
  .vr-chapter,.vr-legal-chapter {grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:24px;padding-inline:20px;}
  body.ws26-sub.ws26-dna .section .vr-reading-panel.vr-reading-illustrated {grid-template-columns:minmax(0,1fr) 170px;gap:24px;}
  body.ws26-sub.ws26-dna .vr-studio-story {gap:28px;}
  body.vr-home .sec-duo .wrap {column-gap:32px;}
}
@media(max-width:767px) {
  .vr-chapter,.vr-legal-chapter {grid-template-columns:minmax(0,1fr);gap:18px;padding:24px 18px;}
  .vr-chapter-head:has(.vr-figure) {display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:16px;align-items:center;}
  .vr-chapter-head .vr-figure {margin:0;}
  body.ws26-sub.ws26-dna .vr-chapter-head h2 {font-size:24px;}
  body.ws26-sub.ws26-dna .section .vr-reading-panel {padding:22px!important;}
  body.ws26-sub.ws26-dna .section .vr-reading-panel.vr-reading-illustrated {grid-template-columns:minmax(0,1fr);gap:20px;}
  .vr-reading-illustrated > .vr-figure {max-width:240px;justify-self:center;}
  .vr-reading-body {grid-template-columns:minmax(0,1fr);gap:20px;}
  .vr-reading-body > p:last-child:nth-child(odd) {padding:18px;}
  body.ws26-sub.ws26-dna .vr-check-panel > ul {grid-template-columns:minmax(0,1fr);}
  body.ws26-sub.ws26-dna .s26-split.vr-story,body.ws26-sub.ws26-dna .vr-studio-story {grid-template-columns:minmax(0,1fr);gap:24px;}
  .vr-story > .vr-figure:not(.vr-photo) {max-width:300px;justify-self:center;}
  .vr-photo img {aspect-ratio:16/10;}
  body.ws26-sub.ws26-dna .ws26p-note {columns:auto;padding:20px;}
  body.ws26-sub.ws26-dna .ws26u-fuss {padding:18px;}
  body.ws26-sub.ws26-dna .ws26gzw__zeile:nth-child(n) {padding-inline:18px;}
  body.vr-home .sec-duo .wrap {grid-template-columns:minmax(0,1fr);}
  body.vr-home .sec-duo .vr-home-mixer {grid-column:1;grid-row:3;margin:8px 0 28px;max-width:480px;}
  body.vr-home .sec-duo .wrap > p.lead {font-size:16px;}
  body.vr-home .heritage-split {grid-template-columns:minmax(0,1fr);gap:28px;}
  body.vr-home .sec-radio .weiche-zwei__item:nth-child(2) {padding:24px;}
  body.vr-home .sec-heritage .stat-rail {padding:18px;}
}