/* The finance guide: static, readable lessons with worked examples. */
.guide-parts{border-top:1px solid var(--line)}
.guide-part{display:grid;grid-template-columns:105px 1fr 38px;align-items:center;gap:25px;padding:26px 0;border-bottom:1px solid var(--line);transition:background .15s}
.guide-part:hover{background:#fbefdf}.guide-part>span:first-child{align-self:start;font:11px var(--mono);color:var(--orange);padding-top:6px}.guide-part h3{font-size:23px;font-weight:500;line-height:1.4;letter-spacing:-.4px}.guide-part p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:6px}.guide-arrow{font-size:27px;text-align:right;font-weight:300}.resources-section .section-heading{margin-bottom:28px}
.tutorial-body{font-size:16px;line-height:1.85}.tutorial-header{height:82px}.tutorial-back{font-size:12px}.tutorial-back:hover{text-decoration:underline}.tutorial-layout{width:min(1150px,calc(100% - 100px));margin:62px auto 95px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:75px;align-items:start}.tutorial-sidebar{position:sticky;top:30px}.sidebar-label{font:10px/1.5 var(--mono);letter-spacing:1px;color:var(--muted);margin-bottom:18px}.part-link{display:block;padding:14px 16px;margin:5px 0;border:1px solid transparent;border-radius:3px}.part-link span{display:block;font:9px var(--mono);letter-spacing:1px;color:#867872;margin-bottom:6px}.part-link strong{font-size:13px;line-height:1.5;font-weight:500;display:block}.part-link.current{background:var(--accent);color:var(--paper);border-color:var(--accent)}.part-link.current span{color:var(--gold)}.part-link:not(.current):hover{background:var(--soft)}.lesson-nav{border-top:1px solid var(--line);margin-top:27px;padding-top:23px}.lesson-nav a{display:flex;gap:9px;font-size:11px;line-height:1.7;padding:8px 0;color:#6d5e58}.lesson-nav a>span{font:10px/1.8 var(--mono);color:#978882;min-width:23px}.lesson-nav a:hover{color:var(--orange)}.tutorial-article{max-width:780px;min-width:0}.tutorial-title{padding-bottom:36px}.tutorial-title h1{font-family:var(--serif);font-size:49px;font-weight:400;line-height:1.1;letter-spacing:-1.8px;margin-top:17px}.tutorial-title>p{font-size:17px;line-height:1.8;color:var(--muted);margin-top:21px;max-width:640px}.lesson{padding-top:38px;margin-bottom:54px;border-top:1px solid var(--line);scroll-margin-top:22px}.lesson-kicker{font:11px/1.8 var(--mono);letter-spacing:.1px;color:var(--orange);margin-bottom:14px}.lesson h2{font-size:28px;font-weight:500;line-height:1.35;letter-spacing:-.5px;margin-bottom:24px;max-width:670px}.lesson p{margin:16px 0;line-height:1.9}.lesson strong{font-weight:600;color:var(--accent)}.lesson h3{font-size:17px;font-weight:600;margin:27px 0 10px;line-height:1.5}.lesson ul{padding-left:23px;margin:20px 0}.lesson li{padding-left:5px;margin:10px 0;line-height:1.85}.lesson .equation{background:#faecd8;border-left:3px solid #c8a15b;border-radius:0 3px 3px 0;padding:18px 20px;margin:23px 0 11px;font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:1.8;overflow-wrap:break-word;overflow-x:auto}.equation sub,.equation sup{font-size:.65em}.lesson .formula-note{font-size:13px;line-height:1.9;color:#786b66;margin:10px 0 23px}.example{background:#fffdf8;border:1px solid #eadbcb;border-radius:4px;padding:23px 25px;margin:25px 0}.example h3{margin-top:0;font-size:14px;color:#6a5349}.example p{font-size:14px;line-height:1.95}.example p:last-child{margin-bottom:0}.example p:first-child{margin-top:0}.lesson table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.8;margin:20px 0;table-layout:auto}.lesson th{background:#f4e4cd;text-align:left;font-weight:500;color:#644448}.lesson td,.lesson th{padding:11px 13px;border-bottom:1px solid #e5d3be;vertical-align:top;overflow-wrap:anywhere}.table-scroll{overflow-x:auto}.lesson .lesson-source,.lesson .lesson-reading{font-size:12px;color:#73645d;line-height:1.9;margin:23px 0}.lesson-source a,.lesson-reading a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#b89b7c}.lesson-source a:hover,.lesson-reading a:hover{color:var(--orange)}.lesson-figure{background:#fcf0df;border:1px solid #e6d3bc;border-radius:4px;margin:30px 0;padding:25px}.lesson-figure figcaption{font-size:12px;line-height:1.8;color:#746660;border-top:1px solid #e4d0b7;padding-top:15px;margin-top:20px}.money-flow{display:grid;grid-template-columns:1fr 30px 1.4fr;gap:15px;align-items:center}.money-flow>div{display:flex;flex-direction:column;gap:6px}.money-flow>div>span{font:10px var(--mono);letter-spacing:1px;color:#7d6d66}.money-flow strong{font-family:var(--mono);font-size:30px;font-weight:400;letter-spacing:-1px}.money-flow strong i{font-size:24px;font-style:normal;color:var(--orange)}.money-flow small{font-size:12px;color:#7c6c65;line-height:1.6}.money-flow>b{font-size:26px;font-weight:400;color:#9e8b83}.allocation-title{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin-bottom:16px;color:#766761}.allocation-title>span{font-family:var(--mono);font-size:10px}.allocation-title b{font-weight:400}.allocation-bar{display:flex;height:46px;border-radius:3px;overflow:hidden}.allocation-bar span{display:flex;align-items:center;justify-content:center;color:#fff;font:11px var(--mono);background:#b74449}.allocation-bar span:nth-child(2){background:#c49b4d}.allocation-bar span:nth-child(3){background:#e9d4b9;color:#62483e}.allocation-labels{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-top:14px;color:#786b66}.allocation-labels b{font-family:var(--mono);font-weight:400;color:var(--accent);margin-left:8px}.value-diagram{width:100%;max-width:560px;margin-inline:auto;overflow:visible}.diagram-grid{fill:none;stroke:#d5cbc1;stroke-width:1;stroke-dasharray:3 4}.diagram-line{fill:none;stroke:#ac3546;stroke-width:3;stroke-linejoin:round}.value-diagram circle{fill:#ac3546;stroke:#fcf0df;stroke-width:2}.diagram-labels{font:13px var(--mono);text-anchor:middle;fill:#634045}.diagram-labels .return-label{fill:var(--orange);font-size:12px}.diagram-axis{font:10px var(--mono);fill:#847670}.cutoff-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cutoff-flow>div{display:flex;flex-direction:column;border-top:2px solid #a88f84;padding-top:13px;gap:7px}.cutoff-flow span{font:12px var(--mono);color:#8b7268}.cutoff-flow strong{font-size:13px;font-weight:500}.cutoff-flow small{font-size:11px;line-height:1.65;color:#786962}.cutoff-flow .cutoff-decision{border-color:var(--accent)}.cutoff-flow .cutoff-decision>span{color:var(--accent)}.cutoff-flow .cutoff-late{border-color:var(--orange)}.cutoff-flow .cutoff-late>span,.cutoff-flow .cutoff-late>small{color:#a76343}.risk-comparison{display:flex;flex-direction:column;gap:20px}.risk-row{display:grid;grid-template-columns:120px 1fr 65px;gap:15px;align-items:center;font-size:12px}.risk-row>div{background:#ecdbc0;border-radius:2px;height:17px;overflow:hidden}.risk-row i{display:block;height:100%;background:#ac4852}.risk-row:nth-child(2) i{background:#d8ac55}.risk-row b{font:13px var(--mono);font-weight:400;text-align:right}.next-part{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:28px 0 0;margin-top:30px}.next-part>a{display:flex;flex-direction:column;gap:8px;max-width:48%}.next-part>a:last-child{text-align:right;margin-left:auto}.next-part small{font:9px var(--mono);letter-spacing:1px;color:#857670}.next-part strong{font-size:14px;line-height:1.6;font-weight:500}.next-part a:hover{color:var(--orange)}.tutorial-footer{width:min(1150px,calc(100% - 100px));margin:0 auto;padding:27px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.tutorial-footer>span{font:10px var(--mono);letter-spacing:1px}.tutorial-footer p{font-size:10px}.tutorial-footer a{font-size:10px}
@media(max-width:1100px){.tutorial-layout{gap:40px;grid-template-columns:185px minmax(0,1fr)}.tutorial-title h1{font-size:43px}.tutorial-body{font-size:15px}.lesson h2{font-size:25px}.lesson .equation{font-size:19px}.lesson table{font-size:12px}.lesson td,.lesson th{padding:10px}.example{padding:21px}.lesson-figure{padding:22px}.money-flow strong{font-size:26px}.money-flow strong i{font-size:22px}.cutoff-flow{gap:8px}.cutoff-flow strong{font-size:12px}.risk-row{grid-template-columns:105px 1fr 62px;gap:12px}}
@media(max-width:800px){.tutorial-layout{width:calc(100% - 48px);grid-template-columns:160px minmax(0,1fr);gap:25px;margin-top:40px}.part-link{padding:11px}.part-link strong{font-size:12px}.part-link span{font-size:8px}.lesson-nav a{font-size:10px}.tutorial-title h1{font-size:38px}.tutorial-title>p{font-size:15px}.lesson h2{font-size:23px}.lesson .equation{font-size:18px;padding:16px}.example p{font-size:13px}.lesson-figure{padding:18px}.money-flow{grid-template-columns:1fr 18px 1.4fr;gap:9px}.money-flow strong{font-size:23px}.money-flow strong i{font-size:20px}.allocation-labels{font-size:10px;gap:8px}.allocation-labels b{margin-left:4px}.allocation-title{font-size:10px}.risk-row{grid-template-columns:96px 1fr 58px;gap:9px;font-size:11px}.risk-row b{font-size:12px}.cutoff-flow{grid-template-columns:1fr 1fr;gap:18px}.tutorial-footer{width:calc(100% - 48px)}.guide-part{grid-template-columns:80px 1fr 30px;gap:18px}.guide-part h3{font-size:21px}}
@media(max-width:580px){.tutorial-header{height:70px;width:calc(100% - 40px)}.tutorial-back{font-size:11px}.tutorial-layout{width:calc(100% - 40px);display:block;margin-top:27px;margin-bottom:55px}.tutorial-sidebar{position:static;margin-bottom:36px}.tutorial-sidebar>nav:first-child{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.tutorial-sidebar .sidebar-label{grid-column:1/-1;font-size:9px;margin-bottom:8px}.part-link{margin:0;padding:11px 9px;border-color:var(--line)}.part-link strong{font-size:11px;line-height:1.4}.part-link span{font-size:8px;letter-spacing:.5px}.lesson-nav{margin-top:18px;padding-top:14px;display:flex;flex-wrap:wrap;gap:2px 18px}.lesson-nav .sidebar-label{width:100%;margin-bottom:2px;font-size:8px}.lesson-nav a{font-size:10px;padding:4px 0;gap:6px}.lesson-nav a>span{font-size:9px;min-width:20px}.tutorial-title{padding-bottom:24px}.tutorial-title h1{font-size:39px;letter-spacing:-1.2px;margin-top:14px}.tutorial-title>p{font-size:16px;line-height:1.8;margin-top:17px}.tutorial-body{font-size:16px}.lesson{padding-top:27px;margin-bottom:40px;scroll-margin-top:20px}.lesson-kicker{font-size:10px;margin-bottom:11px}.lesson h2{font-size:26px;line-height:1.35;margin-bottom:20px}.lesson p{line-height:1.9;margin-block:15px}.lesson h3{font-size:16px}.lesson .equation{font-size:19px;line-height:1.9;padding:15px;margin-top:20px}.lesson .formula-note{font-size:12px;line-height:1.9}.example{padding:19px 17px;margin-block:22px}.example p{font-size:14px}.example h3{font-size:13px}.lesson table{font-size:12px}.lesson td,.lesson th{padding:9px 8px;line-height:1.8}.lesson .lesson-source,.lesson .lesson-reading{font-size:12px}.lesson-figure{padding:18px 15px;margin-block:25px}.lesson-figure figcaption{font-size:12px;line-height:1.85;margin-top:17px;padding-top:13px}.money-flow strong{font-size:24px}.money-flow strong i{font-size:20px}.money-flow small{font-size:11px}.money-flow>div>span{font-size:9px}.allocation-title{font-size:9px;gap:8px}.allocation-title>span{font-size:9px}.allocation-bar{height:42px}.allocation-bar span{font-size:9px}.allocation-labels{font-size:10px;flex-wrap:wrap;gap:6px 12px}.allocation-labels b{margin-left:4px}.cutoff-flow{gap:17px 20px}.cutoff-flow span{font-size:12px}.cutoff-flow strong{font-size:13px}.cutoff-flow small{font-size:11px}.risk-row{grid-template-columns:92px 1fr 56px;gap:8px;font-size:10px}.risk-row b{font-size:11px}.risk-row>div{height:15px}.next-part{gap:20px;padding-top:22px}.next-part strong{font-size:12px}.next-part small{font-size:8px;letter-spacing:.6px}.tutorial-footer{width:calc(100% - 40px);flex-wrap:wrap;gap:12px;padding-block:22px}.tutorial-footer>span{font-size:9px}.tutorial-footer p{font-size:9px}.tutorial-footer a{font-size:10px}.guide-part{grid-template-columns:55px 1fr 20px;gap:14px;padding-block:23px}.guide-part>span:first-child{font-size:9px;padding-top:4px}.guide-part h3{font-size:21px}.guide-part p{font-size:12px;line-height:1.8}.guide-arrow{font-size:23px}}
@media print{.tutorial-header,.tutorial-sidebar,.tutorial-footer,.next-part,.skip-link{display:none}.tutorial-layout{display:block;width:auto;margin:0}.tutorial-article{max-width:none}.lesson{break-before:auto}.example,.lesson-figure{break-inside:avoid}.tutorial-body{background:white;color:black;font-size:11pt}.lesson-source a,.lesson-reading a{color:black}.equation{overflow:visible}}

/* Shared warm accents for examples and diagrams. */
.allocation-bar span:nth-child(2){background:#e4ba68;color:#4c3528}
.allocation-bar span:nth-child(3){background:#ecdbc3;color:#62483e}