/* RZ Capital identity adapted for interactive financial education. */
:root{--rz-blue:#1975a6;--rz-ink:#303b44;--rz-muted:#5b6c78;--rz-line:#dbe6ee;--rz-green:#397b46;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;color:var(--rz-ink);background:#f5faff}
header{height:110px;padding:0 38px;border-bottom:1px solid #e3edf3;background:#fff}.brand{gap:15px;letter-spacing:0;color:#2c92cf;font-size:26px;font-weight:700}.rz-logo{width:92px;height:64px;object-fit:contain;flex-shrink:0}.brand-name{display:block;line-height:1.2}.brand-name small{display:block;font-size:13px;font-weight:400;color:#63717d;letter-spacing:.3px;margin-top:8px}.header-right{color:#63717d;font-size:14px}.pill{background:#f0f6fa;border-color:#d8e7f1;color:#37647e;font-size:11px;letter-spacing:1px;padding:7px 10px}.shell>aside{min-height:calc(100vh - 110px);border-right-color:#e4edf3}.shell>aside .eyebrow{color:#627887}.nav-button{color:#555f6b;border-radius:5px;font-weight:500;font-size:14px}.nav-button:hover{background:#f0f7fb}.nav-button.active{background:#e8f4fb;color:#146f9e;box-shadow:inset 3px 0 0 #30a8df}.nav-button .symbol{color:#438daf}.aside-note{border-top-color:var(--rz-line)}.aside-note strong{color:#40515c}.aside-note p,.aside-footer{color:#657582}.note-icon{color:var(--rz-green)}
.page-top{padding:25px 28px;background:#eaf2f8;border-radius:5px;border-left:3px solid #39a9db;min-height:126px}.page-top .eyebrow{color:#527c94;font-size:12px}.page-top h1{color:#2086ba;letter-spacing:-.5px;font-weight:700;font-size:30px}.subtitle{color:#5b6d7a;font-size:15px}.text-button{color:#246f96;font-size:14px}h2,h3{color:#334f62}.panel,.stat,.learning-block{border-color:#e0eaf1;border-radius:7px}.panel-head{border-bottom-color:#e7eef4}.panel-head span{color:#697e8e}.field>span{font-size:14px;color:#4d6273}.input-wrap,select{background:#fff;border-color:#ccdce7;border-radius:5px}.input-wrap b{color:#657b8b}input,select{color:#334e61}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2089b6;outline-offset:3px}.input-wrap:focus-within{outline-color:#2089b6}.tax-section{background:#f3f8fc;border-top-color:#dfeaf1}.tax-section summary{color:#385d75}.small,.storage-note{color:#5b707f}.method{border-color:#dbe7ef;color:#50697a;border-radius:6px;font-size:14px}.method summary{color:#2b6080}.method a,.course-sources a{color:#146d9c}.explain{background:#f0f7ed;border-color:#d7e5d0;color:#496842;border-radius:6px}.explain strong{color:#35652f}.hero-result{background:#fff;color:#274a61;border:1px solid #d9e7ef;border-top:4px solid #32a5d7;border-radius:7px;padding-top:24px}.hero-result .result-label{font-size:14px;color:#5d7686}.hero-result .big{color:#23804a;font-weight:650}.hero-result .sub{color:#596f7d;font-size:14px}.result-badge{color:#347191;border-color:#c9deeb;background:#f0f7fb}.metrics{border-top-color:#dce8ef}.metric-label{color:#5f7786}.metric-value{color:#36566b}.chart text{fill:#617888;font-size:12px}.legend{color:#536e7e;font-size:12px}.chart-description{color:#607887}th{color:#536e7e}.stat p,.stat small{color:#596f7e}.stat strong{color:#237ba8}.section-label{color:#24789f;font-size:12px}.status{color:#617987}footer{border-top-color:#dce8ef;color:#607584;font-size:12px}
.primary{background:#197eaf;border-color:#197eaf;color:white;border-radius:5px}.primary:hover{background:#136990}.secondary{color:#236e94;border-color:#bfd7e6;border-radius:5px}.secondary:hover{background:#edf6fc}.course-intro{background:#fff;color:#344c5e;border:1px solid #dce7ef;border-radius:7px;padding:32px 35px;gap:35px}.course-tag{color:#51768e;font-size:12px;letter-spacing:1.1px}.course-intro h2{color:#238cbe;font-size:32px;font-weight:650;letter-spacing:-.5px}.course-intro p{color:#576d7d}.course-intro .primary{background:#197eaf;color:#fff;border:1px solid #197eaf;border-radius:5px}.course-intro .primary:hover{background:#136990}.course-route{border-left-color:#d3e4ef}.course-route span{color:#4b7188;border-bottom-color:#e2edf4}.course-route span:last-child{color:#397b46}.course-progress>div{color:#546d7c}.course-progress progress,.course-progress progress::-webkit-progress-bar{background:#e1ecdf}.course-progress progress::-webkit-progress-value{background:#5d9b47}.course-progress progress::-moz-progress-bar{background:#5d9b47}.lesson-card{border-color:#dde8f0;border-radius:6px;color:#37556b}.lesson-card:hover{border-color:#7cb9d9;background:#fafdff}.lesson-number{color:#2585b5}.lesson-card strong{color:#315e79}.lesson-card span span,.lesson-meta{color:#627a89}.lesson-toolbar{color:#5d7886}.learning-block h2{color:#355b73}.lesson-copy{color:#4f6677}.prediction label{border-color:#d7e5ed;border-radius:5px}.prediction label:has(input:checked){border-color:#329cd0;background:#edf7fe}.prediction input{accent-color:#197eaf}.lesson-control>span{color:#4d687c}.lesson-control output{color:#246f95}.lesson-control input{accent-color:#268dbb}.experiment-stats>div{background:#f0f7fb;border-radius:5px;border:1px solid #e0ebf2}.experiment-stats span{color:#54738a;font-size:14px}.experiment-stats strong{color:#2f7c4a}.experiment-note{color:#526e80}.experiment .method{background:#f7fafc}.challenge{border-top-color:#51a0c7}.correct{background:#eff8eb;border-color:#cfdfc3;color:#376332}.try-again{color:#795b25}.hint{color:#576f7f}.lesson-sidebar{background:#edf4f9;border-color:#dbe7ef;border-radius:7px}.lesson-sidebar h2{color:#325d78}.lesson-step{color:#567084;font-size:14px}.lesson-step.selected{color:#186c99}.lesson-step span{border-color:#c0d8e8}.lesson-step.selected span{background:#2589b7;color:#fff}.course-sources{border-top-color:#d1e0eb;color:#5d7585}.learn-context{background:#ebf5fc;border-color:#cce1ef;color:#276b90;border-radius:5px}
@media(min-width:1500px){.page-top h1{font-size:34px}}@media(max-width:1150px){header{padding:0 25px}.brand{font-size:25px}.page-top{padding:22px}.header-right>span:first-child{display:none}}@media(max-width:900px){.shell>aside{min-height:0}.page-top h1{font-size:28px}.course-intro{padding:28px}.nav-button.active{box-shadow:inset 0 -3px 0 #30a8df}.header-right{gap:10px}}@media(max-width:660px){header{height:95px;padding:0 16px;gap:10px}.brand{gap:7px;font-size:21px}.rz-logo{width:58px;height:42px}.brand-name small{font-size:11px;margin-top:5px}.pill{font-size:9px;letter-spacing:.5px;padding:6px;max-width:74px;text-align:center;line-height:1.5}.page-top{padding:20px 17px;min-height:0}.page-top h1{font-size:25px;line-height:1.3}.page-top .eyebrow{font-size:11px}.subtitle{font-size:14px}.page-top .text-button{font-size:12px}.course-intro{padding:23px}.course-intro h2{font-size:27px}.course-tag{font-size:11px}.hero-result .big{font-size:34px}.metric-value{font-size:14px}.lesson-control>span{font-size:14px}.experiment-stats strong{font-size:21px}.lesson-card strong{font-size:16px}.legend{font-size:12px}}
