.sample-lesson{padding:27px 35px 31px;color:#eaf5f4;max-width:730px;margin:auto;min-width:0}.sample-heading{margin-bottom:23px}.sample-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#9ce6c6;font-size:9px;letter-spacing:1.1px}.sample-eyebrow b{border:1px solid #ffffff21;background:#ffffff05;border-radius:5px;padding:4px 6px;font-size:8px;font-weight:500;color:#adc1c8;letter-spacing:.6px}.sample-heading h2{font-weight:500;font-size:38px;line-height:1.12;letter-spacing:-1.6px;margin:16px 0 12px}.sample-heading p{font-size:14px;line-height:1.6;color:#9fb3c2;margin:0}.sample-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:17px}.sample-choices button{display:flex;flex-direction:column;justify-content:space-between;gap:13px;border:1px solid #ffffff20;box-shadow:inset 0 1px 0 #ffffff10;background:linear-gradient(145deg,#ffffff08,#ffffff03);border-radius:12px;min-height:90px;min-width:0;padding:14px 15px;color:#b1c2cc;text-align:left;transition:border-color .15s,background .15s}.sample-choices button[aria-pressed=true]{border-color:#9de8c873;background:linear-gradient(145deg,#9aefd41b,#61c59f08);color:#daffed;box-shadow:inset 0 1px 0 #b4fbd122,0 7px 24px #07130e33}.sample-choices button:hover{border-color:#bfffe070}.sample-choices button>span{font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;flex-wrap:wrap}.sample-choices button b{font-weight:500;font-variant-numeric:tabular-nums}.sample-choices button>strong{font-size:22px;font-weight:500;letter-spacing:-.8px}.sample-choices button small{font-size:10px;letter-spacing:0;font-weight:400;color:#96acae;margin-left:3px}.sample-chart{overflow:hidden;border-radius:14px;border:1px solid #ffffff13}.sample-chart svg{display:block;width:100%;height:auto}.sample-chart-empty{display:flex;align-items:center;justify-content:center;text-align:center;min-height:180px;color:#9eb3bf;font-size:14px;padding:24px}.sample-result{margin-top:20px}.sample-primary-result{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sample-primary-result>div{display:flex;flex-direction:column;gap:7px}.sample-primary-result span{font-size:11px;color:#abc0c8;line-height:1.45}.sample-primary-result strong{font-size:42px;line-height:1.05;letter-spacing:-1.8px;font-weight:500;color:#b0f6d6;font-variant-numeric:tabular-nums}.sample-primary-result strong small{font-size:21px;letter-spacing:-.3px;margin-left:3px}.sample-primary-result em{font-style:normal;font-size:10px;line-height:1.5;color:#8ca3b0}.sample-rate strong{color:#ecf1f7}.sample-payoffs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:19px 0;margin-top:17px;border-block:1px solid #ffffff10}.sample-payoffs>span{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#8da6b1;line-height:1.5;min-width:0}.sample-payoffs b{font-weight:500;font-size:15px;letter-spacing:-.2px;overflow-wrap:anywhere;color:#d4e2e8;font-variant-numeric:tabular-nums}.sample-payoffs b.sample-positive{color:#a5edc9}.sample-payoffs b.sample-negative{color:#eda8ae}.sample-feedback{font-size:12px;line-height:1.7;color:#b3c9c8;margin:16px 0 20px}.sample-customize{border:1px solid #ffffff17;border-radius:11px;background:#ffffff03}.sample-customize summary,.sample-assumptions summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;line-height:1.5}.sample-customize summary::-webkit-details-marker,.sample-assumptions summary::-webkit-details-marker{display:none}.sample-customize summary{font-size:12px;padding:11px 14px;color:#cedfdc}.sample-customize summary>span{font-size:18px;color:#a1ccb9}.sample-customize[open] summary>span{transform:rotate(45deg)}.sample-fields{padding:3px 14px 16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.sample-fields label{display:flex;flex-direction:column;gap:7px;color:#a2b8c3;font-size:10px;line-height:1.6;min-width:0}.sample-fields input{min-width:0;width:100%;min-height:44px;padding:10px;border:1px solid #ffffff20;border-radius:8px;color:#e2f1ed;background:#07101999;box-shadow:inset 0 1px 5px #0002;font-family:inherit;font-size:16px;line-height:1.3}.sample-cost{grid-column:span 2}.sample-bottom{margin-top:18px;display:flex;flex-direction:column;gap:8px}.sample-download{width:100%;min-height:47px;border:1px solid #c4ffe586;border-radius:11px;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;font-weight:500;background:linear-gradient(150deg,#c5ffe1,#8fe8bd);box-shadow:inset 0 1px 0 #ffffff88,0 7px 22px #76d7af0d;color:#123b2b}.sample-download:disabled{opacity:.45;cursor:not-allowed}.sample-bottom [role=status]{font-size:11px;min-height:0;color:#a5d9c4}.sample-bottom [role=status]:empty{display:none}.sample-assumptions{margin-top:9px}.sample-assumptions summary{font-size:10px;color:#91a8b5;justify-content:flex-start}.sample-assumptions summary:after{content:'⌄';font-size:14px}.sample-assumptions p{font-size:11px;line-height:1.7;color:#8ba3af;margin:0 0 10px}.sample-error{font-size:13px;line-height:1.6;color:#f3b2b8;padding:12px 14px;border:1px solid #ed9daa35;background:#ab385612;border-radius:9px;margin-bottom:17px}.sample-lesson :is(button,input,summary):focus-visible{outline:2px solid #a8f7d4;outline-offset:4px}
@media(max-width:650px){.sample-lesson{padding:20px 20px 24px}.sample-heading h2{font-size:31px;letter-spacing:-1.1px}.sample-heading p{font-size:13px}.sample-eyebrow{font-size:8px;letter-spacing:.8px}.sample-choices{gap:8px}.sample-choices button{padding:12px 10px;min-height:96px}.sample-choices button>span{font-size:11px}.sample-choices button>strong{font-size:23px}.sample-choices button small{display:block;font-size:10px;margin:3px 0 0}.sample-primary-result{gap:12px}.sample-primary-result span{font-size:10px}.sample-primary-result strong{font-size:36px}.sample-primary-result em{font-size:9px}.sample-payoffs{gap:10px;padding:16px 0}.sample-payoffs b{font-size:13px}.sample-payoffs>span{font-size:9px}.sample-feedback{font-size:12px}.sample-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-fields .sample-cost{grid-column:span 2}.sample-download{font-size:12px}}
@media(max-width:370px){.sample-lesson{padding-inline:15px}.sample-heading h2{font-size:28px}.sample-choices button>span{font-size:10px}.sample-primary-result strong{font-size:32px}.sample-primary-result span{font-size:9px}.sample-payoffs b{font-size:12px}.sample-payoffs{gap:7px}.sample-download{font-size:11px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.sample-lesson *{transition:none!important;animation:none!important}}