/* Lesemodi, Szenenleser und Audioplayer dieser Geschichte. */

  :root {
    --ink: #173f3b;
    --deep: #103b35;
    --orange: #ef7048;
    --peach: #f8ddca;
    --blue: #d8edf0;
    --yellow: #f2db79;
    --sage: #dce8d5;
    --rose: #ecd0d2;
    --lilac: #ddd1e8;
    --paper: #fffdf8;
    --cream: #f7f1e7;
    --line: rgba(23,63,59,.14);
    --shadow: 0 18px 55px rgba(23,63,59,.10);
  }
  * { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body { margin: 0; background: var(--paper); color: var(--ink); font-family: Inter, Arial, sans-serif; }
  a { color: inherit; text-decoration: none; }
  button { font: inherit; color: inherit; }
  img { max-width: 100%; }
  .wrap { width: min(1180px,92vw); margin: auto; }
  .ann { background: var(--deep); color:#fff; text-align:center; padding:8px 12px; font-size:12px; }
  header { position:sticky; top:0; z-index:60; background:rgba(255,253,248,.96); backdrop-filter:blur(12px); border-bottom:1px solid var(--line); }
  .head { height:122px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
  .brand { display:flex; align-items:center; flex:0 0 auto; }
  .brand img { display:block; width:305px; height:auto; max-height:113px; object-fit:contain; }
  nav { display:flex; gap:26px; font-size:13px; font-weight:800; }
  .cta { background:var(--orange); color:#fff; padding:11px 16px; border-radius:999px; font-size:12px; font-weight:900; }
  .menu-toggle { display:none; width:46px; height:46px; padding:0; border:0; border-radius:50%; background:var(--deep); color:#fff; cursor:pointer; align-items:center; justify-content:center; }
  .menu-toggle-lines,.menu-toggle-lines::before,.menu-toggle-lines::after { display:block; width:20px; height:2px; border-radius:2px; background:currentColor; transition:transform .2s ease,opacity .2s ease; }
  .menu-toggle-lines { position:relative; }
  .menu-toggle-lines::before,.menu-toggle-lines::after { content:""; position:absolute; left:0; }
  .menu-toggle-lines::before { top:-6px; }
  .menu-toggle-lines::after { top:6px; }
  .menu-toggle[aria-expanded="true"] .menu-toggle-lines { background:transparent; }
  .menu-toggle[aria-expanded="true"] .menu-toggle-lines::before { top:0; transform:rotate(45deg); }
  .menu-toggle[aria-expanded="true"] .menu-toggle-lines::after { top:0; transform:rotate(-45deg); }
  .mobile-nav { display:none; background:rgba(255,253,248,.99); border-top:1px solid var(--line); box-shadow:0 18px 30px rgba(23,63,59,.10); }
  .mobile-nav a { display:block; padding:15px 4vw; border-bottom:1px solid var(--line); font-size:16px; font-weight:800; }
  .mobile-nav a:last-child { color:var(--orange); }
  section[id] { scroll-margin-top:135px; }
  .section { padding:86px 0; }
  .eyebrow { font-size:10px; text-transform:uppercase; letter-spacing:.16em; font-weight:900; color:#6f806f; }
  h1,h2,h3 { font-family:Georgia,serif; }
  .section-head { max-width:800px; margin:0 auto 42px; text-align:center; }
  .section-head h2 { font-size:clamp(42px,5vw,68px); line-height:.98; letter-spacing:-.04em; margin:10px 0 16px; }
  .section-head h2 em { color:var(--orange); font-weight:400; }
  .section-head p { color:#657873; line-height:1.7; }
  .buttons { display:flex; gap:10px; flex-wrap:wrap; margin-top:25px; }
  .btn { border:1px solid var(--line); background:#fff; padding:13px 17px; border-radius:12px; font-size:13px; font-weight:900; cursor:pointer; }
  .btn.primary { background:var(--deep); color:#fff; }
  .hero { padding:62px 0 38px; background:linear-gradient(135deg,#fffdf8 0,#fbf4e8 58%,#eef5ed 100%); }
  .hero-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:40px; align-items:center; }
  .hero h1 { font-size:clamp(52px,6.5vw,86px); line-height:.93; letter-spacing:-.04em; margin:10px 0 20px; }
  .hero h1 em { color:var(--orange); font-weight:400; }
  .hero p { font-size:17px; line-height:1.7; color:#5f716d; }
  .hero-art { min-height:430px; display:flex; align-items:end; justify-content:center; overflow:hidden; border-radius:34px; background:#edf1e7; box-shadow:var(--shadow); }
  .hero-art img { width:100%; height:100%; object-fit:cover; object-position:center; }
  .promise { padding:14px; text-align:center; background:#eaf1e9; font-size:13px; font-weight:800; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .mode-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
  .mode { display:block; width:100%; padding:22px; border:1px solid var(--line); border-radius:20px; background:#fff; color:inherit; text-align:left; text-decoration:none; font:inherit; cursor:pointer; transition:transform .2s ease, filter .2s ease, box-shadow .2s ease, border-color .2s ease; }
  .mode:nth-child(1){background:#f6e9eb}.mode:nth-child(2){background:#e8f1f4}.mode:nth-child(3){background:#fff1cf}.mode:nth-child(4){background:#edf1e8}
  .mode:hover,.mode:focus-visible{transform:translateY(-3px);filter:saturate(1.22) brightness(.98);border-color:rgba(23,63,59,.24);box-shadow:0 13px 28px rgba(23,63,59,.12);}
  .mode:focus-visible{outline:3px solid rgba(23,106,150,.35);outline-offset:3px;}
  .mode h3 { font-size:24px; margin:12px 0 8px; }
  .mode p { font-size:13px; line-height:1.6; color:#61746f; }
  .audio-note { margin-top:8px; font-size:11px; font-weight:800; }
  .reader-sec { padding:85px 0; background:#f2f5ef; }
  .story-title { display:grid; grid-template-columns:1.05fr .95fr; gap:34px; align-items:center; margin-bottom:34px; }
  .story-title h1 { font-size:clamp(42px,5.5vw,72px); line-height:.93; letter-spacing:-.04em; margin:6px 0 12px; }
  .story-title h1 span { display:block; }
  .story-title p { line-height:1.7; color:#63746f; }
  .story-after { padding:76px 0 88px; background:#fffdf8; text-align:center; }
  .story-after .heart { font-size:24px; display:block; margin-bottom:12px; }
  .story-after h2 { font-size:clamp(38px,4.6vw,60px); line-height:1; letter-spacing:-.035em; margin:0; }
  .chaos-card { background:#fff; border:1px solid var(--line); border-radius:24px; padding:22px; box-shadow:var(--shadow); }
  .chaos-card h3 { text-align:center; font-size:28px; margin:0 0 12px; }
  .chaos-row { display:grid; grid-template-columns:120px 1fr 150px; align-items:center; gap:15px; }
  .chaos-row img { width:100%; height:115px; object-fit:contain; border-radius:16px; background:#fff; }
  .arrow { height:14px; border-radius:999px; background:linear-gradient(90deg,#90a95e,#e7c948,#ef7048); position:relative; }
  .arrow:after { content:""; position:absolute; right:-1px; top:-7px; border-left:16px solid #ef7048; border-top:14px solid transparent; border-bottom:14px solid transparent; }
  .arrow-labels { display:flex; justify-content:space-between; font-size:10px; font-weight:900; margin-top:8px; }
  .reader { background:#f2f5ef; border:0; border-radius:26px; overflow:hidden; box-shadow:none; }
  .toolbar { position:sticky; top:76px; z-index:40; display:flex; justify-content:space-between; align-items:center; gap:12px; width:100vw; margin-left:calc(50% - 50vw); padding:12px max(4vw, calc((100vw - 1180px)/2 + 14px)); background:rgba(247,241,231,.98); border-bottom:1px solid var(--line); backdrop-filter:blur(10px); }
  .tabs { display:flex; gap:7px; overflow-x:auto; }
  .tab { white-space:nowrap; padding:9px 12px; border-radius:999px; border:1px solid var(--line); background:#fff; font-size:11px; font-weight:900; cursor:pointer; }
  .tab.active { background:var(--deep); color:#fff; }
  .tools { display:flex; gap:7px; }
  .tool { width:36px; height:36px; border-radius:50%; border:1px solid var(--line); background:#fff; cursor:pointer; font-weight:900; }
  .story-mode { display:none; }
  .story-mode.active { display:block; }
#readaloud { padding:90px 18px 48px; background:#f2f5ef; }
  .story-flow { display:flex; flex-direction:column; gap:12px; }
  .story-flow:before { display:none; }
  .story-row { position:relative; display:grid; grid-template-columns:5fr 7fr; gap:0; align-items:stretch; overflow:hidden; border-radius:24px; }
  .story-row.reverse { grid-template-columns:7fr 5fr; }
  .story-row:nth-child(1), .story-row:nth-child(4), .story-row:nth-child(8), .story-row:nth-child(12) { grid-template-columns:1fr; gap:0; }
  .story-row:nth-child(1) .story-visual, .story-row:nth-child(4) .story-visual, .story-row:nth-child(8) .story-visual, .story-row:nth-child(12) .story-visual { order:initial; margin-top:0; min-height:520px; }
  .story-row.reverse .story-text { order:2; }
  .story-row.reverse .story-visual { order:1; }
  .story-card { position:relative; border-radius:0; border:0; min-width:0; overflow:hidden; box-shadow:none; }
  .story-text { padding:40px 42px 42px; min-height:260px; display:flex; flex-direction:column; justify-content:center; }
  .story-row:nth-child(1) .story-text { background:var(--blue); }
  .story-row:nth-child(2) .story-text { background:var(--peach); }
  .story-row:nth-child(3) .story-text { background:var(--yellow); }
  .story-row:nth-child(4) .story-text { background:var(--sage); }
  .story-row:nth-child(5) .story-text { background:var(--lilac); }
  .story-row:nth-child(6) .story-text { background:var(--peach); }
  .story-row:nth-child(7) .story-text { background:var(--blue); }
  .story-row:nth-child(8) .story-text { background:var(--sage); }
  .story-row:nth-child(9) .story-text { background:var(--yellow); }
  .story-row:nth-child(10) .story-text { background:var(--rose); }
  .story-row:nth-child(11) .story-text { background:var(--blue); }
  .story-row:nth-child(12) .story-text { background:var(--sage); }
  .story-step { font-size:10px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; opacity:.66; margin-bottom:14px; }
  .story-text h3 { font-size:clamp(34px,4.4vw,62px); line-height:.92; margin:0 0 20px; letter-spacing:-.045em; text-wrap:balance; }
  .story-row:nth-child(3n+1) .story-text h3 { transform:rotate(-1deg); transform-origin:left center; }
  .story-row:nth-child(3n+2) .story-text h3 { transform:rotate(.8deg); transform-origin:left center; }
  .story-text p { font-family:Georgia,serif; font-size:18px; line-height:1.63; margin:0; }
  .story-text p + p { margin-top:14px; }
  .story-copy-columns { display:grid; grid-template-columns:1fr 1fr; gap:34px; align-items:start; }
  .story-copy-col p:first-child { margin-top:0; }
  .story-copy-col .story-sound:first-child { margin-top:0; }
  .story-audio { width:max-content; max-width:100%; margin-top:24px; margin-left:auto; align-self:flex-end; border:1px solid rgba(23,63,59,.18); background:rgba(255,255,255,.72); border-radius:999px; padding:10px 15px; font-size:11px; font-weight:900; cursor:pointer; }
  .tilt-left { transform:rotate(-2deg); transform-origin:left center; display:inline-block; }
  .tilt-right { transform:rotate(1.7deg); transform-origin:left center; display:inline-block; }
  .story-sound { display:block; font-family:Georgia,serif; font-style:italic; font-weight:700; font-size:clamp(34px,5vw,64px); line-height:.9; margin:18px 0; }
  .story-pop { display:inline-block; font-family:Arial,sans-serif; font-weight:1000; font-size:clamp(48px,7vw,94px); line-height:.85; letter-spacing:-.07em; transform:rotate(-3deg); margin:18px 0; }
  .story-pull { display:block; font-size:clamp(1.45em,2.6vw,2em); font-style:italic; font-weight:700; line-height:1.12; margin:22px 0; transform:rotate(-1deg); transform-origin:left center; }
  .story-bigword { display:inline-block; font-family:Inter,Arial,sans-serif; font-weight:1000; font-size:1.32em; letter-spacing:-.05em; transform:rotate(1.5deg); }
  .story-grow { display:block; font-family:Inter,Arial,sans-serif; font-weight:1000; line-height:.92; margin:18px 0; }
  .story-grow span { display:block; }
  .story-grow span:nth-child(1) { font-size:1.15em; }
  .story-grow span:nth-child(2) { font-size:1.48em; transform:rotate(-1deg); }
  .story-grow span:nth-child(3) { font-size:1.85em; color:var(--orange); transform:rotate(1deg); }
  .story-whisper { font-style:italic; font-size:1.12em; }
  .story-lastline { display:block; font-weight:700; font-size:1.18em; margin-top:8px; }
  .story-visual { background:transparent; padding:0; min-height:390px; }
  .story-visual img { width:100%; height:100%; min-height:390px; object-fit:cover; display:block; }
  .story-row:nth-child(even) .story-visual,
  .story-row:nth-child(3n) .story-visual { margin-top:0; }
  .story-row:after { display:none; }
  .together-shell{max-width:920px;margin:auto;padding:44px 28px 64px;}
  .together-story{display:grid;gap:16px;}
  .together-chunk{position:relative;margin:0 0 13px;padding-left:20px;font-family:Georgia,serif;font-size:20px;line-height:1.66;color:var(--deep);}
  .together-chunk::before{content:'';position:absolute;left:0;top:.55em;width:9px;height:9px;border-radius:50%;}
  .together-chunk[data-reader="adult"]::before{background:var(--orange);}
  .together-chunk[data-reader="child"]::before{background:var(--blue);}
  .together-chunk[data-reader="child"]{font-weight:700;}
  .together-talk{margin-top:24px;padding:24px;border-radius:22px;background:var(--sage);color:var(--deep);}
  .together-talk h4{margin:0 0 10px;font-size:23px;}.together-talk ul{margin:0;padding-left:22px;}.together-talk li{margin:8px 0;line-height:1.5;}
  @media(max-width:700px){.together-shell{padding:28px 14px 48px}.together-chunk{font-size:18px}}
  .wuselfehler { padding:78px 0 86px; background:#f8f1e6; }
  .wuselfehler-card { background:#fffdf8; border:1px solid var(--line); border-radius:28px; padding:34px; display:grid; grid-template-columns:1.05fr .95fr; gap:36px; align-items:center; box-shadow:var(--shadow); }
  .wuselfehler h2 { font-size:clamp(42px,5vw,66px); line-height:.98; letter-spacing:-.04em; margin:8px 0 16px; }
  .wuselfehler h2 em { color:var(--orange); font-weight:400; }
  .wuselfehler p { color:#63746f; line-height:1.7; }
  .wuselfehler-game { background:#e8efe5; border-radius:22px; padding:28px; text-align:left; }
  .wuselfehler-game h3 { font-size:29px; margin:0 0 8px; }
  .wuselfehler-count { display:flex; justify-content:center; gap:12px; margin:24px 0 20px; }
  .wuselfehler-dot { width:46px; height:46px; border-radius:50%; border:2px solid #779483; background:#fff; display:grid; place-items:center; font-size:22px; font-weight:900; transition:.2s ease; }
  .wuselfehler-dot.found { background:#f6c865; border-color:#dfac35; transform:rotate(-6deg) scale(1.05); }
  .wuselfehler-status { min-height:24px; font-weight:800; margin-top:12px; color:var(--deep); }
  .wusel-gallery-trigger{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:0 0 4px;border:0;border-bottom:2px solid var(--orange);background:transparent;color:var(--deep);font:900 15px Inter,sans-serif;cursor:pointer;}
  .wusel-gallery-trigger:hover,.wusel-gallery-trigger:focus-visible{color:var(--orange);border-bottom-color:var(--deep);}
  .wusel-gallery-modal{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(14,39,36,.78);backdrop-filter:blur(6px);}
  .wusel-gallery-modal.open{display:flex;}
  .wusel-gallery-dialog{position:relative;width:min(920px,100%);padding:28px 72px 24px;border-radius:26px;background:#fffdf8;box-shadow:0 28px 70px rgba(0,0,0,.28);}
  .wusel-gallery-close{position:absolute;top:14px;right:16px;width:42px;height:42px;border:0;border-radius:50%;background:#eef3eb;color:var(--deep);font:700 26px/1 Inter,sans-serif;cursor:pointer;}
  .wusel-gallery-stage{display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;border-radius:18px;background:#edf1e8;}
  .wusel-gallery-stage img{width:100%;height:100%;object-fit:contain;display:block;}
  .wusel-gallery-arrow{position:absolute;top:50%;width:46px;height:58px;transform:translateY(-50%);border:0;border-radius:14px;background:var(--deep);color:#fff;font-size:28px;cursor:pointer;box-shadow:0 8px 20px rgba(23,63,59,.18);}
  .wusel-gallery-arrow:hover,.wusel-gallery-arrow:focus-visible{background:var(--orange);}
  .wusel-gallery-prev{left:14px}.wusel-gallery-next{right:14px}
  .wusel-gallery-caption{margin:14px 0 0!important;text-align:center;color:var(--deep)!important;font:800 14px Inter,sans-serif!important;}
  body.wusel-gallery-open{overflow:hidden;}
  .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
  .wusel-look { display:flex; flex-wrap:wrap; gap:9px; margin:20px 0 0; }
  .wusel-look button { position:relative; border:1px solid #cbd8ce; background:#fff; border-radius:999px; padding:10px 13px; font-size:12px; font-weight:850; cursor:pointer; transition:transform .18s ease, background .18s ease, box-shadow .18s ease; }
  .wusel-look button:hover { transform:translateY(-2px); }
  .wusel-look button.wusel-win { background:#fff4c9; border-color:#e3ba51; box-shadow:0 8px 18px rgba(23,63,59,.10); }
  .wusel-look button.wusel-win:after { content:"★"; position:absolute; right:-6px; top:-10px; color:#ef7048; font-size:18px; animation:wuselStar .55s ease both; }
  @keyframes wuselStar { 0%{transform:scale(.2) rotate(-30deg);opacity:0} 65%{transform:scale(1.35) rotate(12deg);opacity:1} 100%{transform:scale(1) rotate(0)} }
  .wusel-win-msg { min-height:28px; margin-top:14px; font-weight:900; color:var(--deep); }
  .wuselfehler details { border:0; padding:0; margin:22px 0 0; max-width:none; }
  .wuselfehler summary { display:inline-block; cursor:pointer; font-size:13px; font-weight:900; background:#eef3eb; padding:10px 13px; border-radius:999px; }
  .wuselfehler details p { margin:14px 0 0; font-size:16px; line-height:1.7; }
  .ai-note { padding:68px 0; background:#f0e8dc; }
  .ai-note-box { max-width:920px; margin:auto; border:1px solid var(--line); border-radius:24px; background:#fffdf8; padding:30px 34px; }
  .ai-note-box h2 { font-size:clamp(42px,5vw,64px); line-height:.98; letter-spacing:-.04em; margin:0 0 16px; }
  .ai-note-box h2 em { color:var(--orange); font-weight:400; }
  .ai-note-box h2 .human { color:var(--orange); font-style:italic; font-weight:400; }
  .ai-note-box h3 { font-family:Inter,Arial,sans-serif; font-size:14px; text-transform:uppercase; letter-spacing:.12em; margin:0 0 14px; color:var(--deep); }
  .ai-note-box p { margin:0; color:#63746f; line-height:1.7; }
  .readways { padding:82px 0; background:#fffdf8; }
  .readways-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:45px; align-items:center; }
  .readways h2 { font-size:clamp(42px,5vw,67px); line-height:.98; letter-spacing:-.04em; margin:9px 0 18px; }
  .readways p { line-height:1.7; color:#62746f; }
  .readways img { width:100%; border-radius:26px; box-shadow:var(--shadow); display:block; }
  .library { padding:88px 0 96px; background:var(--cream); }
  .library-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  .story-tile { background:#fff; border:1px solid var(--line); border-radius:18px; overflow:hidden; }
  .story-thumb { min-height:150px; padding:22px; display:flex; align-items:flex-end; }
  .story-thumb.orange{background:#f2b37f}.story-thumb.blue{background:#bcd9e0}.story-thumb.green{background:#bfd4b8}
  .story-thumb h3 { font-size:24px; line-height:1.03; margin:0; }
  .story-info { padding:17px 20px 19px; background:#f6f3eb; }
  .story-tile:nth-child(even) .story-info { background:#edf3ed; }
  .story-tile:nth-child(3n) .story-info { background:#f3efe7; }
  .story-info strong { font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
  .story-info p { font-size:12px; line-height:1.55; color:#657873; }
  .story-tags { display:flex; gap:6px; flex-wrap:wrap; }
  .story-tags span { font-size:9px; font-weight:900; background:#f6f2ea; padding:5px 8px; border-radius:999px; }
  .figures { padding:92px 0 100px; background:#fffdf8; }
  .fig-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
  .fig-card { border:1px solid var(--line); border-radius:24px; overflow:hidden; background:#fff; }
  .fig-card img { width:100%; aspect-ratio:1.45/1; object-fit:cover; display:block; background:#f3efe6; }
  .fig-copy { padding:22px 22px 25px; }
  .fig-copy h3 { font-size:31px; margin:0 0 8px; }
  .fig-copy p { font-size:13px; line-height:1.65; color:#62746f; margin:0; }
  .fig-trait { display:inline-block; margin-top:13px; padding:6px 9px; border-radius:999px; background:#eef3eb; font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
  .growth { padding:92px 0; background:var(--deep); color:#fff; }
  .growth-grid { display:grid; grid-template-columns:1fr; gap:0; align-items:center; max-width:900px; }
  .growth h2 { font-size:clamp(44px,5vw,68px); line-height:.98; margin:10px 0 18px; }
  .growth h2 em { color:#f1b18f; font-weight:400; }
  .growth p { color:rgba(255,255,255,.72); line-height:1.7; }
  .soon-badge { display:inline-block; padding:10px 16px; border-radius:999px; background:#f6c865; color:#173f3b; font-size:12px; font-weight:1000; letter-spacing:.12em; text-transform:uppercase; box-shadow:0 8px 20px rgba(23,63,59,.10); }
  .club { padding:92px 0; background:#f7efe2; }
  .pricing { display:grid; grid-template-columns:1fr 1fr; gap:16px; max-width:820px; margin:34px auto 0; }
  .price-card { border:1px solid var(--line); border-radius:20px; padding:28px; background:#fff; }
  .price-card strong.price { font-family:Georgia,serif; font-size:48px; }
  .price-card ul { padding-left:18px; line-height:1.85; font-size:13px; }
  .price-card .btn { width:100%; text-align:center; display:block; }
  .faq { padding:88px 0; background:#f7f1e7; }
  .faq h2 { text-align:center; font-size:clamp(42px,5vw,66px); margin:0 0 35px; }
  .faq h2 em { color:var(--orange); font-weight:400; }
  details { max-width:920px; margin:auto; border-top:1px solid var(--line); padding:17px 0; }
  details:last-of-type { border-bottom:1px solid var(--line); }
  summary { cursor:pointer; font-size:14px; font-weight:800; }
  details p { color:#63746f; line-height:1.65; font-size:13px; }
  footer { background:#0d3934; color:#fff; padding:50px 0 24px; }
  .foot { display:flex; justify-content:space-between; gap:30px; }
  .foot-brand { font-family:Georgia,serif; font-size:26px; color:#f1b18f; }
  .links { display:flex; gap:18px; flex-wrap:wrap; font-size:12px; }
  .bottom { margin-top:35px; padding-top:16px; border-top:1px solid rgba(255,255,255,.15); color:rgba(255,255,255,.5); font-size:10px; }
  @media(max-width:900px){
    nav,.cta{display:none}
    .menu-toggle{display:flex}
    .mobile-nav.open{display:block}
    section[id]{scroll-margin-top:112px}
    .hero-grid,.story-title,.readways-grid,.growth-grid,.parent-grid{grid-template-columns:1fr}
    .mode-grid{grid-template-columns:1fr 1fr}
    .library-grid,.fig-grid{grid-template-columns:1fr 1fr}
    .story-row,.story-row.reverse{grid-template-columns:1fr 1fr}
    .story-row.reverse .story-text{order:2}.story-row.reverse .story-visual{order:1}
  }
  @media(max-width:650px){
    .head{height:104px}.brand img{width:259px;max-height:98px}.section,.reader-sec,.readways,.library,.figures,.growth,.club,.parents,.faq{padding:66px 0}
    .mode-grid,.library-grid,.fig-grid,.pricing{grid-template-columns:1fr}
    .toolbar{top:68px;align-items:center;flex-direction:row}.tools{align-self:auto;margin-top:0}
    #readaloud{padding:26px 15px 36px}
    .story-row,.story-row.reverse{grid-template-columns:1fr;gap:0}
    .story-copy-columns{grid-template-columns:1fr;gap:8px}
    .story-flow:before{display:none}
    .story-row:after{left:24px;transform:none}
    .story-row.reverse .story-text,.story-row.reverse .story-visual{order:initial}
    .story-row .story-visual{margin-top:0!important}
    .story-text{padding:30px 25px;min-height:0}
    .story-visual{min-height:230px}
    .chaos-row{grid-template-columns:85px 1fr 100px}
    .hero-art{min-height:300px}
    .foot{flex-direction:column}
  }
  @media(max-width:900px){
    .wuselfehler-card{grid-template-columns:1fr}
    .wusel-gallery-dialog{padding:60px 16px 20px;}
    .wusel-gallery-arrow{top:auto;bottom:18px;width:44px;height:44px;border-radius:50%;transform:none;}
    .wusel-gallery-prev{left:18px}.wusel-gallery-next{right:18px}
    .wusel-gallery-caption{padding:0 54px;min-height:44px;display:grid;place-items:center;}
  }
  .story-flow { gap:16px; overflow:visible; }
  .story-row {
    gap:0 !important;
    width:calc(100% - 16px);
    margin:0;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 14px 34px rgba(23,63,59,.07);
  }
  .story-row:nth-child(odd) { margin-left:0; margin-right:16px; }
  .story-row:nth-child(even) { margin-left:16px; margin-right:0; }
  .story-row .story-card { margin:0 !important; border-radius:0 !important; }
  .story-row .story-visual { padding:0 !important; }
  .story-row .story-visual img { display:block; margin:0; vertical-align:top; }
  .story-copy-columns { gap:0; }
  .story-copy-col { padding-right:30px; }
  .story-copy-col + .story-copy-col {
    border-left:1px solid rgba(23,63,59,.22);
    padding-left:30px;
    padding-right:0;
  }
  .story-accent-orange { color:var(--orange); font-style:italic; }
  .story-accent-deep { color:var(--deep); }
  .story-row:nth-child(1) .story-text h3 { font-size:clamp(52px,6.8vw,92px); }
  .story-row:nth-child(4) .story-text h3 { font-size:clamp(50px,6.4vw,88px); }
  .story-row:nth-child(1) .story-pull { font-size:clamp(1.55em,3vw,2.25em); }
  .story-row:nth-child(4) .story-pop { color:var(--orange); text-shadow:2px 2px 0 rgba(255,255,255,.42); }
  .story-row:nth-child(1) .story-step,
  .story-row:nth-child(4) .story-step { font-size:11px; letter-spacing:.19em; }
  .story-confidence { display:block; margin-top:18px; font-family:Inter,Arial,sans-serif; font-weight:850; font-size:clamp(23px,2.5vw,34px); line-height:1.05; letter-spacing:-.035em; }
  .story-bestimmt { display:inline-block; margin-left:.18em; color:var(--orange); font-size:1.55em; font-weight:1000; font-style:italic; transform:rotate(-2deg); transform-origin:left center; }
  .wusel-scatter { display:grid; gap:8px; margin:22px 0 18px; font-family:Inter,Arial,sans-serif; font-weight:850; font-size:clamp(20px,2.2vw,28px); line-height:1.12; letter-spacing:-.025em; }
  .wusel-scatter span { display:block; width:max-content; max-width:96%; }
  .wusel-scatter span:nth-child(1) { transform:rotate(-1.4deg); margin-left:2%; }
  .wusel-scatter span:nth-child(2) { transform:rotate(1.2deg); margin-left:12%; color:var(--orange); }
  .wusel-scatter span:nth-child(3) { transform:rotate(-.8deg); margin-left:5%; }
  .wusel-scatter span:nth-child(4) { transform:rotate(1.5deg); margin-left:17%; color:#267b95; }
  .story-ending-quote { display:block; font-size:clamp(1.2em,2vw,1.55em); font-style:italic; font-weight:700; line-height:1.2; margin:4px 0 18px; }
  .story-ending-realization { display:block; font-family:Inter,Arial,sans-serif; font-size:clamp(1.35em,2.5vw,1.9em); font-weight:900; line-height:1.05; letter-spacing:-.035em; margin:20px 0 10px; transform:rotate(-1deg); }
  .story-ending-ten { color:var(--orange); font-style:italic; }
  .story-tile { border:0; background:#f6f3eb; }
  .story-tile:nth-child(even) { background:#edf3ed; }
  .story-tile:nth-child(3n) { background:#f3efe7; }
  .story-info { min-height:170px; margin:0; border:0; }
  .story-tags span { background:rgba(255,255,255,.48); }
  .growth-grid { margin:0 auto; text-align:center; justify-items:center; }
  .growth p { max-width:760px; margin-left:auto; margin-right:auto; }
  @media (max-width:760px) {
    .story-row { width:100%; margin-left:0 !important; margin-right:0 !important; border-radius:22px; }
    .story-copy-columns { grid-template-columns:1fr; }
    .story-copy-col { padding-right:0; }
    .story-copy-col + .story-copy-col { border-left:0; border-top:1px solid rgba(23,63,59,.22); padding-left:0; padding-top:22px; margin-top:22px; }
  }
  .reader-sec{padding:84px 0 96px;background:#f2f5ef;overflow:visible}
  .reader-sec>.wrap{overflow:visible}
  .story-title{
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
    gap:42px;
    align-items:end;
    margin:0 auto 42px;
    padding:0 8px;
  }
  .story-title h1{font-size:clamp(46px,5.6vw,76px);line-height:.9;margin:8px 0 18px}
  .story-title p{font-family:Georgia,serif;font-size:18px;line-height:1.6;max-width:620px}
  .chaos-card{box-shadow:none;border:0;background:#fff9ef;padding:24px;border-radius:26px}
  .reader{overflow:visible;background:transparent;border-radius:0}
  .toolbar{
    width:100vw;
    max-width:none;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding:13px max(22px, calc((100vw - 1180px)/2 + 14px));
    border-top:1px solid rgba(23,63,59,.08);
    border-bottom:1px solid rgba(23,63,59,.10);
    background:rgba(246,238,224,.97);
    box-shadow:0 9px 28px rgba(23,63,59,.05);
  }
  .tabs{gap:9px}
  .tab{padding:10px 15px;border:0;background:rgba(255,255,255,.72);font-size:12px}
  .tab.active{background:var(--deep);color:#fff}
  .tool{border:0;background:#fff}
  #readaloud{padding:54px 12px 20px;background:transparent}
  .story-flow{gap:28px;overflow:visible}
  .story-row,
  .story-row.reverse{
    width:calc(100% - 26px);
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    gap:0;
    overflow:hidden;
    border-radius:30px;
    box-shadow:0 14px 34px rgba(23,63,59,.075);
    background:#fff;
  }
  .story-row:nth-child(odd){margin-left:0;margin-right:26px}
  .story-row:nth-child(even){margin-left:26px;margin-right:0}
  .story-row.reverse{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .story-row .story-card{margin:0!important;border-radius:0!important}
  .story-row .story-visual{padding:0!important;margin:0!important;min-height:430px}
  .story-row .story-visual img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block;margin:0}
  .story-text{padding:44px 46px 42px;min-height:430px;justify-content:center}
  .story-row:nth-child(1),
  .story-row:nth-child(4),
  .story-row:nth-child(8),
  .story-row:nth-child(12){grid-template-columns:1fr}
  .story-row:nth-child(1) .story-text,
  .story-row:nth-child(4) .story-text,
  .story-row:nth-child(8) .story-text,
  .story-row:nth-child(12) .story-text{min-height:auto;padding:50px 54px 46px}
  .story-row:nth-child(1) .story-visual,
  .story-row:nth-child(4) .story-visual,
  .story-row:nth-child(8) .story-visual,
  .story-row:nth-child(12) .story-visual{min-height:560px;order:initial!important}
  .story-row:nth-child(1) .story-visual img,
  .story-row:nth-child(4) .story-visual img,
  .story-row:nth-child(8) .story-visual img,
  .story-row:nth-child(12) .story-visual img{min-height:560px}
  .story-step{
    display:inline-flex;
    align-self:flex-start;
    width:max-content;
    padding:6px 9px;
    border-radius:999px;
    background:rgba(255,255,255,.46);
    font-size:10px;
    letter-spacing:.14em;
    margin-bottom:18px;
    opacity:.78;
  }
  .story-text h3{
    font-size:clamp(38px,4.8vw,68px);
    line-height:.88;
    letter-spacing:-.055em;
    margin:0 0 24px;
  }
  .story-text p{font-size:18px;line-height:1.62}
  .story-copy-columns{gap:0}
  .story-copy-col{padding-right:34px}
  .story-copy-col+.story-copy-col{border-left:1px solid rgba(23,63,59,.22);padding-left:34px;padding-right:0}
  .story-audio{
    margin-top:28px;
    margin-left:auto;
    padding:9px 14px;
    border:0;
    background:rgba(255,255,255,.74);
    box-shadow:0 4px 12px rgba(23,63,59,.06);
    font-size:11px;
  }
  .story-row:nth-child(1) .story-text h3{font-size:clamp(58px,7.4vw,102px)}
  .story-row:nth-child(4) .story-text h3{font-size:clamp(54px,6.8vw,92px)}
  .story-row:nth-child(8) .story-text h3{font-size:clamp(52px,6.6vw,90px);max-width:850px}
  .story-row:nth-child(12) .story-text h3{font-size:clamp(56px,7vw,96px)}
  .story-pull{margin:18px 0 8px}
  .story-bestimmt{color:#d94f37;font-size:1.75em}
  .story-pop{color:#d94f37;text-shadow:none}
  .story-grow span:nth-child(1){font-size:1.2em}
  .story-grow span:nth-child(2){font-size:1.58em;color:#3f7169}
  .story-grow span:nth-child(3){font-size:2em;color:#d94f37}
  .wusel-scatter{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:13px 24px;
    margin:24px 0 22px;
    padding:8px 4px 12px;
  }
  .wusel-scatter span{
    display:block;
    font-family:Georgia,serif;
    font-weight:700;
    font-size:clamp(19px,2vw,27px);
    line-height:1.18;
    max-width:95%;
  }
  .wusel-scatter span:nth-child(1){transform:rotate(-2deg);color:#315e58}
  .wusel-scatter span:nth-child(2){transform:rotate(1.6deg) translateY(7px);color:#d94f37}
  .wusel-scatter span:nth-child(3){transform:rotate(1deg) translateX(18px);color:#486a8a}
  .wusel-scatter span:nth-child(4){transform:rotate(-1.6deg) translateY(4px);color:#6e5d83}
  .story-ending-quote{font-size:clamp(1.35em,2.2vw,1.72em)}
  .story-ending-realization{font-size:clamp(1.5em,2.8vw,2.1em)}
  .story-lastline{font-size:1.28em;line-height:1.35}
  @media(max-width:900px){
    .story-title{grid-template-columns:1fr;gap:24px}
    .toolbar{top:68px;padding-left:18px;padding-right:18px}
    .story-flow{gap:18px}
    .story-row,.story-row.reverse{width:100%;margin-left:0!important;margin-right:0!important;grid-template-columns:1fr;border-radius:24px}
    .story-row.reverse .story-text,.story-row.reverse .story-visual{order:initial}
    .story-row .story-text{min-height:auto;padding:34px 28px 32px}
    .story-row .story-visual,.story-row .story-visual img{min-height:320px}
    .story-row:nth-child(1) .story-visual,.story-row:nth-child(4) .story-visual,.story-row:nth-child(8) .story-visual,.story-row:nth-child(12) .story-visual,
    .story-row:nth-child(1) .story-visual img,.story-row:nth-child(4) .story-visual img,.story-row:nth-child(8) .story-visual img,.story-row:nth-child(12) .story-visual img{min-height:360px}
    .story-copy-columns{grid-template-columns:1fr}
    .story-copy-col{padding-right:0}
    .story-copy-col+.story-copy-col{border-left:0;border-top:1px solid rgba(23,63,59,.18);padding-left:0;padding-top:22px;margin-top:22px}
    .wusel-scatter{grid-template-columns:1fr;gap:12px}
    .wusel-scatter span:nth-child(n){transform:rotate(0deg) translate(0,0)}
  }
  #readaloud{
    padding:54px 12px 24px;
    background:transparent;
    overflow:visible;
  }
  .story-flow{
    display:grid;
    gap:22px;
    overflow:visible;
  }
  .story-row,
  .story-row.reverse,
  .story-row:nth-child(odd),
  .story-row:nth-child(even){
    width:100%;
    margin:0!important;
    display:grid;
    grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    gap:22px;
    overflow:visible;
    border-radius:0;
    box-shadow:none;
    background:transparent;
    align-items:stretch;
  }
  .story-row.reverse{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .story-row .story-card,
  .story-row .story-text,
  .story-row .story-visual{
    border-radius:26px!important;
    overflow:hidden!important;
    box-shadow:0 10px 28px rgba(23,63,59,.065);
    margin:0!important;
  }
  .story-row .story-text{
    min-height:420px;
    padding:42px 44px 38px;
    justify-content:center;
  }
  .story-row .story-visual{
    min-height:420px;
    padding:0!important;
  }
  .story-row .story-visual img{
    width:100%;
    height:100%;
    min-height:420px;
    object-fit:cover;
    display:block;
  }
  .story-row:nth-child(1),
  .story-row:nth-child(4),
  .story-row:nth-child(8),
  .story-row:nth-child(12){
    grid-template-columns:1fr;
  }
  .story-row:nth-child(1) .story-text,
  .story-row:nth-child(4) .story-text,
  .story-row:nth-child(8) .story-text,
  .story-row:nth-child(12) .story-text{
    min-height:auto;
    padding:48px 52px 44px;
  }
  .story-row:nth-child(1) .story-visual,
  .story-row:nth-child(4) .story-visual,
  .story-row:nth-child(8) .story-visual,
  .story-row:nth-child(12) .story-visual,
  .story-row:nth-child(1) .story-visual img,
  .story-row:nth-child(4) .story-visual img,
  .story-row:nth-child(8) .story-visual img,
  .story-row:nth-child(12) .story-visual img{
    min-height:560px;
  }
  .story-step{
    margin-bottom:16px;
    font-size:10px;
    letter-spacing:.145em;
    padding:6px 10px;
  }
  .story-text h3{
    margin:0 0 22px;
    font-size:clamp(38px,4.35vw,62px);
    line-height:.94;
    letter-spacing:-.048em;
  }
  .story-row:nth-child(1) .story-text h3,
  .story-row:nth-child(4) .story-text h3,
  .story-row:nth-child(8) .story-text h3,
  .story-row:nth-child(12) .story-text h3{
    font-size:clamp(52px,6.4vw,88px);
  }
  .story-text p{font-size:18px;line-height:1.62}
  .story-copy-columns{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
  }
  .story-copy-col{padding-right:34px}
  .story-copy-col + .story-copy-col{
    border-left:1px solid rgba(23,63,59,.19);
    padding-left:34px;
    padding-right:0;
  }
  .story-audio{
    width:max-content;
    max-width:100%;
    align-self:flex-end;
    margin:28px 0 0 auto;
    padding:9px 14px;
    white-space:nowrap;
  }
  .wusel-scatter{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px 28px;
    margin:25px 0 22px;
    padding:8px 20px 10px 8px;
    overflow:visible;
  }
  .wusel-scatter span{
    width:auto;
    max-width:100%;
    display:block;
    font-family:Georgia,serif;
    font-size:clamp(19px,2vw,26px);
    line-height:1.22;
    overflow:visible;
  }
  .wusel-scatter span:nth-child(1){transform:rotate(-1.2deg);margin-left:0;color:#315e58}
  .wusel-scatter span:nth-child(2){transform:rotate(1deg);margin-left:0;color:#d94f37}
  .wusel-scatter span:nth-child(3){transform:rotate(.7deg);margin-left:12px;color:#486a8a}
  .wusel-scatter span:nth-child(4){transform:rotate(-1deg);margin-left:0;color:#6e5d83}
  .story-row:nth-child(1) .story-pull{
    display:block;
    margin:20px 0 6px;
    font-size:clamp(1.45em,2.7vw,2.05em);
    line-height:1.03;
  }
  .story-confidence{margin-top:22px}
  .story-bestimmt{font-size:1.7em;color:#d94f37}
  .story-ending-realization{font-size:clamp(1.45em,2.45vw,1.95em);line-height:1.08}
  .story-lastline{font-size:1.24em}
  @media(max-width:900px){
    .story-flow{gap:16px}
    .story-row,
    .story-row.reverse,
    .story-row:nth-child(odd),
    .story-row:nth-child(even){
      grid-template-columns:1fr;
      gap:16px;
    }
    .story-row .story-text{min-height:auto;padding:34px 28px 30px}
    .story-row .story-visual,
    .story-row .story-visual img{min-height:320px}
    .story-row:nth-child(1) .story-visual,
    .story-row:nth-child(4) .story-visual,
    .story-row:nth-child(8) .story-visual,
    .story-row:nth-child(12) .story-visual,
    .story-row:nth-child(1) .story-visual img,
    .story-row:nth-child(4) .story-visual img,
    .story-row:nth-child(8) .story-visual img,
    .story-row:nth-child(12) .story-visual img{min-height:360px}
    .story-copy-columns{grid-template-columns:1fr}
    .story-copy-col{padding-right:0}
    .story-copy-col + .story-copy-col{
      border-left:0;
      border-top:1px solid rgba(23,63,59,.18);
      padding-left:0;
      padding-top:22px;
      margin-top:22px;
    }
    .wusel-scatter{grid-template-columns:1fr;gap:12px;padding-right:4px}
    .wusel-scatter span:nth-child(n){transform:none;margin-left:0}
  }
  :root{
    --story-font:'Nunito',Inter,Arial,sans-serif;
    --story-ink:#173f3b;
    --story-energy:#d95b43;
    --story-calm:#2f6f68;
    --story-gap:20px;
    --story-radius:26px;
  }
  body{overflow-x:hidden}
  .section-head p,.parents p,.growth p,.club p,.faq p{max-width:760px}
  .btn,.tab,.tool,.story-audio{transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
  .btn:hover,.tab:hover,.tool:hover,.story-audio:hover{transform:translateY(-1px)}
  button:focus-visible,a:focus-visible{outline:3px solid rgba(217,91,67,.28);outline-offset:3px}
  .story-title{gap:36px;margin-bottom:34px}
  .story-title h1{letter-spacing:-.045em}
  .story-title p{font-family:var(--story-font);font-size:18px;line-height:1.62}
  .chaos-card{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
  .toolbar{
    width:100vw!important;
    max-width:none!important;
    position:relative;
    left:50%;
    right:50%;
    margin-left:-50vw!important;
    margin-right:-50vw!important;
    box-sizing:border-box;
  }
  #readaloud{padding:46px 12px 28px}
  .story-flow{gap:var(--story-gap)!important}
  .story-row,
  .story-row.reverse,
  .story-row:nth-child(odd),
  .story-row:nth-child(even){gap:var(--story-gap)!important}
  .story-row .story-card,
  .story-row .story-text,
  .story-row .story-visual{
    border-radius:var(--story-radius)!important;
    box-shadow:0 8px 24px rgba(23,63,59,.055);
  }
  .story-row .story-text{padding:40px 42px 36px}
  .story-text,
  .story-text p,
  .story-step,
  .story-text h3,
  .story-audio,
  .story-sound,
  .story-pop,
  .story-pull,
  .story-bigword,
  .story-grow,
  .story-confidence,
  .story-ending-realization,
  .story-ending-quote,
  .wusel-scatter span{
    font-family:var(--story-font)!important;
  }
  .story-text h3,
  .story-text h3.tilt-left,
  .story-text h3.tilt-right,
  .story-row:nth-child(3n+1) .story-text h3,
  .story-row:nth-child(3n+2) .story-text h3{
    transform:none!important;
    color:var(--story-ink);
    font-weight:900;
    letter-spacing:-.035em;
    line-height:.96;
    text-wrap:balance;
  }
  .story-text h3{font-size:clamp(36px,4.15vw,58px);margin-bottom:20px}
  .story-row:nth-child(1) .story-text h3,
  .story-row:nth-child(4) .story-text h3,
  .story-row:nth-child(8) .story-text h3,
  .story-row:nth-child(12) .story-text h3{font-size:clamp(46px,5.6vw,76px)}
  .story-step{
    background:rgba(255,255,255,.52);
    color:var(--story-ink);
    font-weight:900;
    font-size:10px;
    line-height:1;
    letter-spacing:.13em;
    text-transform:uppercase;
    opacity:.78;
  }
  .story-text p{
    color:#294b47;
    font-size:18px;
    line-height:1.66;
    font-weight:500;
    letter-spacing:0;
  }
  .story-text p+p{margin-top:13px}
  .story-copy-columns{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:16px!important;
  }
  .story-copy-col,
  .story-copy-col + .story-copy-col{
    border:0!important;
    padding:22px 24px!important;
    margin:0!important;
    border-radius:18px;
    background:rgba(255,255,255,.30);
    min-width:0;
  }
  .story-dialogue,
  .story-ending-quote{
    display:inline;
    color:var(--story-ink);
    font-size:1.12em!important;
    line-height:1.45;
    font-weight:800;
    font-style:italic;
    transform:none!important;
  }
  .story-keyline,
  .story-pull,
  .story-confidence,
  .story-ending-realization{
    display:block;
    margin:18px 0 4px;
    color:var(--story-calm);
    font-size:clamp(1.25em,2vw,1.55em)!important;
    line-height:1.15!important;
    font-weight:900!important;
    font-style:normal!important;
    letter-spacing:-.02em!important;
    transform:none!important;
  }
  .story-bestimmt{
    display:inline;
    margin-left:.12em;
    color:var(--story-energy)!important;
    font-size:1.35em!important;
    line-height:1;
    font-weight:900!important;
    font-style:normal!important;
    transform:none!important;
  }
  .story-accent-orange{color:var(--story-energy)!important;font-style:normal!important}
  .story-accent-deep{color:var(--story-calm)!important}
  .story-bigword{font-size:1em;letter-spacing:inherit;transform:none}
  .story-sound{
    display:inline-block;
    margin:8px 0 2px;
    color:var(--story-energy)!important;
    font-size:clamp(28px,3.7vw,48px)!important;
    line-height:1;
    font-weight:900;
    font-style:italic;
    letter-spacing:-.03em;
    transform:rotate(-1deg);
  }
  .story-pop{
    color:var(--story-energy)!important;
    font-size:clamp(42px,5.8vw,72px)!important;
    font-weight:900;
    font-style:italic;
    letter-spacing:-.045em;
    transform:rotate(-2deg);
    margin:10px 4px;
  }
  .wusel-scatter{gap:12px 20px;padding:6px 6px 8px;margin:20px 0}
  .wusel-scatter span{
    color:var(--story-ink)!important;
    font-size:clamp(19px,1.9vw,24px)!important;
    line-height:1.26;
    font-weight:800;
    font-style:normal;
  }
  .wusel-scatter span:nth-child(1){transform:rotate(-.8deg);color:var(--story-calm)!important}
  .wusel-scatter span:nth-child(2){transform:rotate(.8deg);color:var(--story-energy)!important}
  .wusel-scatter span:nth-child(3){transform:rotate(.6deg);color:var(--story-calm)!important;margin-left:0}
  .wusel-scatter span:nth-child(4){transform:rotate(-.7deg);color:var(--story-energy)!important}
  .story-grow{margin:18px 0 2px;transform:none!important}
  .story-grow span{font-weight:900;letter-spacing:-.025em;transform:none!important}
  .story-grow span:nth-child(1){font-size:1.14em;color:var(--story-ink)}
  .story-grow span:nth-child(2){font-size:1.38em;color:var(--story-calm)}
  .story-grow span:nth-child(3){font-size:1.66em;color:var(--story-energy)}
  .story-whisper{font-size:1em;font-weight:700;font-style:italic;color:#54706b}
  .story-ending-ten{color:var(--story-energy);font-style:normal}
  .story-lastline{font-size:1.08em;font-weight:800;color:var(--story-ink)}
  .story-audio{
    background:rgba(255,255,255,.74);
    color:var(--story-ink);
    font-weight:800;
    font-size:11px;
    box-shadow:none;
  }
  .mode,.story-tile,.figure-card,.faq details,.coming-soon-mode,.simple-mode{border-radius:22px}
  .library .section-head,.figures .section-head,.readways .section-head,.faq .section-head{margin-bottom:34px}
  @media(max-width:900px){
    .story-copy-columns{grid-template-columns:1fr;gap:12px!important}
    .story-copy-col,
    .story-copy-col + .story-copy-col{
      border:0!important;
      padding:18px 19px!important;
      margin:0!important;
    }
    .story-row,
    .story-row.reverse,
    .story-row:nth-child(odd),
    .story-row:nth-child(even){gap:16px!important}
    .story-flow{gap:16px!important}
    .story-text h3{font-size:clamp(34px,10vw,50px)}
    .story-row:nth-child(1) .story-text h3,
    .story-row:nth-child(4) .story-text h3,
    .story-row:nth-child(8) .story-text h3,
    .story-row:nth-child(12) .story-text h3{font-size:clamp(40px,12vw,58px)}
    .wusel-scatter{grid-template-columns:1fr;gap:10px}
    .wusel-scatter span:nth-child(n){transform:none!important}
  }
  .hero-art{
    min-height:540px;
    height:540px;
  }
  .hero-art img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .toolbar{
    background:var(--orange)!important;
    border-top:0!important;
    border-bottom:0!important;
    box-shadow:0 8px 22px rgba(239,112,72,.18)!important;
  }
  .toolbar .tab{
    background:rgba(255,255,255,.88);
    color:var(--deep);
  }
  .toolbar .tab.active{
    background:var(--deep);
    color:#fff;
  }
  .toolbar .tool{
    background:#fff;
    color:var(--deep);
  }
  .story-row:nth-child(1) .story-text,
  .story-row:nth-child(4) .story-text,
  .story-row:nth-child(8) .story-text,
  .story-row:nth-child(12) .story-text{
    padding:34px 38px 30px;
    min-height:auto;
  }
  .story-row:nth-child(1) .story-text h3,
  .story-row:nth-child(4) .story-text h3,
  .story-row:nth-child(8) .story-text h3,
  .story-row:nth-child(12) .story-text h3{
    font-size:clamp(38px,4.2vw,58px)!important;
    line-height:.98!important;
    letter-spacing:-.03em!important;
    margin:0 0 16px!important;
  }
  .story-row:nth-child(1) .story-step,
  .story-row:nth-child(4) .story-step,
  .story-row:nth-child(8) .story-step,
  .story-row:nth-child(12) .story-step{
    margin-bottom:12px;
  }
  .story-row:nth-child(1) .story-text p,
  .story-row:nth-child(4) .story-text p,
  .story-row:nth-child(8) .story-text p,
  .story-row:nth-child(12) .story-text p{
    font-size:18px!important;
    line-height:1.58!important;
  }
  .story-row:nth-child(1) .story-text p+p,
  .story-row:nth-child(4) .story-text p+p,
  .story-row:nth-child(8) .story-text p+p,
  .story-row:nth-child(12) .story-text p+p{
    margin-top:9px;
  }
  .story-row:nth-child(1) .story-copy-columns,
  .story-row:nth-child(4) .story-copy-columns,
  .story-row:nth-child(12) .story-copy-columns{
    gap:12px!important;
  }
  .story-row:nth-child(1) .story-copy-col,
  .story-row:nth-child(1) .story-copy-col + .story-copy-col,
  .story-row:nth-child(4) .story-copy-col,
  .story-row:nth-child(4) .story-copy-col + .story-copy-col,
  .story-row:nth-child(12) .story-copy-col,
  .story-row:nth-child(12) .story-copy-col + .story-copy-col{
    padding:16px 18px!important;
    border-radius:16px;
  }
  .story-row:nth-child(1){
    grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;
    align-items:stretch;
  }
  .story-row:nth-child(1) .story-visual,
  .story-row:nth-child(1) .story-visual img{
    min-height:430px!important;
  }
  .story-row:nth-child(1) .story-pull,
  .story-row:nth-child(1) .story-confidence,
  .story-row:nth-child(1) .story-ending-realization{
    margin:12px 0 2px!important;
    font-size:1.16em!important;
    line-height:1.25!important;
    color:var(--story-calm)!important;
  }
  .story-row:nth-child(1) .story-bestimmt{
    font-size:1.16em!important;
    color:var(--story-energy)!important;
  }
  .story-row:nth-child(4) .story-sound{
    margin:3px 0 0;
    font-size:clamp(24px,2.8vw,36px)!important;
    transform:none!important;
  }
  .story-row:nth-child(4) .story-pop{
    font-size:clamp(31px,3.5vw,45px)!important;
    transform:none!important;
    margin:4px 2px!important;
  }
  .story-row:nth-child(8) .wusel-scatter{
    grid-template-columns:1fr 1fr;
    gap:9px 18px;
    margin:14px 0 12px;
    padding:0;
  }
  .story-row:nth-child(8) .wusel-scatter span{
    font-size:18px!important;
    line-height:1.42!important;
    font-weight:750!important;
    color:var(--story-ink)!important;
    transform:none!important;
    margin:0!important;
  }
  .story-row:nth-child(8) .wusel-scatter span:nth-child(2),
  .story-row:nth-child(8) .wusel-scatter span:nth-child(4){
    color:var(--story-calm)!important;
  }
  .story-row:nth-child(12) .story-ending-quote,
  .story-row:nth-child(12) .story-dialogue{
    font-size:1.06em!important;
  }
  .story-row:nth-child(12) .story-ending-realization{
    margin:11px 0 2px!important;
    font-size:1.14em!important;
    line-height:1.3!important;
    color:var(--story-calm)!important;
  }
  .story-row:nth-child(12) .story-lastline{
    font-size:1em!important;
    font-weight:800!important;
  }
  .readways img{
    width:100%;
    aspect-ratio:4 / 3;
    height:auto;
    object-fit:cover;
  }
  .growth h2{line-height:1.08!important;}
  .club .section-head h2{line-height:1.08!important;}
  @media(max-width:900px){
    .hero-art{height:400px;min-height:400px}
    .story-row:nth-child(1){grid-template-columns:1fr!important}
    .story-row:nth-child(8) .wusel-scatter{grid-template-columns:1fr}
    .story-row:nth-child(1) .story-text,
    .story-row:nth-child(4) .story-text,
    .story-row:nth-child(8) .story-text,
    .story-row:nth-child(12) .story-text{padding:30px 26px 27px}
    .story-row:nth-child(1) .story-text h3,
    .story-row:nth-child(4) .story-text h3,
    .story-row:nth-child(8) .story-text h3,
    .story-row:nth-child(12) .story-text h3{font-size:clamp(34px,9vw,46px)!important}
  }
  .toolbar{
    background:#eaf1e9!important;
    border-top:1px solid var(--line)!important;
    border-bottom:1px solid var(--line)!important;
    box-shadow:none!important;
    padding-top:14px!important;
    padding-bottom:14px!important;
  }
  .toolbar .tab{
    background:#fff!important;
    color:var(--deep)!important;
    border:1px solid rgba(23,63,59,.10)!important;
    box-shadow:none!important;
  }
  .toolbar .tab.active{
    background:var(--deep)!important;
    color:#fff!important;
    border-color:var(--deep)!important;
  }
  .toolbar .tool{
    background:#fff!important;
    color:var(--deep)!important;
    border:1px solid rgba(23,63,59,.10)!important;
  }
  .story-text,
  .story-text p,
  .story-text h3,
  .story-text strong,
  .story-text span,
  .story-text .story-dialogue,
  .story-text .story-keyline,
  .story-text .story-pull,
  .story-text .story-confidence,
  .story-text .story-bestimmt,
  .story-text .story-sound,
  .story-text .story-pop,
  .story-text .story-grow,
  .story-text .story-grow span,
  .story-text .story-whisper,
  .story-text .story-ending-quote,
  .story-text .story-ending-realization,
  .story-text .story-ending-ten,
  .story-text .story-lastline,
  .story-text .story-bigword,
  .story-text .story-accent-orange,
  .story-text .story-accent-deep,
  .story-text .wusel-scatter span{
    color:#173f3b!important;
    font-family:var(--story-font)!important;
    transform:none!important;
    text-shadow:none!important;
  }
  .story-text h3,
  .story-row:nth-child(1) .story-text h3,
  .story-row:nth-child(4) .story-text h3,
  .story-row:nth-child(8) .story-text h3,
  .story-row:nth-child(12) .story-text h3{
    font-size:clamp(32px,3.35vw,46px)!important;
    line-height:1.02!important;
    letter-spacing:-.025em!important;
    font-style:normal!important;
    font-weight:900!important;
    margin:0 0 17px!important;
  }
  .story-text p,
  .story-text .story-dialogue,
  .story-text .story-keyline,
  .story-text .story-pull,
  .story-text .story-confidence,
  .story-text .story-bestimmt,
  .story-text .story-sound,
  .story-text .story-pop,
  .story-text .story-grow,
  .story-text .story-grow span,
  .story-text .story-whisper,
  .story-text .story-ending-quote,
  .story-text .story-ending-realization,
  .story-text .story-lastline,
  .story-text .story-bigword,
  .story-text .wusel-scatter span{
    display:inline!important;
    font-size:18px!important;
    line-height:1.58!important;
    font-weight:500!important;
    font-style:normal!important;
    letter-spacing:0!important;
    margin:0!important;
    padding:0!important;
  }
  .story-text strong{font-weight:800!important}
  .story-text p + p{margin-top:9px!important}
  .story-step{
    color:#173f3b!important;
    background:transparent!important;
    padding:0!important;
    border-radius:0!important;
    margin-bottom:10px!important;
    opacity:.64!important;
  }
  .story-copy-columns,
  .story-wide-columns{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:30px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    margin:0!important;
    padding:0!important;
  }
  .story-copy-col,
  .story-copy-col + .story-copy-col{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    padding:0!important;
    margin:0!important;
    box-shadow:none!important;
  }
  .story-row:nth-child(1){
    grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;
  }
  .story-row:nth-child(1) .story-text{
    padding:40px 42px 36px!important;
    min-height:420px!important;
  }
  .story-row:nth-child(4) .story-text,
  .story-row:nth-child(8) .story-text,
  .story-row:nth-child(12) .story-text{
    padding:34px 38px 32px!important;
    min-height:auto!important;
  }
  .story-row:nth-child(4) .story-copy-columns,
  .story-row:nth-child(8) .story-copy-columns,
  .story-row:nth-child(12) .story-copy-columns{
    align-items:start;
  }
  .story-row:nth-child(4) .story-copy-col:nth-child(2),
  .story-row:nth-child(8) .story-copy-col:nth-child(2),
  .story-row:nth-child(12) .story-copy-col:nth-child(2){
    padding-top:30px!important;
  }
  .wusel-scatter{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }
  .wusel-scatter span{display:block!important;margin-top:9px!important}
  .story-grow{display:block!important}
  .story-grow span{display:inline!important}
  .story-grow span + span::before{content:" ";}
  @media(max-width:900px){
    .story-copy-columns,
    .story-wide-columns{grid-template-columns:1fr!important;gap:12px!important}
    .story-row:nth-child(4) .story-copy-col:nth-child(2),
    .story-row:nth-child(8) .story-copy-col:nth-child(2),
    .story-row:nth-child(12) .story-copy-col:nth-child(2){padding-top:0!important}
    .story-row:nth-child(1){grid-template-columns:1fr!important}
  }
  #readaloud{padding-top:38px!important;}
  .story-text h3,
  .story-text h3 span,
  .story-text .story-bigword{
    font-family:Georgia,serif!important;
    color:var(--deep)!important;
  }
  .story-text,
  .story-text p,
  .story-step,
  .story-audio,
  .story-text strong,
  .story-text span:not(.story-bigword){
    font-family:Inter,Arial,sans-serif!important;
  }
  .story-text p{
    font-size:19px!important;
    line-height:1.62!important;
  }
  .story-text h3 .story-bigword,
  .story-text h3 span.story-bigword{
    display:inline!important;
    font-size:inherit!important;
    line-height:inherit!important;
    font-weight:inherit!important;
    letter-spacing:inherit!important;
    margin:0!important;
    padding:0!important;
  }
  .story-row.story-row-04-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:20px!important;
    align-items:stretch;
  }
  .story-row.story-row-04-grid .story-card{
    min-height:330px!important;
    border-radius:var(--story-radius)!important;
  }
  .story-row.story-row-04-grid .story-visual,
  .story-row.story-row-04-grid .story-visual img{
    min-height:330px!important;
    height:100%!important;
  }
  .story-row.story-row-04-grid .story-text{
    padding:34px 38px 30px!important;
    justify-content:center;
  }
  .story-row.story-row-04-grid .story-04-text-b{
    background:var(--sage)!important;
  }
  .story-row:nth-child(8) .story-copy-columns,
  .story-row:nth-child(12) .story-copy-columns{
    align-items:start!important;
  }
  .story-row:nth-child(8) .story-align-copy,
  .story-row:nth-child(12) .story-align-copy{
    padding-top:76px!important;
  }
  .story-row:nth-child(8) .story-copy-col:nth-child(2),
  .story-row:nth-child(12) .story-copy-col:nth-child(2){
    padding-top:76px!important;
  }
  @media(max-width:900px){
    #readaloud{padding-top:26px!important;}
    .story-row.story-row-04-grid{grid-template-columns:1fr!important;gap:16px!important;}
    .story-row.story-row-04-grid .story-card,
    .story-row.story-row-04-grid .story-visual,
    .story-row.story-row-04-grid .story-visual img{min-height:300px!important;}
    .story-row:nth-child(8) .story-align-copy,
    .story-row:nth-child(12) .story-align-copy,
    .story-row:nth-child(8) .story-copy-col:nth-child(2),
    .story-row:nth-child(12) .story-copy-col:nth-child(2){padding-top:0!important;}
  }
  .mode-coming{position:relative;}
  .mode-coming > *:not(.soon-badge){opacity:.42;}
  .mode-coming .soon-badge{opacity:1!important;position:relative;z-index:2;}
  #readaloud{padding-top:56px!important;}
  .story-row.story-row-04-grid{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr)!important;
  }
  .story-row.story-row-04-grid .story-04-text-b{grid-column:1;grid-row:2;}
  .story-row.story-row-04-grid .story-04-image-b{grid-column:2;grid-row:2;}
  .story-row.story-row-04-grid .story-04-text-b h3{margin-bottom:14px!important;}
  .story-row:nth-child(8) .story-align-copy,
  .story-row:nth-child(12) .story-align-copy,
  .story-row:nth-child(8) .story-copy-col:nth-child(2),
  .story-row:nth-child(12) .story-copy-col:nth-child(2){
    padding-top:83px!important;
  }
  .reader-sec{padding-bottom:58px!important;}
  .story-after{padding:58px 0 72px!important;}
  .story-after .heart{margin-bottom:9px!important;}
  .club-coming{position:relative;}
  .club-coming > *:not(.soon-badge){opacity:.42;}
  .club-coming .soon-badge{opacity:1!important;position:relative;z-index:2;}
  @media(max-width:900px){
    #readaloud{padding-top:38px!important;}
    .story-row.story-row-04-grid{grid-template-columns:1fr!important;}
    .story-row.story-row-04-grid .story-04-text-b,
    .story-row.story-row-04-grid .story-04-image-b{grid-column:auto;grid-row:auto;}
    .story-row:nth-child(8) .story-align-copy,
    .story-row:nth-child(12) .story-align-copy,
    .story-row:nth-child(8) .story-copy-col:nth-child(2),
    .story-row:nth-child(12) .story-copy-col:nth-child(2){padding-top:0!important;}
  }
  #readaloud{padding-top:88px!important;}
  .story-row:not(.story-row-04-grid):not(:nth-child(8)):not(:nth-child(12)){
    grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;
  }
  .story-row.reverse:not(.story-row-04-grid):not(:nth-child(8)):not(:nth-child(12)){
    grid-template-columns:minmax(0,7fr) minmax(0,5fr)!important;
  }
  .story-wide-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:30px!important;
    row-gap:0!important;
    align-items:start!important;
  }
  .story-wide-heading{grid-column:1;grid-row:1;}
  .story-wide-heading-spacer{grid-column:2;grid-row:1;}
  .story-wide-copy-left{grid-column:1;grid-row:2;}
  .story-wide-copy-right{grid-column:2;grid-row:2;}
  .story-wide-copy{padding:0!important;margin:0!important;}
  .story-wide-copy p:first-child{margin-top:0!important;}
  @media(max-width:900px){
    #readaloud{padding-top:52px!important;}
    .story-row:not(.story-row-04-grid){grid-template-columns:1fr!important;}
    .story-row:not(.story-row-04-grid) .story-visual{order:1!important;}
    .story-row:not(.story-row-04-grid) .story-text{order:2!important;}
    .story-row.story-row-04-grid{grid-template-columns:1fr!important;}
    .story-row.story-row-04-grid .story-04-image-a{order:1!important;grid-column:auto!important;grid-row:auto!important;}
    .story-row.story-row-04-grid .story-04-text-a{order:2!important;grid-column:auto!important;grid-row:auto!important;}
    .story-row.story-row-04-grid .story-04-image-b{order:3!important;grid-column:auto!important;grid-row:auto!important;}
    .story-row.story-row-04-grid .story-04-text-b{order:4!important;grid-column:auto!important;grid-row:auto!important;}
    .story-wide-layout{grid-template-columns:1fr!important;column-gap:0!important;}
    .story-wide-heading{grid-column:1;grid-row:1;}
    .story-wide-heading-spacer{display:none!important;}
    .story-wide-copy-left{grid-column:1;grid-row:2;}
    .story-wide-copy-right{grid-column:1;grid-row:3;}
  }
  .story-row-04-grid{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:var(--story-gap)!important;
    align-items:stretch;
  }
  .story-row-04-grid .story-04-image-a{grid-column:1 / span 7;grid-row:1}
  .story-row-04-grid .story-04-text-a{grid-column:8 / span 5;grid-row:1}
  .story-row-04-grid .story-04-text-b{grid-column:1 / span 5;grid-row:2}
  .story-row-04-grid .story-04-image-b{grid-column:6 / span 7;grid-row:2}
  @media (max-width:900px){
    .story-row:not(.story-row-04-grid){
      display:flex!important;
      flex-direction:column!important;
    }
    .story-row:not(.story-row-04-grid) > .story-visual{
      order:1!important;
      width:100%!important;
    }
    .story-row:not(.story-row-04-grid) > .story-text{
      order:2!important;
      width:100%!important;
    }
    .story-row-04-grid{
      display:flex!important;
      flex-direction:column!important;
      gap:var(--story-gap)!important;
    }
    .story-row-04-grid .story-04-image-a{order:1!important;width:100%!important}
    .story-row-04-grid .story-04-text-a{order:2!important;width:100%!important}
    .story-row-04-grid .story-04-image-b{order:3!important;width:100%!important}
    .story-row-04-grid .story-04-text-b{order:4!important;width:100%!important}
  }
  @media (min-width:901px){
    .story-row.story-row-04-grid{
      display:flex!important;
      flex-direction:column!important;
      gap:var(--story-gap)!important;
    }
    .story-row-04-grid .story-04-pair{
      display:grid!important;
      gap:var(--story-gap)!important;
      align-items:stretch!important;
      width:100%!important;
    }
    .story-row-04-grid .story-04-pair-a{
      grid-template-columns:minmax(0,7fr) minmax(0,5fr)!important;
    }
    .story-row-04-grid .story-04-pair-b{
      grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;
    }
    .story-row-04-grid .story-04-image-a,
    .story-row-04-grid .story-04-text-a,
    .story-row-04-grid .story-04-text-b,
    .story-row-04-grid .story-04-image-b{
      grid-column:auto!important;
      grid-row:auto!important;
      width:auto!important;
    }
  }
  @media (max-width:900px){
    .story-row-04-grid .story-04-pair{
      display:flex!important;
      flex-direction:column!important;
      gap:var(--story-gap)!important;
      width:100%!important;
    }
    .story-row-04-grid .story-04-pair-a .story-04-image-a{order:1!important;}
    .story-row-04-grid .story-04-pair-a .story-04-text-a{order:2!important;}
    .story-row-04-grid .story-04-pair-b .story-04-image-b{order:1!important;}
    .story-row-04-grid .story-04-pair-b .story-04-text-b{order:2!important;}
  }
#readaloud .story-step{
  font-family:Inter,Arial,sans-serif!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  font-weight:800!important;
  color:var(--deep)!important;
  opacity:.42!important;
  margin:0 0 10px!important;
  text-transform:none!important;
}
#readaloud .story-text h3{display:none!important;}
#readaloud .story-lead{
  font-family:Georgia,serif!important;
  font-size:clamp(22px,2.15vw,29px)!important;
  line-height:1.22!important;
  font-weight:700!important;
  letter-spacing:-.018em!important;
  color:var(--deep)!important;
  margin-top:0!important;
  margin-bottom:16px!important;
}
#readaloud .story-text p:not(.story-lead){
  margin-top:0;
}
#readaloud .story-wide-heading{
  grid-column:1 / -1!important;
  margin:0 0 8px!important;
  min-height:0!important;
}
#readaloud .story-wide-heading-spacer{display:none!important;}
#readaloud .story-wide-copy-left,
#readaloud .story-wide-copy-right{padding-top:0!important;}
@media (max-width:760px){
  #readaloud .story-lead{
    font-size:22px!important;
    line-height:1.25!important;
    margin-bottom:13px!important;
  }
}
.clear-view{background:#fff!important;color:#111!important;}
.clear-view-shell{background:#fff;padding:4px 0 12px;}
.clear-view .story-flow{background:#fff!important;}
.clear-view .story-card{background:#fff!important;border:1px solid #d8d8d8!important;box-shadow:none!important;}
.clear-view .story-text,
.clear-view .story-text p,
.clear-view .story-lead,
.clear-view .story-step{color:#111!important;}
.clear-view .story-lead{font-style:normal!important;}
.clear-view .story-visual img{filter:none!important;}
.clear-view .story-audio{background:#fff!important;color:#111!important;border:1px solid #111!important;}
.clear-view .story-grow span,
.clear-view .story-keyline,
.clear-view .story-dialogue{color:#111!important;font:inherit!important;transform:none!important;display:inline!important;}
.story-rating{margin-top:22px;text-align:center;}
.rating-stars{display:flex;justify-content:center;gap:10px;}
.rating-star{border:0;background:transparent;font-family:Arial,sans-serif;font-size:42px;line-height:1;cursor:pointer;padding:4px 5px;color:var(--orange);transition:transform .16s ease;}
.rating-star:hover{transform:scale(1.12);}
.rating-star.is-filled{transform:scale(1.04);}
.rating-feedback{min-height:24px;margin-top:8px;font-size:13px;font-weight:800;color:var(--deep);}
#readaloud .story-row:nth-child(8) .story-wide-copy-left,
#readaloud .story-row:nth-child(8) .story-wide-copy-right,
#readaloud .story-row:nth-child(12) .story-wide-copy-left,
#readaloud .story-row:nth-child(12) .story-wide-copy-right{grid-row:2!important;align-self:start!important;}
#readaloud .story-row:nth-child(8) .story-wide-copy-right p:first-child,
#readaloud .story-row:nth-child(12) .story-wide-copy-right p:first-child{margin-top:0!important;}
.heart-project{
  padding:72px 24px;
  background:#fffaf4;
}
.heart-project-card{
  max-width:900px;
  margin:0 auto;
  padding:54px 40px;
  text-align:center;
  background:#ffffff;
  border-radius:28px;
  box-shadow:0 16px 40px rgba(46,66,59,.08);
}
.heart-project-card .eyebrow{
  margin-bottom:14px;
}
.heart-project-card h2{
  margin:0;
  font-family:Georgia,serif;
  font-size:clamp(34px,5vw,56px);
  line-height:1.04;
  color:var(--deep);
}
.heart-project-card p{
  max-width:690px;
  margin:18px auto 0;
  font-size:18px;
  line-height:1.65;
}
@media (max-width:700px){
  .heart-project{padding:52px 18px;}
  .heart-project-card{padding:38px 24px;border-radius:24px;}
  .heart-project-card p{font-size:17px;}
}
.story-row:nth-child(9) .story-grow{
  margin:14px 0 16px;
  font-family:Georgia,serif;
  font-weight:700;
  line-height:1.02;
}
.story-row:nth-child(9) .story-grow span,
.story-row:nth-child(9) .story-grow span:nth-child(1),
.story-row:nth-child(9) .story-grow span:nth-child(2),
.story-row:nth-child(9) .story-grow span:nth-child(3){
  font-size:clamp(30px,3vw,40px)!important;
  color:var(--ink)!important;
  transform:none!important;
  font-family:Georgia,serif!important;
  font-weight:700!important;
}
.wuselfehler details,
.wuselfehler details:last-of-type{
  border-top:0!important;
  border-bottom:0!important;
}
.wuselfehler summary{
  display:inline-flex;
  align-items:center;
  gap:9px;
  list-style:none;
}
.wuselfehler summary::-webkit-details-marker{display:none;}
.wuselfehler summary::after{
  content:"+";
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#fff;
  font-size:16px;
  line-height:1;
  font-weight:900;
}
.wuselfehler details[open] summary::after{content:"−";}
.story-row:nth-child(9) .story-grow span,
.story-row:nth-child(9) .story-grow span:nth-child(1),
.story-row:nth-child(9) .story-grow span:nth-child(2),
.story-row:nth-child(9) .story-grow span:nth-child(3){
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  color:inherit!important;
  transform:none!important;
}
.story-row:nth-child(9) .story-grow{
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  color:inherit!important;
}
@media (max-width:900px){
  #readaloud .story-row:nth-child(8) .story-wide-layout,
  #readaloud .story-row:nth-child(12) .story-wide-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-auto-flow:row!important;
  }
  #readaloud .story-row:nth-child(8) .story-wide-heading,
  #readaloud .story-row:nth-child(12) .story-wide-heading{
    grid-column:1!important;
    grid-row:1!important;
  }
  #readaloud .story-row:nth-child(8) .story-wide-copy-left,
  #readaloud .story-row:nth-child(12) .story-wide-copy-left{
    grid-column:1!important;
    grid-row:2!important;
    position:static!important;
  }
  #readaloud .story-row:nth-child(8) .story-wide-copy-right,
  #readaloud .story-row:nth-child(12) .story-wide-copy-right{
    grid-column:1!important;
    grid-row:3!important;
    position:static!important;
    margin-top:14px!important;
  }
}
#readaloud .story-row:nth-child(9) .story-grow-line{
  margin-top:28px!important;
}
.toolbar{
  flex-wrap:wrap!important;
}
.story-player{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
}
.player-btn{
  border:1px solid rgba(23,63,59,.14);
  background:rgba(255,255,255,.82);
  border-radius:999px;
  padding:8px 11px;
  font-family:Inter,Arial,sans-serif;
  font-size:10px;
  font-weight:750;
  cursor:pointer;
  transition:background .16s ease,transform .16s ease,border-color .16s ease;
}
.player-btn:hover{transform:translateY(-1px);background:#fff;}
.player-btn.player-play{background:var(--deep);color:#fff;border-color:var(--deep);}
.player-btn:disabled{opacity:.42;cursor:default;transform:none;}
.voice-wrap,
.volume-wrap{
  display:flex;
  align-items:center;
  gap:6px;
  color:#60716c;
  font-size:9px;
  font-weight:800;
}
.voice-wrap select{
  max-width:150px;
  height:31px;
  border:1px solid rgba(23,63,59,.14);
  border-radius:999px;
  background:#fff;
  color:var(--ink);
  padding:0 24px 0 9px;
  font-family:Inter,Arial,sans-serif;
  font-size:10px;
}
.volume-wrap input{width:70px;accent-color:var(--deep);}
.player-status{
  min-width:42px;
  color:#73817d;
  font-size:9px;
  font-weight:750;
}
.story-audio{
  font-family:Inter,Arial,sans-serif!important;
  font-size:10.5px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  color:rgba(23,63,59,.72)!important;
  background:rgba(255,255,255,.48)!important;
  border:1px solid rgba(23,63,59,.10)!important;
  box-shadow:none!important;
  padding:7px 11px!important;
  opacity:.82;
}
.story-audio:hover{
  opacity:1;
  background:rgba(255,255,255,.72)!important;
}
.clear-view .story-audio{
  font-family:Inter,Arial,sans-serif!important;
  color:#444!important;
  border:1px solid #d4d4d4!important;
  background:#fff!important;
}
@media(max-width:900px){
  .toolbar{
    align-items:flex-start!important;
  }
  .story-player{
    width:100%;
    justify-content:flex-start;
    padding-top:2px;
  }
  .voice-wrap select{max-width:128px;}
}
@media(max-width:650px){
  .story-player{
    gap:6px;
  }
  .player-btn{
    padding:7px 9px;
    font-size:9.5px;
  }
  .voice-wrap span:first-child{display:none;}
  .voice-wrap select{max-width:112px;}
  .volume-wrap input{width:58px;}
  .player-status{display:none;}
}
.story-audio:hover{
  opacity:1!important;
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(23,63,59,.20)!important;
  box-shadow:0 5px 14px rgba(23,63,59,.11)!important;
  transform:translateY(-1px) scale(1.02)!important;
}
.story-after .story-goodnight{
  font-size:clamp(40px,4.8vw,62px);
  line-height:1.02;
  margin:0;
}
.story-after .story-rating-question{
  margin:28px 0 0;
  font-family:Georgia,serif;
  font-size:clamp(23px,2.4vw,31px);
  line-height:1.2;
  color:var(--deep);
}
.story-after .story-rating{
  margin-top:12px;
}
.wuselfehler-card{
  align-items:stretch!important;
}
.wuselfehler-left{
  padding:4px 2px;
}
.wuselfehler-question{
  font-family:Georgia,serif!important;
  font-size:24px!important;
  line-height:1.25!important;
  color:var(--deep)!important;
  margin-top:-4px!important;
}
.wuselfehler-left .wusel-look{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:24px;
}
.wuselfehler-left .wusel-look button{
  min-height:54px;
  display:flex;
  align-items:center;
  gap:10px;
  text-align:left;
  border:1px solid rgba(23,63,59,.11);
  border-radius:16px;
  padding:9px 12px;
  background:#fff;
  font-size:12px;
  font-weight:800;
}
.wuselfehler-left .wusel-look button:nth-child(1){background:#fbefe8;}
.wuselfehler-left .wusel-look button:nth-child(2){background:#edf4f2;}
.wuselfehler-left .wusel-look button:nth-child(3){background:#fff5d9;}
.wuselfehler-left .wusel-look button:nth-child(4){background:#f1ebf5;}
.wuselfehler-left .wusel-look button:nth-child(5){background:#edf3f7;}
.wuselfehler-left .wusel-look button:nth-child(6){background:#f5f0e8;}
.wuselfehler-left .wusel-look button:hover{
  transform:translateY(-2px) scale(1.015);
  box-shadow:0 8px 18px rgba(23,63,59,.09);
}
.wusel-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.78);
  font-size:18px;
}
.wuselfehler-left .wusel-win-msg{
  margin-top:10px;
}
.wuselfehler-game{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.wuselfehler-game .wuselfehler-why{
  margin-top:22px!important;
  padding-top:0!important;
}
.wuselfehler-game .wuselfehler-why summary{
  display:flex!important;
  width:100%;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-radius:14px;
  padding:12px 14px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(23,63,59,.10);
  font-size:13px;
  font-weight:850;
}
.wuselfehler-game .wuselfehler-why summary::after{
  content:"↓"!important;
  width:24px!important;
  height:24px!important;
  flex:0 0 24px;
  border-radius:50%;
  background:#fff;
  display:grid!important;
  place-items:center;
  font-size:14px!important;
  font-weight:900;
  transition:transform .18s ease;
}
.wuselfehler-game .wuselfehler-why[open] summary::after{
  content:"↑"!important;
}
.wuselfehler-game .wuselfehler-why p{
  margin:14px 2px 0!important;
  padding:0 4px 2px;
  font-size:14px;
  line-height:1.7;
  color:#5d706a;
}
@media(max-width:900px){
  .wuselfehler-card{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:560px){
  .wuselfehler-left .wusel-look{
    grid-template-columns:1fr;
  }
}
.wuselfehler-answer-switch{
  display:inline-flex;
  gap:6px;
  margin:16px 0 2px;
  padding:4px;
  border-radius:999px;
  background:rgba(255,255,255,.58);
}
.wuselfehler-answer-tab{
  border:0;
  background:transparent;
  border-radius:999px;
  padding:7px 11px;
  font-size:11px;
  font-weight:850;
  color:#60716c;
  cursor:pointer;
}
.wuselfehler-answer-tab.active{
  background:#fff;
  color:var(--deep);
  box-shadow:0 3px 10px rgba(23,63,59,.08);
}
.wuselfehler-answer{
  display:none;
}
.wuselfehler-answer.active{
  display:block;
}
.wuselfehler-answer p{
  margin-top:12px!important;
}
@media(max-width:700px){
  .wuselfehler-left .wusel-look{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:460px){
  .wuselfehler-left .wusel-look{
    grid-template-columns:1fr;
  }
}
.clear-view .story-row.story-row-04-grid .story-04-text-b{
  background:#fff!important;
}
.speech-popup-trigger{
  flex:0 0 auto;
  white-space:nowrap;
}
.story-player.speech-popup{
  display:none!important;
}
.story-player.speech-popup.is-open{
  position:fixed!important;
  z-index:1000!important;
  top:138px!important;
  right:max(20px,4vw)!important;
  left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  width:auto!important;
  max-width:min(850px,94vw)!important;
  padding:14px 16px!important;
  border:1px solid rgba(23,63,59,.17)!important;
  border-radius:22px!important;
  background:rgba(255,253,248,.98)!important;
  box-shadow:0 18px 48px rgba(23,63,59,.22)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.story-player.speech-popup.is-open::before{
  content:"Vorlesen";
  flex:0 0 100%;
  margin:0 0 1px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:#6f806f;
}
.story-player.speech-popup.is-open .player-btn{
  min-height:42px!important;
  padding:10px 13px!important;
  font-size:12px!important;
  font-weight:850!important;
  background:#fff!important;
  border:1px solid rgba(23,63,59,.14)!important;
  border-radius:12px!important;
  white-space:nowrap!important;
}
.story-player.speech-popup.is-open .player-play{
  background:var(--deep)!important;
  color:#fff!important;
  border-color:var(--deep)!important;
}
.story-player.speech-popup.is-open .player-seek{
  min-width:76px!important;
  font-size:14px!important;
}
.story-player.speech-popup.is-open .voice-wrap,
.story-player.speech-popup.is-open .volume-wrap{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:7px 10px!important;
  border:1px solid rgba(23,63,59,.12)!important;
  border-radius:12px!important;
  background:#fff!important;
}
.story-player.speech-popup.is-open .voice-wrap select{
  max-width:155px!important;
  font-size:12px!important;
}
.story-player.speech-popup.is-open .volume-wrap input{
  width:110px!important;
}
.story-player.speech-popup.is-open .player-status{
  display:none!important;
}
@media(max-width:900px){
  .story-player.speech-popup.is-open{
    top:116px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    gap:8px!important;
    padding:13px!important;
  }
}
@media(max-width:650px){
  .story-player.speech-popup.is-open{
    top:106px!important;
    left:10px!important;
    right:10px!important;
    padding:12px!important;
    border-radius:18px!important;
    justify-content:center!important;
  }
  .story-player.speech-popup.is-open::before{
    text-align:center;
    font-size:10px;
  }
  .story-player.speech-popup.is-open .player-btn{
    min-height:44px!important;
    padding:10px 12px!important;
    font-size:12px!important;
  }
  .story-player.speech-popup.is-open .player-seek{
    min-width:82px!important;
    font-size:14px!important;
  }
  .story-player.speech-popup.is-open .voice-wrap,
  .story-player.speech-popup.is-open .volume-wrap{
    min-height:44px!important;
  }
  .story-player.speech-popup.is-open .voice-wrap{
    flex:1 1 150px!important;
  }
  .story-player.speech-popup.is-open .voice-wrap select{
    max-width:none!important;
    width:100%!important;
  }
  .story-player.speech-popup.is-open .volume-wrap{
    flex:1 1 145px!important;
  }
  .story-player.speech-popup.is-open .volume-wrap input{
    width:100%!important;
    min-width:90px!important;
  }
}
.heart-project-card h2 em{
  color:var(--orange);
  font-weight:400;
  font-style:italic;
}
.story-player.speech-popup.is-open::before{
  content:none!important;
}
.speech-popup-head{
  flex:0 0 100%;
  display:grid;
  grid-template-columns:42px 1fr 42px;
  align-items:center;
  min-height:34px;
  margin:-3px -2px 2px;
}
.speech-popup-title{
  justify-self:center;
  font-size:11px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:#6f806f;
}
.speech-drag-handle{
  justify-self:start;
  width:38px;
  height:30px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  cursor:grab;
  touch-action:none;
  user-select:none;
  -webkit-user-select:none;
}
.speech-drag-handle:active{ cursor:grabbing; }
.speech-grip-line{
  display:block;
  width:22px;
  height:2px;
  border-radius:999px;
  background:rgba(23,63,59,.45);
}
.speech-popup-close{
  justify-self:end;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:999px;
  background:rgba(23,63,59,.07);
  color:var(--deep);
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.speech-popup-close:hover{
  background:rgba(23,63,59,.12);
}
.story-player.speech-popup.is-dragged{
  left:var(--speech-left)!important;
  top:var(--speech-top)!important;
  right:auto!important;
  bottom:auto!important;
}
@media(max-width:650px){
  .speech-popup-head{
    grid-template-columns:44px 1fr 44px;
    min-height:38px;
  }
  .speech-popup-title{font-size:11px;}
  .speech-drag-handle{
    width:42px;
    height:34px;
  }
  .speech-grip-line{
    width:25px;
    height:3px;
  }
  .speech-popup-close{
    width:38px;
    height:38px;
    font-size:26px;
  }
}
  .chaos-row img{height:132px!important;object-fit:cover!important;object-position:center 56%!important;background:transparent!important;}
  .story-row.story-row-04-grid .story-04-text-b{background:var(--blue)!important;}
  .wuselfehler-game .wuselfehler-why .wuselfehler-answer p{font-size:16px!important;line-height:1.7!important;}
  @media(max-width:650px){
    .head{height:140px!important;position:relative;justify-content:center!important;}
    .brand{overflow:visible!important;}
    .brand img{width:min(267px,96vw)!important;max-width:none!important;max-height:none!important;height:auto!important;}
    .menu-toggle{position:absolute!important;right:0;top:50%;transform:translateY(-50%);z-index:3;}
    .chaos-card{padding:18px 14px!important;}
    .chaos-row{grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)!important;gap:9px!important;}
    .chaos-row img{width:100%!important;height:auto!important;aspect-ratio:1/1!important;}
    .growth{overflow:visible!important;}
    .growth-grid,.growth-grid>div{width:100%!important;min-width:0!important;}
    .growth h2{width:100%!important;max-width:100%!important;font-size:clamp(32px,9.5vw,42px)!important;line-height:1.12!important;letter-spacing:-.035em!important;overflow-wrap:anywhere!important;}
    .library .wrap{width:100%!important;}
    .library .section-head{width:92vw;margin-left:auto;margin-right:auto;}
    .library-grid{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:82vw!important;gap:14px!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:4vw;padding:4px 4vw 20px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
    .library-grid::-webkit-scrollbar{display:none;}
    .library-grid .story-tile{scroll-snap-align:start;min-width:0;}
  }
  .library-card-link{display:block;color:inherit;text-decoration:none;height:100%;}
  .library-card-link:hover .story-thumb h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;}
  .library-next{border:1px dashed rgba(23,63,59,.28);}
  .library-next .story-thumb{min-height:150px;align-items:center;}
  .library-next .story-thumb h3{max-width:260px;}
  .library-next .story-info{min-height:170px;}
  .growth-intro{max-width:820px;margin:0 auto;text-align:center;}
  .growth-intro p{max-width:760px;margin-left:auto;margin-right:auto;}
  .club{padding-top:74px;}
  .club-intro{max-width:760px;margin:0 auto 32px;text-align:center;}
  .club-intro h3{font-size:clamp(30px,4vw,44px);margin:8px 0 12px;}
  .club-intro h3 em{color:var(--orange);font-weight:400;}
  .club-intro p{margin-left:auto;margin-right:auto;color:#63746f;line-height:1.7;}
  .price-card.future-card{background:#e5d5e8;}
  .future-card .soon-badge{margin-bottom:6px;}
  .future-note{font-size:13px;color:#63746f;line-height:1.6;margin-top:18px;}
  .story-player.speech-popup.is-open{border:2px solid rgba(239,112,72,.28)!important;background:linear-gradient(145deg,#fffaf0 0%,#f1f8f4 100%)!important;box-shadow:0 20px 50px rgba(23,63,59,.22),0 0 0 5px rgba(246,200,101,.16)!important;}
  .speech-popup-head{border-bottom:1px dashed rgba(23,63,59,.20);padding-bottom:8px;margin-bottom:3px;}
  .speech-popup-title{color:var(--deep);font-size:12px;letter-spacing:.06em;}
  .story-player.speech-popup.is-open .player-btn{border:1px solid rgba(23,63,59,.16)!important;box-shadow:0 4px 10px rgba(23,63,59,.06);}
  .story-player.speech-popup.is-open .player-play{background:var(--orange)!important;border-color:var(--orange)!important;}
  .story-player.speech-popup.is-open #story-stop{background:#f6c865!important;color:var(--deep)!important;}
  .story-player.speech-popup.is-open .player-seek{background:#dcefeb!important;color:var(--deep)!important;}
  .story-player.speech-popup.is-open .voice-wrap,.story-player.speech-popup.is-open .volume-wrap{background:#fffdf8!important;}
  .wuselfehler-game{justify-content:flex-start;background:#e8efe5;}
  .wuselfehler-game-title{font-size:clamp(31px,4vw,43px)!important;line-height:1.04!important;margin:0 0 20px!important;}
  .wuselfehler-game .wuselfehler-why{margin-top:0!important;}
  .wuselfehler-why-question{font-family:Georgia,serif;font-size:23px;line-height:1.25;color:var(--deep);margin:0 0 10px;}
  .wusel-answer-accordion{margin-top:12px!important;border-radius:15px!important;background:rgba(255,255,255,.62)!important;border:1px solid rgba(23,63,59,.10)!important;overflow:hidden;}
  .wusel-answer-accordion summary{background:#fff!important;border:0!important;border-radius:0!important;padding:14px 15px!important;color:var(--deep);}
  .wusel-answer-accordion p{padding:0 15px 15px!important;margin:0!important;}
  @media(max-width:650px){
    .brand{transform:translateX(-12px);}
    #readaloud .story-row:first-child .story-visual,#clearview .story-row:first-child .story-visual{margin-top:14px!important;min-height:0!important;background:#edf1e7;}
    #readaloud .story-row:first-child .story-visual img,#clearview .story-row:first-child .story-visual img{height:auto!important;min-height:0!important;object-fit:contain!important;object-position:center top!important;}
    .wuselfehler-game{padding:24px 20px!important;}
  }
  .story-player.speech-popup.is-open{
    right:24px!important;
    width:min(680px,calc(100vw - 48px))!important;
    max-width:680px!important;
    gap:8px!important;
    padding:12px 14px 14px!important;
    border:2px solid rgba(239,112,72,.28)!important;
    border-radius:28px!important;
    background:linear-gradient(145deg,#fffaf0 0%,#f1f8f4 100%)!important;
    box-shadow:0 18px 42px rgba(16,59,53,.20),0 0 0 4px rgba(242,219,121,.16)!important;
  }
  .speech-popup-head{
    min-height:30px;
    padding-bottom:6px;
    margin:0 0 2px;
    border-bottom:1px dashed rgba(23,63,59,.20);
  }
  .speech-popup-title{color:var(--deep)!important;font-size:12px;letter-spacing:.08em;}
  .speech-grip-line{background:rgba(23,63,59,.45);}
  .speech-popup-close{
    width:32px;
    height:32px;
    color:var(--deep);
    background:var(--yellow);
  }
  .speech-popup-close:hover{background:#ffe98d;}
  .story-player.speech-popup.is-open .player-btn{
    min-height:40px!important;
    padding:9px 14px!important;
    border:0!important;
    border-radius:999px!important;
    box-shadow:0 4px 0 rgba(0,0,0,.13)!important;
  }
  .story-player.speech-popup.is-open .player-btn:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,0,0,.13)!important;}
  .story-player.speech-popup.is-open .player-play{background:var(--orange)!important;color:#fff!important;}
  .story-player.speech-popup.is-open #story-stop{background:var(--yellow)!important;color:var(--deep)!important;}
  .story-player.speech-popup.is-open .player-seek{min-width:70px!important;background:var(--blue)!important;color:var(--deep)!important;}
  .story-player.speech-popup.is-open .voice-wrap,
  .story-player.speech-popup.is-open .volume-wrap{
    min-height:40px!important;
    padding:6px 11px!important;
    border:0!important;
    border-radius:999px!important;
    background:#fffaf0!important;
  }
  .story-player.speech-popup.is-open .voice-wrap select{max-width:178px!important;}
  .story-player.speech-popup.is-open .volume-wrap{background:var(--sage)!important;}
  .story-player.speech-popup.is-open .volume-wrap input{width:92px!important;}
  .ai-voice-note{
    flex:0 0 100%;
    display:block;
    padding:1px 5px 0;
    color:#58706b;
    font-size:10px;
    line-height:1.35;
    text-align:right;
  }
  .ai-voice-note[hidden]{display:none!important;}
  @media(max-width:900px){
    .story-player.speech-popup.is-open{
      top:112px!important;
      left:50%!important;
      right:auto!important;
      width:min(430px,calc(100vw - 30px))!important;
      max-width:430px!important;
      transform:translateX(-50%);
      justify-content:center!important;
    }
    .story-player.speech-popup.is-dragged{transform:none!important;}
    .story-player.speech-popup.is-open .voice-wrap{display:none!important;}
    .story-player.speech-popup.is-open .volume-wrap{flex:1 1 100%!important;justify-content:center!important;}
    .story-player.speech-popup.is-open .volume-wrap input{width:min(210px,62vw)!important;}
    .ai-voice-note{text-align:center;}
    .story-audio{
      display:inline-flex!important;
      align-items:center;
      justify-content:center;
      min-height:44px;
    }
  }
  .syllable-view{background:transparent;padding:4px 0 12px;}
  .syllable-guide{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin:0 0 22px;
    padding:13px 18px;
    border:1px solid rgba(23,63,59,.12);
    border-radius:18px;
    background:#fff;
    color:var(--deep);
    font-size:14px;
    font-weight:800;
    text-align:center;
  }
  .syllable-guide-dots{white-space:nowrap;font-size:18px;letter-spacing:2px;}
  .syllable-guide-blue{color:#176a96;}
  .syllable-guide-orange{color:#d95736;}
  #syllable .syllable-word{white-space:nowrap;}
  #syllable .syllable-part{font-weight:780;}
  #syllable .story-text p,
  #syllable .story-text p *{
    font-size:22px!important;
    line-height:1.7!important;
  }
  #syllable .syllable-a{color:#176a96!important;}
  #syllable .syllable-b{color:#d95736!important;}
  #syllable .story-dialogue .syllable-part{font-style:inherit;}
  @media(max-width:650px){
    .syllable-guide{margin:0 0 15px;padding:11px 13px;font-size:13px;}
    #syllable .story-text p,
    #syllable .story-text p *{font-size:21px!important;line-height:1.72!important;}
  }
  #readaloud,#clearview,#syllable,#together{box-sizing:border-box;padding:88px 18px 48px!important;}
  #clearview .clear-view-shell,#syllable .syllable-view{padding-top:0!important;}
  #together,#syllable{background:transparent!important;}
  #together .together-shell{max-width:none;padding:0;margin:0;}
  #together .together-story{display:block;}
  #together .story-flow{width:100%;}
  #together .story-text{background:#fff!important;}
  #together .story-card{border:1px solid rgba(23,63,59,.12);}
  #together .story-text,#together .story-text p,#together .together-chunk{font-family:Inter,Arial,sans-serif!important;}
  #together .together-chunk{margin:0 0 15px!important;padding-left:0;font-size:18px!important;line-height:1.62!important;font-weight:500;}
  #together .together-chunk::before{display:none!important;content:none!important;}
  #together .together-chunk[data-reader="adult"]{color:#111!important;margin-bottom:8px!important;}
  #together .together-chunk[data-reader="child"]{color:#176a96!important;font-size:22px!important;line-height:1.7!important;font-weight:900;}
  #together .together-chunk[data-reader="child"],
  #together .together-chunk[data-reader="child"] *{font-weight:900!important;}
  #together .together-chunk{display:block!important;width:100%;clear:both;}
  #together .together-chunk.together-after-child{margin-top:18px!important;}
  #together .together-dot{width:20px;height:20px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(23,63,59,.12);}
  #together .together-dot-adult{background:#111;}
  #together .together-dot-child{background:linear-gradient(90deg,#176a96 0 50%,#d95736 50% 100%);}
  #together .together-chunk[data-reader="child"] .syllable-a{color:#176a96!important;}
  #together .together-chunk[data-reader="child"] .syllable-b{color:#d95736!important;}
  #together .together-chunk[data-reader="child"] .syllable-part{font-size:inherit!important;line-height:inherit!important;font-weight:900!important;}
  @media(max-width:900px){
    #readaloud,#clearview,#syllable,#together{padding:76px 18px 48px!important;}
  }
  @media(max-width:650px){
    #readaloud,#clearview,#syllable,#together{padding-left:14px!important;padding-right:14px!important;}
    #together .together-chunk[data-reader="child"]{font-size:21px!important;line-height:1.72!important;}
  }
.reader-sec{padding-top:0!important;}
.wusel-gallery-trigger{
  border-bottom:2px solid transparent!important;
  padding-bottom:4px!important;
  text-decoration:none!important;
  transition:color .18s ease,border-color .18s ease;
}
.wusel-gallery-trigger:hover,.wusel-gallery-trigger:focus-visible{
  color:var(--orange)!important;
  border-bottom-color:currentColor!important;
}
.wusel-gallery-modal{
  position:fixed!important;
  inset:auto 24px auto auto!important;
  top:130px!important;
  z-index:1001!important;
  display:none!important;
  width:min(860px,calc(100vw - 48px))!important;
  padding:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none;
}
.wusel-gallery-modal.open{display:block!important;}
.wusel-gallery-modal.is-dragged{
  left:var(--gallery-left)!important;
  top:var(--gallery-top)!important;
  right:auto!important;
}
.wusel-gallery-dialog{
  box-sizing:border-box;
  width:100%!important;
  max-height:calc(100dvh - 150px);
  overflow:auto;
  padding:14px 72px 22px!important;
  border:2px solid rgba(239,112,72,.28);
  border-radius:26px;
  background:#fffdf8;
  box-shadow:0 22px 58px rgba(23,63,59,.25);
  pointer-events:auto;
}
.wusel-gallery-head{
  display:grid;
  grid-template-columns:42px 1fr 42px;
  align-items:center;
  min-height:38px;
  margin:0 -56px 12px;
  padding:0 4px 10px;
  border-bottom:1px dashed rgba(23,63,59,.22);
  color:var(--deep);
  font:900 12px Inter,sans-serif;
  letter-spacing:.08em;
  text-align:center;
  text-transform:uppercase;
}
.wusel-gallery-drag{display:grid;gap:4px;padding:8px;cursor:grab;touch-action:none;}
.wusel-gallery-drag:active{cursor:grabbing;}
.wusel-gallery-close{position:static!important;justify-self:end;width:34px!important;height:34px!important;background:var(--yellow)!important;}
body.wusel-gallery-open{overflow:auto!important;}
.skip-link{
  position:fixed;
  z-index:2000;
  top:10px;
  left:10px;
  padding:12px 16px;
  border-radius:10px;
  background:var(--deep);
  color:#fff;
  font:800 14px Inter,Arial,sans-serif;
  transform:translateY(-150%);
  transition:transform .18s ease;
}
.skip-link:focus{transform:translateY(0);}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  .mode:hover{transform:none!important;}
}
.library-grid .story-thumb{
  align-items:center!important;
}
@media(max-width:900px){
  .story-player.speech-popup.is-open{
    box-sizing:border-box!important;
    left:50%!important;
    right:auto!important;
    width:min(430px,calc(100vw - 20px))!important;
    max-width:430px!important;
    max-height:calc(100dvh - 24px)!important;
    overflow-y:auto!important;
    transform:translateX(-50%)!important;
  }
  .story-player.speech-popup.is-open .voice-wrap{
    display:flex!important;
    flex:1 1 100%!important;
    justify-content:center!important;
  }
  .story-player.speech-popup.is-open .voice-wrap select{
    width:min(245px,65vw)!important;
    max-width:245px!important;
  }
  .story-player.speech-popup.is-dragged{transform:translateX(-50%)!important;}
  .wusel-gallery-modal{
    top:100px!important;
    right:10px!important;
    width:calc(100vw - 20px)!important;
  }
  .wusel-gallery-modal.is-dragged{right:auto!important;}
  .wusel-gallery-dialog{max-height:calc(100dvh - 110px);padding:12px 16px 18px!important;}
  .wusel-gallery-head{margin:0 0 12px;}
}

body.story-page{background:#fffdf8;}
.story-page .ann{background:#173f3b;}
.story-page header{position:sticky;top:0;z-index:30;}
body.story-page .reader-sec{
  padding-top:62px!important;
  border-top:0!important;
}
body.story-page .story-title h1 em{
  color:var(--orange)!important;
  font-style:italic!important;
  font-weight:400!important;
}
.story-page footer{margin-top:0;}
.story-title-image-placeholder{
  min-height:310px;
  margin:0;
  display:flex;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:28px;
  background:#eef3ed;
  box-shadow:var(--shadow);
}
.story-title-image-placeholder img{
  width:100%;
  min-height:310px;
  display:block;
  object-fit:cover;
}
body.story-page .story-questions{
  padding:96px 0 104px!important;
  background:#fff!important;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.story-questions-head{
  max-width:760px;
  margin:0 auto 28px;
  text-align:center;
}
.story-questions-head h2{
  margin:8px 0 10px;
  font-size:clamp(38px,5vw,60px);
  line-height:1;
  letter-spacing:-.035em;
}
body.story-page .story-questions-head h2 em{
  color:var(--orange)!important;
  font-style:italic!important;
  font-weight:400!important;
}
.story-questions-head p{margin:0;color:#63746f;font-size:18px;line-height:1.6;}
.story-question-list{max-width:700px;margin:0 auto;display:grid;gap:9px;}
.story-question{
  margin:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 8px 24px rgba(48,68,61,.07);
}
.story-question:nth-child(1){background:#edf4f2;}
.story-question:nth-child(2){background:#fff3cb;}
.story-question:nth-child(3){background:#fbebe2;}
.story-question summary{
  position:relative;
  padding:10px 50px 10px 16px;
  cursor:pointer;
  list-style:none;
  color:var(--deep);
  font-size:17px;
  font-weight:900;
  line-height:1.3;
}
.story-question summary::-webkit-details-marker{display:none;}
.story-question summary::after{
  content:"+";
  position:absolute;
  top:50%;
  right:12px;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  border-radius:50%;
  background:#fffdf8;
  color:var(--deep);
  font-size:19px;
  line-height:1;
}
.story-question[open] summary::after{content:"−";}
.story-question-answer{
  margin:0;
  padding:4px 16px 14px;
  color:#41544e;
  font-family:Georgia,serif;
  font-size:18px;
  line-height:1.65;
}
@media(max-width:900px){
  body.story-page .reader-sec{padding-top:62px!important;}
  .story-title-image-placeholder{min-height:260px;box-shadow:none;}
  .story-title-image-placeholder img{min-height:260px;}
  body.story-page .story-questions{padding:72px 0 80px!important;}
  .story-question summary{padding:10px 46px 10px 14px;font-size:16px;}
  .story-question summary::after{right:10px;}
  .story-question-answer{padding:4px 14px 13px;font-size:17px;}
}
body#story-two.story-second {--story-layout-gap:20px;}
body#story-two.story-second .story-mode .story-flow {
  display:flex!important; flex-direction:column!important;
  gap:var(--story-layout-gap)!important;
}
body#story-two.story-second .story-mode .story-flow .story-row {
  display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,2fr)!important;
  grid-template-areas:"copy picture"!important; gap:var(--story-layout-gap)!important;
  width:100%!important; max-width:none!important; margin:0!important;
  padding:0!important; align-items:stretch!important; transform:none!important;
}
body#story-two.story-second .story-mode .story-flow .story-row.reverse {
  grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important;
  grid-template-areas:"picture copy"!important;
}
body#story-two.story-second .story-mode .story-row > .story-text {
  grid-area:copy!important; width:auto!important; max-width:none!important;
  min-width:0!important; min-height:0!important; margin:0!important; padding:34px!important;
  transform:none!important; align-self:stretch!important; height:auto!important;
}
body#story-two.story-second .story-mode .story-row > .story-text p{display:block!important;}
body#story-two.story-second .story-mode .story-row:nth-child(13) > .story-text{background:var(--yellow)!important;}
body#story-two.story-second .story-mode .story-row:nth-child(14) > .story-text{background:var(--peach)!important;}
body#story-two.story-second .story-mode .story-magic,
body#story-two.story-second .story-mode .story-emphasis{
  font-family:Georgia,serif!important;font-size:clamp(22px,2.15vw,29px)!important;
  font-weight:700!important;line-height:1.2!important;
}
body#story-two.story-second .story-magic{display:inline-block;white-space:nowrap;}
body#story-two.story-second .magic-star::after{content:' ✦';color:var(--orange);font-size:.65em;}
body#story-two.story-second .story-mode .story-row > .story-visual {
  grid-area:picture!important; width:100%!important; min-width:0!important;
  margin:0!important; padding:0!important; height:auto!important; min-height:0!important;
  aspect-ratio:auto!important; transform:none!important; align-self:stretch!important;
  position:relative!important;display:block!important;overflow:hidden!important;
}
body#story-two.story-second .story-mode .story-row > .story-visual::before {
  content:'';display:block;padding-top:86.25%;
}
body#story-two.story-second .story-mode .story-row > .story-visual img {
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  min-height:0!important; max-height:none!important; aspect-ratio:auto!important;
  object-fit:cover!important;object-position:center!important;display:block!important;transform:none!important;
}
body#story-two.story-second .story-title h1{font-size:clamp(46px,5.6vw,76px);}
.audio-pending{font:700 14px/1.5 Arial,sans-serif;padding:12px 18px;color:var(--deep);}
@media(max-width:900px){
  body#story-two.story-second {--story-layout-gap:16px;}
  body#story-two.story-second .story-mode .story-flow .story-row,
  body#story-two.story-second .story-mode .story-flow .story-row.reverse {
    grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"copy" "picture"!important;
  }
  body#story-two.story-second .story-mode .story-row > .story-text{padding:28px 22px!important;}
}
@media(max-width:760px){
  body#story-two.story-second .story-mode .story-magic,
  body#story-two.story-second .story-mode .story-emphasis{font-size:22px!important;}
}
body#story-two.story-second .story-mode .story-row:nth-child(7) > .story-visual,
body#story-two.story-second .story-mode .story-row:nth-child(14) > .story-visual {
  align-self:start!important;
}
body#story-two.story-second .story-mode .story-row:nth-child(7) > .story-visual::before,
body#story-two.story-second .story-mode .story-row:nth-child(14) > .story-visual::before {
  display:none!important;
}
body#story-two.story-second .story-mode .story-row:nth-child(7) > .story-visual img,
body#story-two.story-second .story-mode .story-row:nth-child(14) > .story-visual img {
  position:static!important;height:auto!important;object-fit:contain!important;
}
@media(max-width:900px){
  .mobile-nav .library-menu-label{justify-content:flex-start;}
  .mobile-nav .library-menu-label>a{flex:0 0 auto;}
  .mobile-nav .library-menu-toggle{width:32px;height:32px;margin-left:2px;margin-right:0;}
}
@media(max-width:900px){
  .mobile-nav{text-align:center;}
  .mobile-nav>a{display:block;text-align:center;}
  .mobile-nav .library-menu-label{justify-content:center;}
  .mobile-nav .library-menu-label>a{flex:0 0 auto;text-align:center;}
  .mobile-nav .library-menu-toggle{margin-left:2px;margin-right:0;}
  .mobile-nav .library-submenu{text-align:center;}
  .mobile-nav .library-submenu a{text-align:center;}
}
@media(max-width:900px){
  .mobile-nav .library-menu-label{
    display:grid;
    grid-template-columns:auto 32px;
    justify-content:center;
    align-items:center;
    column-gap:2px;
    width:100%;
  }
  .mobile-nav .library-menu-label>a{
    display:block;
    flex:none;
    text-align:center;
    margin:0;
  }
  .mobile-nav .library-menu-toggle{
    position:static;
    display:flex;
    width:32px;
    min-width:32px;
    max-width:32px;
    height:32px;
    margin:0;
    padding:0;
    transform:none;
    align-items:center;
    justify-content:center;
  }
  .mobile-nav .library-menu-toggle span{
    display:block;
    width:20px;
    text-align:center;
    transform-origin:50% 50%;
  }
}
.narration-player{position:fixed;z-index:1000;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(540px,calc(100% - 28px));box-sizing:border-box;padding:16px;background:#fffdf8;color:#173f3b;border:1px solid #d4ded8;border-radius:24px;box-shadow:0 8px 32px #173f3b33;}
.narration-player[hidden]{display:none;}
.narration-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:10px;font:700 14px/1.4 Arial,sans-serif;}
.narration-close{border:0;border-radius:50%;background:#f6c85c;color:#173f3b;width:36px;height:36px;cursor:pointer;font-size:22px;flex-shrink:0;}
.narration-player audio{display:block;width:100%;height:44px;}
.narration-status{font:14px/1.5 Arial,sans-serif;margin:8px 0 0;}
.narration-status:empty{display:none;}

[data-narration]:focus-visible,.narration-close:focus-visible{outline:3px solid #e98635;outline-offset:4px;}
.library-menu{position:relative;}
.library-menu-label{display:flex;align-items:center;gap:3px;}
.library-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:20px;cursor:pointer;}
.library-menu-toggle:hover{background:#edf1e9;}
.library-menu-toggle[aria-expanded="true"] span{transform:rotate(180deg);}
.library-submenu{position:absolute;top:100%;left:0;z-index:80;width:min(330px,85vw);box-sizing:border-box;margin:0;padding:10px;list-style:none;background:#fffdf8;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 26px rgba(23,63,59,.14);}
.library-submenu[hidden]{display:none;}
.library-submenu a{display:block;padding:12px 14px;border-radius:8px;font-size:14px;line-height:1.5;color:var(--ink);text-decoration:none;}
.library-submenu a:hover,.library-submenu a:focus-visible{background:#f2f5ef;color:var(--orange);}
.library-menu-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:2px;}
header nav{align-items:center;}
.mobile-nav .library-menu-label>a{flex:1;}
.mobile-nav .library-menu-toggle{width:44px;height:44px;margin-right:4vw;}
.mobile-nav .library-submenu{position:static;width:auto;margin:0 4vw 12px;box-shadow:none;}
.mobile-nav .library-submenu a{padding:12px 14px;font-size:14px;color:var(--ink);border:0;}
@media(max-width:900px){
  .mobile-nav .cta{display:block!important;margin:10px 4vw 16px;padding:13px 16px;border:0;border-radius:12px;background:var(--orange);color:#fff!important;text-align:center;font-size:14px;font-weight:900;}
}
.story-mode .story-text p.story-gap{margin-top:1em!important;}
.narration-heading{column-gap:8px;}
.narration-heading>#narration-title{margin-right:auto;}
.narration-drag{display:flex;flex-direction:column;justify-content:center;gap:4px;flex:0 0 28px;width:28px;height:36px;padding:6px;border:0;border-radius:6px;background:transparent;color:inherit;cursor:grab;touch-action:none;}
.narration-drag span{display:block;width:16px;height:2px;background:currentColor;border-radius:2px;opacity:.55;}
.narration-drag:active{cursor:grabbing;}
.narration-drag:focus-visible{outline:2px solid #e98635;outline-offset:2px;}