/* Shared reading pages use the homepage's type, surfaces, and spacing. */
@font-face{font-family:InterRhydle;src:url("assets/landing-preview/fonts/inter-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:InterRhydle;src:url("assets/landing-preview/fonts/inter-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:InterRhydle;src:url("assets/landing-preview/fonts/inter-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
body.reading-page{font-family:InterRhydle,Arial,sans-serif;background:var(--cream);color:var(--ink);line-height:1.65}
.reading-page .font-serif{font-family:InterRhydle,Arial,sans-serif;font-style:normal}
.reading-page :is(h1,h2,h3,blockquote){font-style:normal;letter-spacing:-.03em;text-wrap:balance}
.reading-page :is(h1,h2,h3){font-weight:500}
.reading-page p{text-wrap:pretty}
.reading-page a:focus-visible,.reading-page button:focus-visible,.reading-page summary:focus-visible{outline:3px solid var(--flame);outline-offset:4px}
.reading-page [id]{scroll-margin-top:112px}
.reading-page>.site-header{padding:0}
.reading-page>.reading-hero{background:var(--warm-surface);padding:144px 24px 64px;border-bottom:1px solid var(--warm-line)}
.reading-hero>div{max-width:780px}
.page-profit-calculator .reading-hero>div{max-width:1000px}
.reading-page .reading-hero h1{font-size:clamp(34px,4.3vw,54px);font-weight:500;line-height:1.08;color:#20251E;max-width:750px;margin-bottom:20px}
.reading-page .reading-hero h1 span{font-weight:500;color:var(--flame-text)}
.reading-page .reading-hero p{font-size:15px;line-height:1.7;color:var(--text);max-width:600px}
.reading-hero p span{color:#43513C}
.reading-hero>div>span{font-size:11px;letter-spacing:.06em;font-weight:500;color:#68715F}
.reading-breadcrumb ol{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;color:#68715F}
.reading-breadcrumb a{display:inline-block;padding-block:4px;color:#68715F;text-decoration:none}
.reading-breadcrumb a:hover{color:var(--flame-text)}.reading-breadcrumb li:last-child{color:#343E30}.reading-breadcrumb [aria-hidden]{color:#99A18F}
.reading-page>.reading-main{padding:64px 24px 88px}
.reading-main>article{max-width:780px}
.reading-main>section{max-width:1000px}
.reading-main :is(p,li){font-size:15px;line-height:1.75}
.reading-main :is(.text-n-5,.text-n-6,.text-n-7){color:var(--text)}
.reading-main h2{font-size:clamp(24px,3vw,30px);line-height:1.2;margin-bottom:22px}
.reading-main h3{font-size:17px;line-height:1.4}
.reading-main .space-y-16>section+section{margin-top:56px}
.reading-main :is(.reading-panel,.bg-flame-1){border:1px solid #E4DBCB;border-radius:18px;background:#F1EBDF;box-shadow:inset 0 1px 0 #FFFFFFBD,0 8px 20px -18px #6A573B60}
.reading-main .reading-panel{padding:28px}
.reading-main .reading-formula{background:var(--surface);border:1px solid #DCE2D2;border-radius:16px}
.reading-formula p{color:#435638;font-weight:500;font-size:18px;line-height:1.6}
.reading-main blockquote{font-size:clamp(23px,3vw,30px);line-height:1.35;color:#3D4D35}
.page-about figure{background:var(--surface);border:1px solid #DDE3D2;border-radius:20px;padding:32px;margin-block:36px}
.page-about article>div:first-child,.page-about article>figure+div{font-size:16px}
.page-about article>div:last-child>div:first-child{border-radius:12px}
.reading-main .reading-table{max-width:100%;border:1px solid #E0DBD0;border-radius:14px;background:#FFFDF9;overflow-x:auto}
.reading-table table{min-width:480px;line-height:1.65}
.reading-table th{background:#EBEEE3;color:#425039;font-size:12px;text-transform:none;letter-spacing:0}
.reading-table td{font-size:13px;color:#5A6055;vertical-align:top}
.reading-table tr.bg-white{background:#FFFDF9}
.reading-main .legal-section{grid-template-columns:44px minmax(0,1fr);gap:24px;padding-top:32px;border-top:1px solid #E5E1D7}
.legal-section>div:first-child>span{display:grid;place-items:center;width:36px;height:36px;background:var(--surface);color:#586747;border:1px solid #DCE2D2;border-radius:11px;font-family:InterRhydle,Arial,sans-serif;font-style:normal;font-size:12px;font-weight:500}
.reading-main .legal-section h2{font-size:24px;margin-bottom:0}
.reading-main .legal-section h3{font-size:16px}
.reading-main .legal-section ul li{font-size:14px}
.reading-main .legal-section :is(p,td,li){overflow-wrap:anywhere}
.reading-main .legal-section .bg-flame-1{padding:20px}
.reading-main details.reading-panel{padding:20px 24px;background:#F4F1E9;box-shadow:none}
.reading-main details summary{font-size:15px;line-height:1.5;font-weight:500;list-style:none;min-height:28px}
.reading-main details summary::-webkit-details-marker{display:none}
.reading-main details[open]{background:var(--surface);border-color:#DBE1D2}
.reading-main details p{font-size:14px}
.reading-main .grid>div{min-width:0}
.reading-main .keep-bar{border-radius:14px;overflow:hidden;background:#E7EADC}
.reading-main .keep-bar__gone{background:#E7EADC;color:#516148}
.reading-main #healthy-margin li>span:first-child{width:90px;line-height:1.4;font-size:14px;text-align:left}
.reading-main #calcForm{border-radius:20px;padding:30px;background:#FFFEFB;border-color:#E4DFD4;box-shadow:0 8px 24px -20px #62543E55}
#calcForm label{line-height:1.5;font-weight:500}
#calcForm label>span{display:block;font-size:12px;color:#717568;margin-top:3px}
#calcForm label+div{border-radius:10px;background:#F8F7F2;overflow:hidden}
#calcForm input[type=number]{width:100%;min-width:0;font:400 18px InterRhydle,Arial,sans-serif;background:transparent;border:0;box-shadow:none}
#calcForm input:focus-visible{outline:none}
#calcForm #resetBtn{font-size:12px;letter-spacing:0;text-transform:none;padding:6px 0;min-height:36px}
.reading-main .calculator-result{padding:32px;background:var(--surface);border:1px solid #DAE0D0;border-radius:20px;box-shadow:inset 0 1px 0 #FFFFFF,0 12px 30px -24px #44533266}
.calculator-result>span{color:#5B694F;font-size:12px;letter-spacing:0;text-transform:none}
.reading-main .result-num{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.1}
.calculator-result #netProfit{font-size:clamp(44px,6vw,64px)}
.calculator-result :is(#grossProfit,#margin){font-size:25px;color:#293A22}
.calculator-result #verdict{font-size:14px;min-height:49px}
.calculator-result .border-t{border-color:#D7DDCC}
.calculator-result .border-t span{font-size:11px;letter-spacing:0;text-transform:none;color:#626F57}
.reading-page a[href="index.html#final-cta"]{border-radius:999px;letter-spacing:0;text-transform:none;min-height:46px;font-size:13px;font-weight:500}
.reading-page .reading-cta{margin:0 auto 64px;max-width:1120px;width:calc(100% - 48px);padding:64px 28px;border-radius:26px;background:var(--download-surface);border:1px solid var(--line)}
.reading-cta>div:last-child.absolute{display:none}
.reading-page .reading-cta h2{font-size:clamp(28px,4vw,42px);line-height:1.14;font-weight:500;color:#293522}
.reading-cta h2 span{font-weight:500;color:var(--flame-text)}
.reading-cta p{font-size:15px;line-height:1.7;color:var(--text)}
.reading-page>.reading-footer{padding:64px 24px 44px;background:var(--cream);border-top:1px solid var(--line)}
.reading-footer>div{max-width:1120px;gap:56px}
.reading-footer .grid{gap:40px}
.reading-footer .text-white{color:var(--ink)}
.reading-footer p.font-serif{font-size:14px;color:var(--text)}
.reading-footer p.uppercase{font-size:11px;text-transform:none;letter-spacing:0;color:#73776B;max-width:300px}
.reading-footer .grid>div>span{font-size:12px;font-weight:500;text-transform:none;letter-spacing:0;color:#43513B}
.reading-footer ul{font-size:13px;color:var(--text)}
.reading-footer li a{display:inline-block;padding-block:3px}.reading-footer a:hover{color:var(--flame-text)}
.page-confirmed .reading-main{min-height:85vh;padding-top:136px;background:#F3F3EA}
.page-confirmed .reading-main>div{padding:32px 28px;background:#FFFDF9;border:1px solid #E5DFD3;border-radius:24px}
.page-confirmed .reading-main h1{font-size:36px;line-height:1.1}
.page-confirmed .reading-main .tracking-\[0\.4em\]{font-size:12px;letter-spacing:0;text-transform:none;color:var(--text)}
@media(max-width:800px){.reading-footer>div{flex-direction:column}.reading-footer .grid{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
@media(max-width:540px){
 .reading-page>.reading-hero{padding:112px 22px 38px}.reading-page .reading-hero h1{font-size:34px}.reading-page .reading-hero p{font-size:14px}
 .reading-page>.reading-main{padding:38px 22px 56px}.reading-main :is(p,li){font-size:14px}.reading-main h2{font-size:25px}
 .reading-main .reading-panel{padding:22px}.reading-main .legal-section{grid-template-columns:1fr;gap:16px;padding-top:28px}
 .reading-main .legal-section h2{font-size:23px}.reading-main .space-y-16>section+section{margin-top:36px}
 .reading-main details.reading-panel{padding:18px}.reading-main #calcForm,.reading-main .calculator-result{padding:24px}
 .page-about figure{padding:24px}.reading-page .reading-cta{width:calc(100% - 32px);padding:40px 22px;margin-bottom:44px;border-radius:20px}
 .reading-page>.reading-footer{padding:40px 22px}.reading-footer .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
 .page-confirmed .reading-main{padding-top:112px}.page-confirmed .reading-main>div{padding:28px 20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* The first numbered legal section supplies its own divider. */
:is(.page-privacy-policy,.page-terms-of-service) .reading-main article>div:first-child{padding-bottom:0;margin-bottom:36px;border-bottom:0}
.page-confirmed .reading-main .site-download{font-size:13px;font-weight:500;text-transform:none;letter-spacing:0}

/* Flame carries brand emphasis; sage remains a supporting homepage surface. */
.reading-page .reading-hero h1,.reading-main blockquote,.reading-page .reading-cta h2{color:var(--ink)}
.reading-hero>div>span,.reading-page .reading-hero h1 span,.reading-cta h2 span{color:var(--flame-text)}
.reading-main .text-flame:not(.site-button):not(.site-download),.reading-footer a:hover{color:var(--flame-text)}
.reading-main .bg-flame:not(a){background:var(--flame);color:var(--ink)}
.reading-main .reading-formula{background:var(--warm-surface);border-color:var(--warm-line)}
.reading-formula p{color:var(--ink)}
.reading-footer>div{gap:64px}.reading-footer .grid{gap:26px}
.reading-footer ul{font-size:12px}.reading-footer .grid>div>span{color:var(--ink)}
#calcForm label+div:focus-within{outline:2px solid var(--flame);outline-offset:3px}
@media(max-width:540px){.reading-footer>div{gap:34px}.reading-footer .grid{gap:28px 20px}}

.reading-main .keep-bar__kept{background:var(--flame);padding-inline:10px}.keep-bar__kept .text-white{color:var(--ink)}
.reading-main .keep-bar :is(.keep-bar__kept,.keep-bar__gone){white-space:normal;line-height:1.2}.reading-main .keep-bar span{font-size:11px;letter-spacing:0;text-transform:none}

/* Practical guide: numbered actions and a compact worked calculation. */
.guide-steps{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:24px}
.guide-steps>li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:18px;align-items:start}
.guide-steps h3{font-size:17px;font-weight:650;line-height:1.4;margin:0 0 6px;color:var(--ink)}
.guide-steps p{font-size:16px;line-height:1.65;margin:0;color:#5A5C5A}
.guide-example-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.guide-example-totals span{display:block;font-size:13px;color:#5A5C5A;margin-bottom:8px}
.guide-example-totals strong{font-size:clamp(22px,4vw,32px);letter-spacing:-1px;line-height:1.2}
.guide-example-totals>div:first-child strong{color:#34704B}
.guide-example .keep-bar{height:14px;border:0;border-radius:5px}
@media(max-width:440px){.guide-example-totals{gap:10px}.guide-example-totals span{font-size:12px}.guide-example{padding:20px!important}.guide-steps>li{gap:14px}}

/* The same locally delivered brand face as the homepage. */
@font-face{font-family:Montserrat;src:url('/assets/landing-preview/fonts/Montserrat.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
svg.ph,svg.ph-fill{display:inline-block;width:1em;height:1em;vertical-align:-.125em;flex-shrink:0}
.site-icon-rim>svg.ph,.site-icon-rim>svg.ph-fill{font-size:var(--rim-glyph);color:inherit}
.page-profit-calculator .text-n-4{color:#626760}