/* The online reading uses the same ivory paper and brown ink as its PDF. */
html:has(#app .chart-page){background:#fffdf8;color-scheme:light}
body:has(#app .chart-page){--bg:#fffdf8;--deep:#f5f0e7;--ink:#29251f;--muted:#685d4b;--pale:#493a28;--gold:#8a6637;background:#fffdf8;color:#29251f;color-scheme:light}
body:has(#app .chart-page) .header,body:has(#app .chart-page) .footer{background:#fffdf8;color:#685d4b;border-color:#cdbb9c}
body:has(#app .chart-page) .header nav a{color:#685d4b}
body:has(#app .chart-page) .header nav a.active,body:has(#app .chart-page) .header nav a:hover{color:#493a28}
body:has(#app .chart-page) .senan-wordmark{color:#8a6637}
body:has(#app .chart-page) .language-switch{background:#f5f0e7;border-color:#cdbb9c;box-shadow:none}
body:has(#app .chart-page) .language-switch button{color:#685d4b}
body:has(#app .chart-page) .language-switch button[aria-pressed=true]{background:#e3d4b8;color:#29251f}
body:has(#app .chart-page) .btn.outline{color:#493a28;border-color:#b59a6b}
.chart-page{color:#29251f;background:#fffdf8}
.chart-page :is(h1,h2,h3,h4),.chart-page .reading-main :is(h3,h4,strong),.chart-page .bundle-contents strong{color:#493a28}
.chart-page :is(.reading-main p,.reading-main li,.wealth-chapter p,.bundle-palace p,.event-question,.job-cost){color:#29251f}
.chart-page :is(.chart-top,.chart-top span,.chart-kicker,.chart-note,.chart-summary>div,.plain-reading small,.chart-rules,.report-glossary dd,.report-glossary>summary,.reading-evidence small,.reading-evidence>span,.wealth-editorial,.wealth-chapter details,.event-kind,.job-answer small,.job-action small,.job-action>span,.job-basis,.job-paths b,.bundle-library-note,.bundle-intro>p,.bundle-contents p,.bundle-once,.bundle-limit,.bundle-chart-note,.bundle-saving small,.bundle-offer footer>small,.report-export-actions){color:#685d4b}
.chart-page :is(.chart-summary strong,.report-glossary dt,.reading-evidence summary,.bundle-fact,.bundle-reflection strong,.bundle-overview strong,.bundle-book-caption>strong,.bundle-body>h3,.bundle-intro h2,.bundle-intro blockquote,.bundle-price strong,.bundle-saving,.offer-price strong){color:#493a28}
.chart-page :is(.reading-nav a,.bundle-full nav a,.bundle-overview a,.chart-rules a,.bundle-focus,.bundle-check,.book-index){color:#765525}
.chart-page :is(.reading-section,.wealth-chapter,.bundle-chapter,.bundle-full,.bundle-overview,.reading-nav,.chart-rules,.chart-summary,.report-glossary){border-color:#cdbb9c}
.chart-page :is(.reading-evidence,.reading-takeaway,.reading-personal,.bundle-reflection,.event-question,.job-action,.wealth-example,.reading-upgrade){background:#f5f0e7;border-color:#d7c7ab}
.chart-page .reading-main :is(.reading-application,.reading-caption,.reading-limit,.reading-evidence p){color:#685d4b!important}
.chart-page .reading-main .reading-section-lead{color:#493a28!important}
.chart-page .reading-steps li::marker{color:#8a6637}
.chart-page .event-kind select{background:#fffdf8;color:#493a28;border-color:#cdbb9c}
.chart-page :is(.report-export-actions button,.chart-heading button,.report-mode button){color:#493a28;border-color:#b59a6b;background:#f5f0e7}
.chart-page .report-mode button[aria-pressed=true]{background:#e3d4b8;color:#29251f}
.chart-page :is(a,button,summary,select):focus-visible,body:has(#app .chart-page) .language-switch button:focus-visible{outline:2px solid #765525;outline-offset:4px}
/* The fullscreen chart is rendered outside #app; share its paper palette explicitly. */
:is(.chart-page,.chart-screen) .twelve-palaces{background:#cdbb9c;border-color:#cdbb9c}
:is(.chart-page,.chart-screen) .palace{background:#fffdf8;color:#29251f}
:is(.chart-page,.chart-screen) :is(.chart-center,.palace.is-menh){background:#f5f0e7;color:#29251f}
:is(.chart-page,.chart-screen) :is(.palace header span,.palace>small,.palace footer,.chart-center p,.chart-center small,.chart-star small,.chart-star em){color:#685d4b}
:is(.chart-page,.chart-screen) .main-star{color:#765525}
.modal.chart-modal{background:#fffdf8;color:#29251f;color-scheme:light}
.chart-screen :is(h2,.palace header){color:#493a28}
.chart-modal .modal-close{color:#493a28}
.chart-screen :is(button,summary):focus-visible{outline:2px solid #765525;outline-offset:3px}
.chart-page .wealth-offer.bundle-offer{background:#faf7ef;border-color:#cdbb9c}
.chart-page .bundle-offer>footer{background:#f5f0e7;border-color:#cdbb9c}
.chart-page .bundle-price :is(.bundle-regular,div>span:last-child){color:#685d4b}
.chart-page .reading-upgrade h2{color:#493a28}
.chart-page .reading-upgrade p{color:#685d4b}
.chart-page .reading-upgrade-link{color:#29251f;background:#e3d4b8;border-color:#b59a6b}
.chart-page .reading-upgrade-link:hover{background:#d9c6a5}
/* Profile information stays readable on screen and in the exported report. */
.chart-page .report-meta{font-size:17px;line-height:1.65;font-weight:400;color:#685d4b;margin-block:18px;font-variant-numeric:tabular-nums}
@media(max-width:600px){.chart-page .report-meta{font-size:16px;line-height:1.65}.chart-page .reading-upgrade-link{white-space:normal;text-align:center}}
.chart-page.rich-reading :is(h1,h2,h3,h4),.chart-page .bundle-full>header h2{color:#493a28}

/* The answer begins with the customer's question, followed by the response title. */
.chart-page.rich-reading .reading-response-heading{margin:0 0 20px}
.chart-page.rich-reading .reading-customer-question{font:600 clamp(25px,3.6vw,36px)/1.42 var(--serif);color:#493a28;margin:0 0 20px;max-width:32ch;text-wrap:pretty;overflow-wrap:anywhere;letter-spacing:0}
.chart-page .reading-response-heading .reading-banner{margin-bottom:0}
.chart-page .reading-response-heading .reading-banner-copy h3{font-size:clamp(26px,3.5vw,38px);font-weight:700;line-height:1.35}
.chart-page .reading-free-insight+.reading-free-insight{margin-top:24px;padding-top:8px;border-top:1px solid #d7c7ab}
@media(max-width:600px){.chart-page.rich-reading .reading-customer-question{font-size:26px;line-height:1.42;margin-bottom:16px}.chart-page .reading-response-heading .reading-banner-copy{width:48%}.chart-page .reading-response-heading .reading-banner-copy h3{font-size:25px}}

/* Highlight the extra chapters without presenting a payment error. */
.chart-page .bundle-intro>p.bundle-benefit-note{display:flex;align-items:flex-start;gap:10px;color:#a13224;font-size:16px;font-weight:500;line-height:1.75}.bundle-benefit-note>svg{flex:none;margin-top:3px}.bundle-benefit-note>span{min-width:0}.chart-page .bundle-book-link{color:inherit}.chart-page .bundle-outline-link{color:#765525}