.cl-page{background:#f6f8fc;color:#172d4b}.cl-page *{box-sizing:border-box}.cl-page .wrap{max-width:1260px}.cl-page header{background:#fff}.cl-main{padding-bottom:24px}.cl-page h1,.cl-page h2,.cl-page h3{letter-spacing:-.035em;line-height:1.2}.cl-page h1{font-size:clamp(2.2rem,4vw,3.3rem);margin:10px 0 12px}.cl-page h2{font-size:1.55rem;margin:8px 0 14px}.cl-page h3{font-size:1.12rem;margin:0 0 12px}.cl-page p{line-height:1.65}.cl-page button,.cl-page input,.cl-page select{font:inherit}.cl-page button{cursor:pointer}.cl-page button:disabled{opacity:.5;cursor:wait}.cl-page button:focus-visible,.cl-page a:focus-visible,.cl-page summary:focus-visible{outline:3px solid #285ff1;outline-offset:3px}.cl-skip{position:absolute;left:16px;top:-100px;background:#fff;padding:10px;z-index:20}.cl-skip:focus{top:12px}.cl-hero{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:12px 0 24px}.cl-lede{font-size:1.17rem;color:#29486d;margin:0 0 6px}.cl-intro{max-width:680px;font-size:.95rem;color:#596e8a;margin:0}.cl-benefits{display:grid;gap:9px;min-width:242px}.cl-benefits span{font-size:.8rem;color:#345675;background:#edf2fa;border:1px solid #dee7f3;border-radius:50px;padding:8px 12px}.cl-benefits span:before{content:'\2713';margin-right:8px;color:#28664f;font-weight:800}.cl-notice{font-size:.84rem;border-left:3px solid #7999c6;background:#edf2f9;padding:12px 17px;margin-bottom:24px;border-radius:0 8px 8px 0;line-height:1.6;color:#455f7e}.cl-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:24px;align-items:start}.cl-panel{background:#fff;border:1px solid #dfe6f0;border-radius:16px;padding:25px;min-width:0}.cl-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.cl-panel-heading .cl-link-button{flex-shrink:0}.cl-panel-heading h2{font-size:1.37rem;margin:8px 0 18px}.cl-settings{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px}.cl-wide{grid-column:1/-1}.cl-page label{display:block;font-size:.79rem;font-weight:650;color:#3e5573;min-width:0}.cl-page input,.cl-page select{display:block;width:100%;min-width:0;padding:10px 9px;font-size:.91rem;color:#17304d;border:1px solid #cdd9e7;border-radius:7px;background:#fafcff;margin-top:6px;height:42px}.cl-page input:focus,.cl-page select:focus{outline:2px solid #aec7ff;outline-offset:1px;border-color:#4d7ce6}.cl-page input[aria-invalid=true]{border-color:#ad3232;background:#fff6f5}.cl-help{font-size:.76rem;color:#62748e;line-height:1.6;margin:10px 0 16px}.cl-fieldset{border:0;border-top:1px solid #e4eaf3;margin:20px 0 0;padding:17px 0 0;min-width:0}.cl-fieldset legend{font-size:1rem;font-weight:750;padding:0 8px 0 0;color:#213e62}.cl-fieldset>.cl-help{margin-top:0}.cl-row{position:relative;background:#f6f8fc;border:1px solid #e2e9f3;border-radius:9px;padding:11px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}.cl-row .cl-row-name{grid-column:1/4}.cl-row .cl-row-name input{background:white}.cl-row .cl-row-remove{align-self:end;justify-self:end;width:36px;height:36px;border:1px solid #dce4f0;border-radius:7px;background:white;color:#806174;font-size:1.25rem;line-height:1}.cl-part-row{grid-template-columns:repeat(3,minmax(0,1fr)) 36px}.cl-part-row .cl-row-name{grid-column:1/4}.cl-part-row .cl-rotate{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:.77rem}.cl-part-row .cl-rotate input{width:16px;height:16px;margin:0;accent-color:#285ff1}.cl-secondary{border:1px solid #cdd9ea;border-radius:8px;padding:10px 13px;background:white;color:#234974;font-size:.83rem!important;font-weight:650!important;min-height:40px}.cl-secondary:hover{background:#edf3ff;border-color:#9eb8e6}.cl-small{padding:8px 12px;min-height:36px}.cl-link-button{padding:5px 0;color:#285dcc;border:0;background:transparent;font-size:.79rem!important;font-weight:650!important;text-align:left;min-height:36px}.cl-link-button:hover{text-decoration:underline}.cl-calculate-row{display:flex;gap:14px;align-items:center;border-top:1px solid #e4eaf3;margin-top:24px;padding-top:21px}.cl-calculate{padding:14px 19px!important;font-size:.92rem!important;display:flex;gap:20px;align-items:center;justify-content:space-between}.cl-calculate-row>.cl-help{margin:0;font-size:.73rem}.cl-save-panel{margin-top:22px;border-top:1px solid #e4eaf3;padding-top:18px}.cl-save-panel summary{font-size:.83rem;font-weight:650;cursor:pointer;color:#304f75}.cl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cl-saved-label{margin-top:15px}.cl-save-panel>.cl-actions:last-child{gap:20px;margin-top:8px}.cl-error{background:#fff0eb;color:#8b3027;font-size:.87rem;padding:13px;border:1px solid #edbbae;border-radius:8px;line-height:1.55;margin:16px 0}.cl-summary{border-radius:16px;background:#142f55;color:#fff;padding:27px;box-shadow:0 12px 25px #20375a10}.cl-kicker{font-size:.69rem;letter-spacing:.13em;color:#aec5f3;font-weight:800}.cl-summary h2{color:white;font-size:1.7rem;margin:12px 0 7px}.cl-summary #cl-result-status{font-size:.84rem;color:#cad7ee;margin:0}.cl-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px;margin:25px 0}.cl-result-grid>div{display:flex;flex-direction:column;gap:6px}.cl-result-grid>div>span:last-child{font-size:.76rem;color:#bfcde3}.cl-metric{font-size:clamp(1.5rem,2.6vw,2.3rem);font-weight:800;letter-spacing:-.045em;line-height:1.05;overflow-wrap:anywhere}.cl-area-bar{display:flex;height:9px;border-radius:8px;overflow:hidden;margin-bottom:14px;background:#ffffff22}.cl-area-bar span{display:block}#cl-bar-parts{background:#8dafed}#cl-bar-offcut{background:#4d8094}#cl-bar-loss{background:#cfb294}#cl-area-breakdown{font-size:.73rem;color:#d0ddee;display:grid;gap:5px}#cl-area-breakdown>div{display:flex;justify-content:space-between;gap:10px}.cl-summary-note{border-top:1px solid #ffffff22;padding-top:15px;font-size:.72rem!important;color:#b2c3dd;margin:17px 0 0}.cl-output-actions{padding:15px 0}.cl-compact{padding:21px;margin:0 0 16px}.cl-method-card{margin-top:18px;background:#eff3fa;border-color:#dee7f2}.cl-method-card p:not(.eyebrow){font-size:.82rem;color:#5b708d;margin:8px 0}.cl-method-card a{font-size:.79rem;font-weight:650;display:inline-block;margin-top:8px}.cl-method-card .eyebrow{font-size:.66rem;margin:0 0 10px}.cl-warning{background:#fff8ec;border-color:#efd7aa}.cl-warning p{font-size:.79rem;color:#775524}.cl-page table{border-collapse:collapse;width:100%;font-size:.79rem;line-height:1.45}.cl-page th{text-align:left;background:#f0f4fa;color:#395779;font-weight:700}.cl-page th,.cl-page td{padding:10px 8px;border-bottom:1px solid #e1e7f1;vertical-align:top;overflow-wrap:anywhere}.cl-page .cl-table-scroll{overflow-x:auto}.cl-page .cl-table-scroll table{min-width:400px}.cl-comparison{margin-top:25px}.cl-comparison h2{margin-bottom:10px}.cl-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:35px 0 20px}.cl-section-heading h2{font-size:1.8rem;margin-bottom:0}.cl-section-heading .eyebrow{margin:0}.cl-sheet{background:#fff;border:1px solid #dfe6f0;border-radius:16px;padding:25px;margin-bottom:22px}.cl-sheet-top{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:18px}.cl-sheet h3{margin:0 0 5px;font-size:1.2rem}.cl-sheet-top p{margin:0;font-size:.83rem;color:#607491}.cl-sheet-badge{font-size:.73rem;background:#edf3fa;color:#4a698d;border-radius:6px;padding:7px 10px;white-space:nowrap}.cl-sheet-body{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1fr);gap:32px;align-items:start}.cl-diagram-wrap{background:#f3f6fb;border-radius:12px;padding:20px;text-align:center}.cl-diagram-wrap svg{display:block;margin:auto;max-height:520px;max-width:100%;width:auto;height:auto}.cl-diagram-wrap p{font-size:.75rem;margin:12px 0 0;color:#486685}.cl-diagram-legend{font-size:.71rem;color:#5b728f;margin:10px 0}.cl-diagram-legend span{display:inline-flex;align-items:center;gap:5px;margin-right:9px}.cl-swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.cl-sheet-data h4{font-size:.83rem;color:#38597e;margin:0 0 10px}.cl-sheet-data details{margin-top:18px;border-top:1px solid #e1e8f1;padding-top:14px}.cl-sheet-data summary{font-size:.83rem;font-weight:650;color:#315882;cursor:pointer;margin-bottom:10px}.cl-sheet-data td,.cl-sheet-data th{font-size:.75rem}.cl-sheet-data .cl-help{margin:6px 0 10px}.cl-guide{margin-top:35px}.cl-guide h2{font-size:1.85rem}.cl-guide h3{margin:27px 0 10px}.cl-guide p{max-width:1000px}.cl-related{padding:20px 0}.cl-related h2{font-size:1.25rem}.cl-related a{display:inline-block;font-size:.87rem;margin-right:24px;margin-bottom:10px}#cl-print-inputs{display:none}.cl-page .site-links{margin-top:16px}.cl-page .eyebrow{letter-spacing:.13em}.cl-page [hidden]{display:none!important}
@media(min-width:1500px){.cl-page .wrap{max-width:1340px}.cl-layout{grid-template-columns:1.25fr .85fr}}
@media(max-width:980px){.cl-hero{display:block}.cl-benefits{display:flex;flex-wrap:wrap;margin-top:20px;gap:7px}.cl-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px}.cl-panel,.cl-summary{padding:20px}.cl-calculate-row{display:block}.cl-calculate-row>.cl-help{margin-top:10px}.cl-result-grid{gap:22px 12px}.cl-row{gap:7px;padding:9px}.cl-page label{font-size:.74rem}.cl-sheet-body{gap:20px}}
@media(max-width:760px){.cl-layout{grid-template-columns:1fr}.cl-result-column{display:grid;grid-template-columns:1fr}.cl-hero{padding-top:8px}.cl-benefits{gap:6px}.cl-benefits span{font-size:.71rem;padding:7px 10px}.cl-sheet-body{grid-template-columns:1fr}.cl-diagram-wrap svg{max-height:470px}.cl-section-heading{display:block}.cl-section-heading>.cl-help{margin-bottom:0}.cl-sheet-top{display:block}.cl-sheet-badge{display:inline-block;margin-top:10px}.cl-panel-heading{align-items:start}.cl-summary h2{font-size:1.6rem}.cl-metric{font-size:2rem}.cl-result-grid{gap:24px}.cl-compact{margin-top:0}.cl-page .nav nav{gap:12px}.cl-sheet{padding:18px}}
@media(max-width:400px){.cl-page .wrap{padding-left:14px;padding-right:14px}.cl-panel{padding:16px}.cl-row{grid-template-columns:repeat(2,minmax(0,1fr)) 30px}.cl-row .cl-row-name{grid-column:1/3}.cl-row .cl-row-remove{grid-column:3;width:30px}.cl-stock-row>label:nth-of-type(4),.cl-stock-row>label:nth-of-type(5){grid-column:auto}.cl-part-row>.cl-rotate{grid-column:1/-1}.cl-settings{gap:12px 10px}.cl-hero h1{font-size:2.1rem}.cl-benefits{display:grid}.cl-panel-heading h2{font-size:1.15rem}.cl-link-button{font-size:.72rem!important}.cl-page input{padding:9px 7px}.cl-sheet{padding:14px}.cl-sheet-data .cl-table-scroll{margin-right:-3px}.cl-notice{font-size:.77rem}.cl-lede{font-size:1rem}}
@media print{@page{margin:12mm}.cl-page{background:white;color:#111;font-size:10pt}.cl-page header,.cl-hero,.breadcrumbs,.cl-notice,.cl-inputs,.cl-method-card,.cl-output-actions,.cl-comparison button,.cl-guide,.cl-related,.site-links,footer,.cl-skip{display:none!important}.cl-main,.cl-page .wrap{padding:0;max-width:none}.cl-layout{display:block}.cl-summary{background:white!important;color:#111!important;box-shadow:none;border:1px solid #aaa;padding:15px}.cl-summary *{color:#111!important}.cl-summary h2{font-size:20pt}.cl-result-grid{display:flex;justify-content:space-between;margin:15px 0;gap:12px}.cl-metric{font-size:19pt}.cl-result-grid>div>span:last-child{font-size:9pt}.cl-area-bar{display:none}.cl-compact,.cl-panel{padding:12px}.cl-sheet{break-before:page;border:0;padding:0}.cl-sheet-body{grid-template-columns:40% 1fr;gap:15px}.cl-diagram-wrap{background:white;padding:4px}.cl-diagram-wrap svg{max-height:160mm}.cl-sheet-data details>summary{display:none}.cl-sheet-data details>*:not(summary){display:block}.cl-sheet-data details table{display:table!important}.cl-page th,.cl-page td{padding:5px;font-size:8pt!important}.cl-sheet-data details{margin-top:8px;padding-top:8px}.cl-page table{break-inside:auto}.cl-page tr{break-inside:avoid}.cl-section-heading{margin-top:18px}.cl-section-heading h2{font-size:17pt}#cl-print-inputs{display:block;font-size:9pt;line-height:1.6;margin:8px 0 15px}.cl-comparison{margin-top:12px;break-inside:avoid}.cl-page a{color:#111;text-decoration:none}}

/* Explicit fallbacks keep typography and grids usable with blocked remote fonts. */
.cl-page{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.cl-page h1,.cl-page h2,.cl-page h3,.cl-page h4{font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif}.cl-result-column,.cl-sheet-data,.cl-diagram-wrap,.cl-table-scroll{min-width:0;max-width:100%}.cl-page .cl-table-scroll{width:100%}
.cl-result-column>*{min-width:0}.cl-summary{min-width:0}.cl-sheet-data>*{min-width:0}@media(max-width:760px){.cl-result-column{grid-template-columns:minmax(0,1fr)}}