.notes-page{color:#18352e;padding-top:30px;padding-bottom:90px}.notes-page .breadcrumbs{color:#6a7d72;gap:10px;margin-bottom:42px;font-size:12px;display:flex}.notes-page a{text-underline-offset:3px;text-decoration-color:#83a695}.notes-head{border-top:1px solid #b9c8be;max-width:1060px;padding:28px 0 55px}.notes-eyebrow,.notes-section-heading span,.notes-index>span,.notes-example>strong,.notes-comparison small{letter-spacing:.16em;color:#9b583d;font:700 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.notes-head h1{letter-spacing:-.055em;color:#102d27;margin:15px 0 24px;font:clamp(48px,7vw,94px)/.98 Georgia,serif}.notes-deck{color:#4a6256;max-width:730px;font-size:clamp(17px,2vw,21px);line-height:1.55}.notes-actions{flex-wrap:wrap;gap:22px;margin-top:31px;font-size:13px;font-weight:700;display:flex}.notes-actions a:first-child,.notes-index-cta{color:#fff;background:#183d32;padding:13px 18px;text-decoration:none;display:inline-block}.notes-actions a:first-child:hover,.notes-index-cta:hover{background:#286449}.notes-layout{border-top:1px solid #b9c8be;grid-template-columns:245px minmax(0,1fr);gap:clamp(35px,5vw,90px);padding-top:28px;display:grid}.notes-index{align-self:start;gap:0;display:grid;position:sticky;top:25px}.notes-index>span{color:#668071;margin-bottom:17px}.notes-index a{color:#365c49;border-bottom:1px solid #dce4db;gap:15px;padding:12px 0;font-size:13px;text-decoration:none;display:flex}.notes-index a:hover{color:#a85437}.notes-index b{color:#9b583d;font:700 11px ui-monospace,Consolas,monospace}.notes-body{max-width:790px}.notes-section{border-bottom:1px solid #cbd6ca;margin-bottom:52px;padding:4px 0 54px;scroll-margin-top:35px}.notes-section-heading h2{letter-spacing:-.035em;color:#102d27;margin:13px 0 22px;font:clamp(31px,4vw,48px)/1.12 Georgia,serif}.notes-section p,.notes-section li{color:#314b3f;font-size:16px;line-height:1.75}.notes-section p{margin:0 0 18px}.notes-example{background:#edf2e9;border-left:3px solid #5d9476;margin:28px 0;padding:23px 26px}.notes-example>strong{color:#406952}.notes-formula{margin:14px 0;font:35px Georgia,serif}.notes-example p{margin:0}.notes-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:27px 0;display:grid}.notes-comparison>div{background:#eef2eb;border:1px solid #cddbcc;min-height:210px;padding:23px}.notes-comparison small{color:#6c876c;display:block}.notes-comparison strong{color:#173b31;margin:11px 0;font:27px Georgia,serif;display:block}.notes-comparison p{margin:0 0 12px;font-size:14px;line-height:1.6}.notes-comparison a{font-size:13px;font-weight:700}.notes-practice ol{margin:0 0 27px;padding-left:21px}.notes-practice li{margin-bottom:9px;padding-left:7px}.notes-sources{color:#587063;border-top:2px solid #244b3a;padding-top:24px;font-size:13px;line-height:1.65}.notes-sources strong{letter-spacing:.13em;text-transform:uppercase;font:700 11px ui-monospace,Consolas,monospace;display:block}.notes-sources p{margin:9px 0 0}.notes-sources a{color:#245d43}@media (width<=720px){.notes-page{padding-top:17px}.notes-page .breadcrumbs{margin-bottom:27px}.notes-head{padding-bottom:38px}.notes-layout{display:block}.notes-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin-bottom:42px;position:static}.notes-index>span{grid-column:1/-1}.notes-index a{line-height:1.35}.notes-section{margin-bottom:37px;padding-bottom:36px}.notes-comparison{grid-template-columns:1fr}.notes-comparison>div{min-height:0}}.notes-progress{color:#8a452d;vertical-align:middle;letter-spacing:.09em;border:1px solid #c79675;margin-left:12px;padding:5px 7px;display:inline-block}.notes-progress-detail{color:#6c6052;border-left:2px solid #c79675;max-width:640px;margin:16px 0 0;padding-left:14px;font-size:14px;line-height:1.55}.notes-example{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:22px;display:grid}.notes-example img{background:#edf2e9;border:1px solid #cddbcc;width:100%;height:auto;display:block}.notes-example>div>strong{letter-spacing:.16em;color:#406952;font:700 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.notes-comparison img{aspect-ratio:3/2;object-fit:contain;background:#edf4ee;border:1px solid #cddbcc;width:100%;height:auto;margin-bottom:19px;display:block}.notes-comparison>div{min-width:0}@media (width<=720px){.notes-example{grid-template-columns:1fr}.notes-example img{max-width:420px}}
