/* CCM Guide: restrained graphite reader, aligned with the opt-in and thank-you page. */
:root{color-scheme:dark;--orange:#C8CDD1;--bg:#080808;--card:#151515;--border:#303030;--white:#fff;--muted:#a2a2a2;--light:#ccc;--green:#22c55e;--red:#ef4444}
*{box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact}
html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit}button,summary{font:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:5px}.page:focus{outline:none}
.skip-link{position:fixed;top:8px;left:18px;z-index:100;background:var(--card);border:1px solid var(--orange);padding:10px 20px;transform:translateY(-180%)}.skip-link:focus{transform:none}
.toolbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:32px;min-height:104px;padding:20px max(36px,calc((100vw - 1328px)/2));background:#080808f2;border-bottom:1px solid var(--border);backdrop-filter:blur(16px)}
.reader-brand{display:block;flex:none;width:220px}.reader-brand img{display:block;width:100%;height:auto}
.toolbar-title{font-size:12px;white-space:nowrap;color:var(--white);font-weight:600}.toolbar-title span{color:var(--muted);font-weight:400}
.reader-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid #666;border-radius:100px;background:linear-gradient(180deg,#292929,#131313);box-shadow:inset 0 1px 1px #ffffff1a;color:#fff;padding:12px 22px;line-height:1.4;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:border-color .18s,background .18s}
.pill:hover{border-color:var(--orange);background:linear-gradient(180deg,#303030,#181818)}.pill svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.pdfwrap{position:relative}.pdfwrap summary{list-style:none}.pdfwrap summary::-webkit-details-marker{display:none}.pdfwrap[open] summary{border-color:var(--orange)}
.pdfmenu{position:absolute;top:calc(100% + 12px);right:0;min-width:280px;padding:12px;background:#171717;border:1px solid #494949;border-radius:18px;box-shadow:0 18px 50px #0009}
.pdfmenu-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:3px 10px 10px}.pdfmenu button{display:block;width:100%;border:0;border-radius:10px;background:transparent;color:var(--white);text-align:left;padding:12px;cursor:pointer;font-size:14px;font-weight:600}.pdfmenu button span{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}.pdfmenu button:hover{background:#ffffff0b}
.reader-cover{max-width:1440px;margin:auto;padding:72px 56px 82px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;border-bottom:1px solid var(--border)}
.cover-kicker{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--light);margin:0 0 28px}.cover-kicker i{width:6px;height:6px;background:var(--orange);border-radius:50%;flex:none}
h1{font-size:clamp(46px,5.3vw,76px);line-height:1.1;letter-spacing:-.055em;margin:0 0 20px;font-weight:800}h1 span{color:var(--white)}
.cover-sub{font-size:clamp(24px,2.5vw,36px);line-height:1.35;letter-spacing:-.035em;color:var(--light);margin:0 0 25px;font-weight:500}.cover-desc{font-size:16px;line-height:1.85;margin:0 0 30px;color:var(--muted)}
.start-reading{padding:18px 28px;font-size:15px;gap:42px}.start-reading svg{color:var(--orange);width:24px;height:24px}.cover-meta{display:flex;gap:22px;font-size:11px;color:var(--muted);margin-top:22px}.cover-meta span+span{border-left:1px solid #444;padding-left:22px}
.cover-art{margin:0;aspect-ratio:1.08;overflow:hidden;min-width:0}.cover-art img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:lighten}
.page{max-width:920px;margin:0 auto;padding:76px 64px 72px;scroll-margin-top:0;position:relative}.page+.page{border-top:1px solid var(--border)}
.kop{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:25px;margin-bottom:36px;border-bottom:1px solid var(--border)}.kop .brand{flex:none;width:153px}.kop img{display:block;width:100%;height:auto}.kop .meta{color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase;text-align:right;line-height:1.6}
.kap-label{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-bottom:20px}.kap-label::before{content:"";width:5px;height:5px;background:var(--orange);border-radius:50%;flex:none}
.chapter-title{font-size:clamp(32px,3.2vw,45px);font-weight:700;line-height:1.18;letter-spacing:-.045em;margin:0 0 25px;text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}.chapter-title span{color:var(--light)}
h3{font-size:21px;line-height:1.4;font-weight:600;letter-spacing:-.025em;margin:42px 0 15px;color:var(--white)}
p{font-size:15px;color:var(--light);margin:0 0 20px;line-height:1.9}.lead{font-size:18px;color:var(--light);line-height:1.8;margin-bottom:28px}
p b,li b{font-weight:600;color:var(--white)}ul{margin:0 0 24px;padding:0;list-style:none}li{position:relative;font-size:15px;line-height:1.85;padding:8px 0 8px 22px;color:var(--light)}li::before{content:"";position:absolute;width:4px;height:4px;top:20px;left:2px;border-radius:50%;background:var(--light)}
.page figure{margin:28px 0 32px;border:1px solid #3a3a3a;background:var(--card);border-radius:14px;padding:8px;overflow:hidden}.page figure img{display:block;width:100%;height:auto;border-radius:8px}.page figcaption{font-size:12px;color:var(--muted);line-height:1.75;padding:14px 12px 8px}.page figcaption b{font-weight:500;color:var(--light)}
.merk{position:relative;margin:30px 0 0;padding:24px 28px;background:linear-gradient(145deg,#1b1b1b,#111);border:1px solid #373737;border-radius:16px;color:var(--light);font-size:15px;line-height:1.8}.merk::before{content:"";position:absolute;left:-1px;top:24px;width:2px;height:24px;background:var(--orange)}.merk b{display:block;color:var(--white);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-bottom:8px}
.stats{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 30px}.stat{flex:1;min-width:140px;padding:22px;background:linear-gradient(145deg,#1b1b1b,#111);border:1px solid #373737;border-radius:15px}.stat b{display:block;font-size:26px;font-weight:600;line-height:1.4;color:var(--white);letter-spacing:-.03em;margin-bottom:7px}.stat span{font-size:12px;color:var(--muted)}.emotion-icon svg{width:28px;height:28px;display:block;stroke:var(--light)}
.toc{margin-top:35px}.toc-item{display:grid;grid-template-columns:32px minmax(0,1fr) 20px;gap:3px 20px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--border);text-decoration:none}.toc-item .n{font-size:11px;color:var(--muted);grid-row:1/3;font-variant-numeric:tabular-nums}.toc-item .t{font-size:17px;color:var(--white);font-weight:600;line-height:1.5}.toc-item .d{grid-column:2;font-size:12px;color:var(--muted);line-height:1.7}.toc-arrow{grid-column:3;grid-row:1/3;color:var(--muted);font-size:18px;align-self:center}.toc-item:hover .t,.toc-item:hover .toc-arrow{color:var(--orange)}
.beispiel-box{background:var(--card)!important;border-color:#373737!important}
.cta{padding:34px;margin-top:36px;background:linear-gradient(145deg,#202020,#111);border:1px solid #484848;border-radius:22px}.cta h3{margin:0 0 16px;font-size:27px;letter-spacing:-.035em}.cta p{font-size:15px;margin-bottom:26px}.cta .btns{display:flex;flex-wrap:wrap;gap:12px}.cta a{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border:1px solid #686868;border-radius:100px;background:linear-gradient(180deg,#303030,#171717);font-size:13px;line-height:1.5;font-weight:600;color:#fff;text-decoration:none;transition:border-color .18s}.cta a:hover{border-color:var(--orange)}.cta a.main::after{content:"↗";color:var(--orange);font-size:20px;margin-left:8px}.cta a.sub{background:transparent}.cta a svg{width:18px;height:18px;flex:none;color:var(--light)}
.reader-footer{max-width:792px;padding:26px 0 42px;margin:0 auto;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:center}.reader-footer a{padding:6px 0;margin:0!important}.reader-footer a:hover{color:var(--white)!important}
@media(max-width:1100px){.toolbar-title{display:none}.toolbar{padding-inline:30px}.reader-cover{padding:62px 36px}.reader-cover h1{font-size:56px}.cover-sub{font-size:28px}}
@media(max-width:760px){html{scroll-padding-top:154px}.toolbar{padding:16px 22px;flex-wrap:wrap;gap:14px;min-height:0}.reader-brand{width:196px;margin:auto}.reader-actions{width:100%;margin:0;justify-content:center}.reader-actions>.pill{flex:1}.pdfwrap{flex:1.4}.pdfwrap summary{width:100%;padding-inline:14px}.pill{font-size:12px;padding:11px 16px;gap:9px}.pdfmenu{min-width:265px;max-width:calc(100vw - 44px)}.reader-cover{grid-template-columns:1fr;gap:34px;padding:48px 22px 38px}.reader-cover h1{font-size:clamp(41px,9vw,58px)}.cover-sub{font-size:27px}.cover-desc{font-size:15px}.cover-kicker{font-size:10px;margin-bottom:23px}.start-reading{padding:17px 27px;font-size:14px;gap:44px}.cover-art{width:100%;max-width:430px;justify-self:center}.page{padding:43px 22px 44px;scroll-margin-top:0}.kop{gap:16px;margin-bottom:30px}.kop .brand{width:118px}.kop .meta{font-size:9px;max-width:180px}.chapter-title{font-size:33px}.lead{font-size:16px}p,li{font-size:14px;line-height:1.85}h3{font-size:20px;margin-top:34px}.page figure{padding:5px;margin-block:23px;border-radius:10px}.page figcaption{font-size:11px;padding:11px 8px 7px}.merk{padding:20px 23px;font-size:14px}.stat{padding:18px;min-width:125px}.stat b{font-size:23px}.toc-item{gap:3px 12px;grid-template-columns:22px minmax(0,1fr) 18px}.toc-item .t{font-size:15px}.toc-item .d{font-size:11px}.cta{padding:25px 22px;border-radius:18px}.cta h3{font-size:25px}.cta .btns{flex-direction:column}.cta a{width:100%}.reader-footer{padding:22px 22px 32px;margin-inline:22px;gap:9px 18px}.reader-footer a{font-size:11px!important}}
@media(max-width:390px){.toolbar{padding-inline:18px}.reader-cover,.page{padding-inline:18px}.reader-brand{width:180px}.chapter-title{font-size:30px}.cover-sub{font-size:25px}.reader-footer{margin-inline:18px;padding-inline:0}.pdfmenu{max-width:calc(100vw - 36px)}.stat{min-width:120px;padding:16px}}
/* White PDF option retains the new typographic system with readable ink colors. */
html.light{color-scheme:light;--bg:#fff;--card:#f5f5f5;--border:#d5d5d5;--white:#171717;--muted:#565656;--light:#333}
html.light .reader-cover h1 span{color:#171717}html.light .toolbar{background:#111}html.light .toolbar-title{color:#fff}html.light .toolbar-title span{color:#bbb}html.light .reader-brand img{filter:none}html.light .kop img{filter:brightness(0)}html.light .cover-art img{mix-blend-mode:normal}html.light .merk,html.light .stat,html.light .cta{background:#f5f5f5;border-color:#ccc}html.light .page figure{border-color:#ccc}html.light .emotion-icon svg{stroke:#333}html.light .pdfmenu{background:#fff}html.light .pdfmenu button:hover{background:#eee}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@page{size:A4;margin:0}
@media print{
 .toolbar,.skip-link,.start-reading{display:none!important}html{scroll-behavior:auto}.reader-cover{display:flex;flex-direction:column;justify-content:center;gap:12mm;padding:18mm 18mm;min-height:297mm;border:0;break-after:page}.cover-copy{width:100%}.cover-kicker{margin-bottom:5mm}.reader-cover h1{font-size:40pt}.cover-sub{font-size:23pt;margin-bottom:5mm}.cover-desc{font-size:11pt;margin-bottom:4mm}.cover-meta{margin-top:5mm}.cover-art{width:145mm;height:125mm;aspect-ratio:auto;flex:none}.cover-art img{object-fit:contain}.page{max-width:none;padding:18mm 16mm;break-after:page;border:0!important;scroll-margin:0}.kop{margin-bottom:8mm;padding-bottom:5mm}.chapter-title{font-size:25pt}p,li,.merk{font-size:10pt;line-height:1.7}.lead{font-size:12pt}h3{font-size:14pt;margin-top:8mm}.merk{padding:5mm 6mm}figure,.merk,.stats,.beispiel-box,.cta{break-inside:avoid}h2,h3,.kap-label{break-after:avoid}.page figure{margin:6mm 0}.page figcaption{font-size:8pt}.toc-item{padding:3mm 0;break-inside:avoid}.toc-item .t{font-size:11pt}.toc-item .d{font-size:8pt}.stat{padding:4mm}.reader-footer{max-width:none;margin:0;padding:8mm 16mm}.reader-footer a{font-size:9pt!important}.cta{padding:6mm}.cta h3{font-size:18pt}
}

[hidden]{display:none!important}.print-return{position:fixed;bottom:22px;right:22px;z-index:40;border-color:var(--orange);box-shadow:0 8px 30px #0006}@media print{.print-return{display:none!important}}

/* Einladendes redaktionelles Titelmotiv statt Produkt-Mockup. */
@media screen{.reader-cover{grid-template-columns:1fr;gap:30px;max-width:1120px;padding-top:48px}.cover-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;align-items:start}.cover-kicker{grid-column:1/-1;margin-bottom:22px}.cover-copy h1{font-size:60px;grid-column:1;grid-row:2/4}.cover-sub{grid-column:2;font-size:26px;margin-bottom:14px}.cover-desc{grid-column:2;font-size:14px;margin-bottom:22px}.start-reading{grid-column:1;grid-row:4;justify-self:start}.cover-meta{grid-column:2;grid-row:4;align-self:center;margin-top:0}.cover-art{width:100%;max-width:none;aspect-ratio:3/2;border-radius:4px}.cover-art img{mix-blend-mode:normal;object-fit:contain}}
@media screen and (max-width:760px){.reader-cover{padding-top:32px;gap:27px}.cover-copy{display:block}.cover-copy h1{font-size:clamp(40px,9vw,58px);margin-bottom:15px}.cover-sub{font-size:24px;margin-bottom:16px}.cover-desc{display:none}.cover-meta{margin-top:20px}.cover-art{aspect-ratio:3/2}}

/* Originalmarke als eigenständige, scharfe Ebene im persönlichen Titelbild. */
.cover-personal{position:relative;aspect-ratio:3/2}.cover-personal .cover-scene{object-fit:cover;width:100%;height:100%}.cover-personal:after{content:"";position:absolute;inset:auto 0 0;height:14%;background:linear-gradient(transparent,#080808);pointer-events:none}
@media screen and (max-width:760px){.cover-personal{aspect-ratio:1.18}.cover-personal .cover-scene{object-position:center}}
@media print{.cover-personal{width:174mm;height:98mm}}

/* Clearly visible silver light sweep matching the public guide pages. */
.reader-cover h1 span,.chapter-title span{color:#e2e2e2}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .reader-cover h1 span,.chapter-title span{background-image:linear-gradient(110deg,transparent 37%,rgba(255,255,255,.16) 43%,rgba(255,255,255,.78) 48%,#fff 50%,rgba(255,255,255,.78) 52%,rgba(255,255,255,.16) 57%,transparent 63%),linear-gradient(180deg,#fff 0%,#f2f2f2 28%,#b7b7b7 70%,#767676 100%);background-size:240% 100%,100% 100%;background-position:125% 50%,0 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 -1px 0 rgba(255,255,255,.2)) drop-shadow(0 0 6px rgba(255,255,255,.14)) drop-shadow(0 2px 1px rgba(0,0,0,.45));animation:ccm-silver-shimmer 2.8s ease-in-out infinite}
}
@keyframes ccm-silver-shimmer{0%{background-position:125% 50%,0 50%}100%{background-position:-25% 50%,0 50%}}
@media(prefers-reduced-motion:reduce){.reader-cover h1 span,.chapter-title span{animation:none;background-position:50% 50%,0 50%}}
@media print{.reader-cover h1 span,.chapter-title span{animation:none!important;background-position:50% 50%,0 50%}}
html.light .reader-cover h1 span,html.light .chapter-title span{color:#3a3a3a}
@supports ((-webkit-background-clip:text) or (background-clip:text)){html.light .reader-cover h1 span,html.light .chapter-title span{background-image:linear-gradient(105deg,#242424 5%,#666 28%,#111 48%,#777 70%,#303030 95%)}}