.percentages-page{--percentage-indigo:#4255a5;--percentage-indigo-dark:#2f3d83;--percentage-indigo-soft:#f0f2ff;--percentage-gold:#b66d08;--percentage-gold-soft:#fff7e8}.percentages-page .eyebrow,.percentages-page .section-heading>span,.percentages-page .worked-example>header>div:first-child>span{color:var(--percentage-indigo)}.percentages-page .primary-action{background:var(--percentage-indigo-dark)}.percentages-page .example-question{border-left-color:var(--percentage-indigo);background:var(--percentage-indigo-soft)}.percentage-diagnostic .diagnostic-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:17px 0;display:grid}.percentage-diagnostic .diagnostic-options span{color:#35416c;background:#fff;border:1px solid #dde1f0;border-radius:10px;padding:10px 11px;font-size:13px;font-weight:700}.percentage-story{background:linear-gradient(135deg,#f4f5ff,#fff);border:1px solid #d8dcf0;border-radius:22px;padding:clamp(22px,4vw,36px)}.percentage-story h3{color:#293568;letter-spacing:-.04em;margin:8px 0 0;font-size:clamp(23px,3.2vw,32px);line-height:1.12}.percentage-story>p{color:#56607c;max-width:760px;margin:13px 0 0;font-size:15px;line-height:1.65}.amount-route,.repeat-route{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin-top:26px;display:grid}.amount-route>div,.repeat-route>div{background:#fff;border:1px solid #e0e3ef;border-radius:14px;min-width:0;padding:17px}.amount-route span,.amount-route strong,.amount-route small,.repeat-route span,.repeat-route strong{display:block}.amount-route span,.repeat-route span{color:#69718a;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:780}.amount-route strong,.repeat-route strong{color:var(--percentage-indigo-dark);letter-spacing:-.04em;margin-top:6px;font-size:25px}.amount-route small{color:#7c8295;margin-top:4px;font-size:11px}.amount-route>b,.repeat-route>b{color:var(--percentage-gold);font-size:13px}.percentage-bar{background:#e5e8f4;border-radius:999px;height:14px;margin-top:22px;display:flex;overflow:hidden}.percentage-bar span{background:var(--percentage-indigo);width:86.9565%}.percentage-bar i{background:#e8a23d;flex:1}.visual-caption{color:#70778c!important;font-size:12px!important}.recognition-grid,.multiplier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.recognition-grid article,.multiplier-grid article{background:#fff;border:1px solid #e0e4ec;border-radius:16px;min-width:0;padding:20px}.recognition-grid article>strong{color:#28345f;font-size:15px}.recognition-grid p{color:#606b7b;margin:9px 0 0;font-size:13px;line-height:1.55}.recognition-grid p b{color:#243044}.multiplier-panel{background:var(--percentage-gold-soft);border:1px solid #eadabf;border-radius:21px;padding:clamp(22px,4vw,32px)}.multiplier-grid article>span{color:#705124;text-transform:uppercase;font-size:12px;font-weight:760}.multiplier-grid .math-content{color:#714808;margin:13px 0;font-size:18px;overflow-x:auto}.multiplier-grid p,.formula-panel p,.repeated-panel p{color:#62697b;margin:0;font-size:14px;line-height:1.65}.percentage-note{border-left:3px solid var(--percentage-indigo);background:#fff;border-radius:0 12px 12px 0;padding:14px 17px;margin-top:16px!important}.formula-panel{color:#f7f8ff;background:#293568;border-radius:21px;padding:clamp(24px,4vw,34px)}.formula-panel .section-heading>span{color:#bdc7ff}.formula-panel .section-heading h3,.formula-panel p{color:#fff}.formula-panel>.math-content{background:#ffffff14;border-radius:13px;min-width:0;margin-bottom:18px;padding:16px;overflow-x:auto}.repeated-panel{background:#f8fafc;border:1px solid #d9e2ed;border-radius:21px;padding:clamp(22px,4vw,32px)}.repeat-route{margin:0 0 18px}.repeat-route>div{text-align:center}.repeated-panel>.math-content,.worked-solution .math-content{min-width:0;overflow-x:auto}.worked-solution{background:#fafbff;border-radius:14px;margin-top:20px;padding:19px 20px}.worked-solution p{color:#536071;font-size:14px;line-height:1.65}.worked-solution p:first-child{margin-top:0}.worked-solution p:last-child{margin-bottom:0}.percentage-mistakes{grid-template-columns:repeat(2,minmax(0,1fr))}.percentage-recap{background:linear-gradient(135deg,#f2f4ff,#fff);border-color:#d9ddf0}.recap-list{counter-reset:recap-step;margin:0;padding:0;list-style:none}.recap-list li{color:#586379;counter-increment:recap-step;border-top:1px solid #e0e3ef;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;padding:11px 0;font-size:13px;line-height:1.55;display:grid}.recap-list li:before{color:#fff;background:var(--percentage-indigo);content:counter(recap-step);border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:grid}.percentage-faq-list{gap:9px;display:grid}.percentage-faq-list details{background:#fff;border:1px solid #dfe3ec;border-radius:13px;padding:0 18px}.percentage-faq-list summary{color:#29355d;cursor:pointer;padding:16px 24px 16px 0;font-size:14px;font-weight:720}.percentage-faq-list p{color:#626d7d;margin:0;padding:0 0 17px;font-size:13px;line-height:1.6}.percentage-next-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.percentage-next-grid article a,.percentage-next-grid article>strong{color:var(--percentage-indigo-dark);margin-top:14px;font-size:13px;font-weight:730;text-decoration:none;display:inline-flex}.percentage-next-grid .next-card--planned>strong{color:#747b8f}@media (max-width:820px){.amount-route,.repeat-route{grid-template-columns:1fr}.amount-route>b,.repeat-route>b{justify-self:center}.recognition-grid,.multiplier-grid,.percentage-mistakes,.percentage-next-grid{grid-template-columns:1fr}}@media (max-width:560px){.percentage-diagnostic .diagnostic-options{grid-template-columns:1fr}.percentage-story,.multiplier-panel,.formula-panel,.repeated-panel{padding:20px 17px}.worked-solution{padding:16px}}