:root{--paper:#fffdf8;--navy:#18344e;--orange:#b64d18;--muted:#526475;--line:#d8ddd9;--wash:#f2f0e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--navy);font:17px/1.85 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--orange)}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.35}h1{font-size:clamp(30px,4.8vw,56px);letter-spacing:-.035em;overflow-wrap:anywhere}h2{font-size:clamp(24px,3vw,33px)}h3{font-size:22px}p{margin:15px 0}img{display:block;max-width:100%;height:auto}.costfolio-skip{position:absolute;left:16px;top:-70px;background:white;padding:8px;z-index:3}.costfolio-skip:focus{top:6px}
.costfolio-mast{width:min(1120px,calc(100% - 64px));margin:auto;padding:25px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--navy)}.costfolio-brand{font-weight:800;font-size:26px;text-decoration:none;letter-spacing:-.03em}.costfolio-brand span{font-size:20px;font-weight:500;margin-left:6px}.costfolio-mast nav{display:flex;gap:24px;font-size:15px}.costfolio-home{width:min(1120px,calc(100% - 64px));margin:auto}.costfolio-opening{padding:48px 0 32px;max-width:930px}.costfolio-kicker{font-size:14px;letter-spacing:.09em;color:var(--orange);font-weight:700}.costfolio-heading h1 span{font-weight:480}.costfolio-lead{max-width:810px;color:var(--muted);font-size:18px}.costfolio-primary{display:inline-flex;align-items:center;gap:48px;padding:11px 19px;background:var(--navy);color:white;text-decoration:none;font-size:16px}.costfolio-primary:hover{background:var(--orange);color:white}
.costfolio-costs{display:grid;grid-template-columns:260px 1fr;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:34px 0}.costfolio-side a{display:inline-block;margin-top:20px;font-size:15px}.costfolio-definitions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0}.costfolio-definitions div{border-left:3px solid var(--orange);padding-left:19px}.costfolio-definitions dt{font-weight:700;font-size:20px}.costfolio-definitions dd{margin:10px 0 0;color:var(--muted);font-size:16px}.costfolio-flow{padding:52px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:42px;align-items:center}.costfolio-flow img{width:100%;height:275px;object-fit:cover}.costfolio-flow figcaption{font-size:12px;color:var(--muted);margin-top:6px}.costfolio-flow p{color:var(--muted)}
.costfolio-preflight{background:var(--wash);padding:36px 40px}.costfolio-preflight ol{padding:0;list-style:none;counter-reset:step}.costfolio-preflight li{counter-increment:step;position:relative;padding:20px 0 20px 56px;border-top:1px solid var(--line)}.costfolio-preflight li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:20px;color:var(--orange);font-size:23px;font-variant-numeric:tabular-nums}.costfolio-preflight li p{margin:5px 0;color:var(--muted)}.costfolio-library{padding:54px 0}.costfolio-essays{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:25px}.costfolio-essay{position:relative;border-top:3px solid var(--navy);padding:12px 30px 20px 0}.costfolio-essay h3 a{text-decoration:none}.costfolio-essay h3 a:hover{text-decoration:underline}.costfolio-essay p{font-size:16px;color:var(--muted)}.costfolio-essay .costfolio-kicker{color:var(--orange);font-size:14px}.costfolio-essay>span{position:absolute;right:0;top:19px;font-size:25px}.costfolio-faq{padding-bottom:54px;max-width:890px}.costfolio-faq h2{margin-bottom:20px}details{border-top:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-size:18px;font-weight:600}details p{color:var(--muted)}
.costfolio-reading{max-width:800px;margin:46px auto 70px;padding:0 26px}.costfolio-reading .costfolio-heading{margin-bottom:36px}.costfolio-reading h1{font-size:clamp(30px,4vw,42px)}.costfolio-reading h2{margin-top:34px;font-size:26px}.costfolio-reading>p,.costfolio-prose p{margin:17px 0}.costfolio-reading .costfolio-definitions{margin:34px 0;grid-template-columns:1fr}.costfolio-reading .costfolio-essays{grid-template-columns:1fr}.costfolio-crumb{font-size:14px;color:var(--muted);margin-bottom:28px}.costfolio-date{font-size:14px;color:var(--muted)}.costfolio-source{border-left:3px solid var(--orange);padding:10px 18px;color:var(--muted);font-size:14px}.costfolio-foot{border-top:2px solid var(--navy);width:min(1120px,calc(100% - 64px));margin:auto;padding:30px 0 45px;display:grid;grid-template-columns:1fr 1.6fr auto;gap:25px;align-items:start;font-size:14px}.costfolio-foot strong{font-size:22px}.costfolio-foot p{margin:0;color:var(--muted)}
@media(max-width:750px){.costfolio-mast,.costfolio-home,.costfolio-foot{width:calc(100% - 40px)}.costfolio-mast{align-items:flex-start;gap:13px;flex-direction:column;padding:19px 0}.costfolio-mast nav{gap:17px;font-size:14px;flex-wrap:wrap}.costfolio-opening{padding:30px 0}.costfolio-lead{font-size:16px}.costfolio-costs{grid-template-columns:1fr;gap:22px;padding:25px 0}.costfolio-side h2 br{display:none}.costfolio-side a{margin-top:12px}.costfolio-definitions{grid-template-columns:1fr;gap:20px}.costfolio-flow{grid-template-columns:1fr;padding:32px 0;gap:22px}.costfolio-flow img{height:220px}.costfolio-preflight{padding:24px 20px}.costfolio-preflight li{padding-left:42px}.costfolio-essays{grid-template-columns:1fr;gap:12px}.costfolio-library{padding:35px 0}.costfolio-faq{padding-bottom:35px}.costfolio-foot{grid-template-columns:1fr;gap:15px;padding-bottom:30px}.costfolio-reading{margin-top:28px;padding:0 20px}.costfolio-primary{gap:24px}.costfolio-reading h2{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}