:root{--paper:#f8f6f0;--sheet:#fffefa;--inset:#f2f0e8;--ink:#262f28;--pencil:#5c665e;--muted:#667066;--grain:#d6dacf;--forest:#244d3b;--forest-dark:#193b2c;--forest-light:#e8ede5;--chalk:#fbfaf4;--rust:#9b3a24;--error-bg:#fff0e9;--focus:#865c23;--radius:8px;--body: 'Trebuchet MS',Arial,sans-serif;--display:Georgia,'Times New Roman',serif;--number:Consolas,'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}a{color:var(--forest);text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{ -webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{min-height:44px}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3{margin:0;line-height:1.2;font-weight:400;text-wrap:balance}h1,h2,h3{font-family:var(--display)}h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px}h2{font-size:28px;letter-spacing:-.6px}h3{font-size:24px}p{margin:0 0 16px;text-wrap:pretty}svg{display:block;max-width:100%}.shell{width:min(1184px,calc(100% - 64px));margin:auto}.skip-link{position:absolute;top:-80px;left:16px;background:var(--sheet);padding:12px;z-index:20}.skip-link:focus{top:12px}.site-header{border-bottom:1px solid var(--grain)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:92px;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:700;font-size:21px;line-height:1.2;letter-spacing:-.6px}.brand svg{width:40px;height:40px;color:var(--forest);flex-shrink:0}.brand small{display:block;font-weight:400;font-size:11px;letter-spacing:2px;margin-top:6px;color:var(--pencil)}.site-nav{display:flex;gap:28px}.site-nav a{color:var(--pencil);text-decoration:none;padding:12px 0;font-size:14px}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--forest);text-decoration:underline}.intro{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:48px 0 32px}.eyebrow,.step-label{font:700 11px/1.4 var(--body);letter-spacing:1.6px;text-transform:uppercase;color:var(--pencil);margin:0 0 12px}.heading-dot{color:var(--forest)}.intro-copy{font-size:17px;max-width:660px;color:var(--pencil);margin:16px 0 0;line-height:1.6}.measure-mark{width:190px;flex-shrink:0;color:var(--forest)}.measure-mark span{font:9px var(--number);letter-spacing:.5px;display:block;text-align:center}.calculator-layout{display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:28px;align-items:start}.tally-form{background:var(--sheet);border:1px solid var(--grain);border-radius:var(--radius);padding:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.section-heading h2{font-size:26px}.step-label{font-size:10px;margin-bottom:8px}.helper{font-size:13px;color:var(--pencil);line-height:1.6}.helper strong{font-weight:400;color:var(--ink)}.text-button{border:0;background:none;padding:8px 0;color:var(--forest);font-size:13px}.text-button:hover,.text-link:hover{text-decoration:underline}.text-button span{margin-left:8px}.board-row{border:0;border-top:1px solid var(--grain);margin:0;padding:20px 0 16px;min-width:0}.board-row legend{float:left;width:100%;padding:0;margin-bottom:16px}.board-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.board-name{font:700 11px var(--body);text-transform:uppercase;letter-spacing:1.4px}.board-total{font:12px var(--number);color:var(--pencil)}.board-fields{display:grid;grid-template-columns:1fr 1fr 1.35fr .7fr 44px;gap:12px;clear:both}.field{min-width:0}.field label{display:block;font-size:12px;font-weight:700;line-height:1.5;margin-bottom:8px}.field label span{font-weight:400;color:var(--pencil)}input,select{width:100%;min-width:0;border:1px solid var(--grain);border-radius:4px;background:var(--inset);color:var(--ink);height:46px;padding:10px 12px;font-size:16px}input::placeholder{color:#72786d;font-size:14px}input[aria-invalid=true],select[aria-invalid=true]{border:2px solid var(--rust)}.length-input{display:flex;gap:4px}.length-input input{min-width:0;flex:1}.length-input select{width:58px;flex-shrink:0;padding:8px 4px;font-size:13px}.remove-board{align-self:start;margin-top:26px;border:0;background:transparent;color:var(--pencil);width:44px;padding:0;font-size:24px;line-height:1}.remove-board:hover{color:var(--rust);background:var(--error-bg);border-radius:4px}.add-button{width:100%;border:1px dashed var(--grain);background:transparent;color:var(--forest);border-radius:4px;font-size:13px;text-align:left;padding:8px 16px}.add-button:hover{background:var(--forest-light)}.add-button span{font-size:22px;margin-right:8px;vertical-align:middle}.cost-section{margin-top:28px;border-top:1px solid var(--grain);padding-top:24px}.optional-label,.tag{font:11px var(--body);background:var(--forest-light);color:var(--forest);border-radius:4px;padding:4px 8px}.cost-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-with-prefix{position:relative}.input-with-prefix>span:first-child{position:absolute;top:10px;left:12px;color:var(--pencil)}.input-with-prefix input{padding-left:28px}.field-help{font-size:11px;color:var(--pencil);line-height:1.6;margin:8px 0 0}.field-error{display:block;color:var(--rust);font-size:12px;line-height:1.4;margin-top:4px}.field-error:empty{display:none}.form-actions{display:flex;align-items:center;gap:24px;margin-top:24px}.primary-button,.secondary-button{border:0;border-radius:4px;padding:12px 20px;font-weight:700;font-size:14px}.primary-button{color:var(--chalk);background:var(--forest)}.primary-button span{margin-left:24px}.primary-button:hover{background:var(--forest-dark)}.primary-button:active,.secondary-button:active{transform:translateY(1px)}.secondary-button{color:var(--forest);background:var(--forest-light);padding:10px 16px;font-size:12px}.secondary-button:hover:not(:disabled){background:var(--grain)}.status{font-size:12px;color:var(--pencil);margin:12px 0 0}.status:empty{display:none}.error-summary{font-size:13px;margin-top:16px;padding:12px 16px;border-left:3px solid var(--rust);background:var(--error-bg);color:var(--rust)}[hidden]{display:none!important}.tally-result{background:var(--forest-light);border-radius:var(--radius);overflow:hidden}.result-top{padding:28px;background:var(--forest);color:var(--chalk)}.result-top .step-label{color:#d0decb}.result-top h2{font-size:24px;color:var(--chalk)}.total-number{margin-top:28px}.total-number output{display:block;font:48px/1.1 var(--number);letter-spacing:-2px;overflow-wrap:anywhere}.total-number span{font-size:13px;letter-spacing:.4px;display:block;margin-top:8px}.result-top #result-caption{font-size:12px;color:#d0decb;margin:20px 0 24px}.ruler{color:#a5bea6;width:100%;height:24px}.result-details{padding:24px 28px}.result-details dl,.worked-example dl{margin:0}.result-details dl>div,.worked-example dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;font-size:12px}.result-details dd,.worked-example dd{margin:0;text-align:right;font-family:var(--number);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.purchase-total{font-weight:700;border-top:1px solid #c8d1c4;padding-top:16px}.result-details .field-help{font-size:11px}.export-actions{display:flex;gap:8px;margin-top:24px}.export-actions button{flex:1;background:#f6f7f0}.result-note{font-size:11px;color:var(--pencil);margin:16px 0 0}.privacy-strip{display:flex;align-items:center;gap:12px;padding:20px 0;font-size:12px;color:var(--pencil)}.privacy-strip svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.3}.privacy-strip p{margin:0}.privacy-strip a{margin-left:auto;font-size:11px}.explain-section{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;padding:48px 0;border-top:1px solid var(--grain)}.explain-section h2{font-size:32px;margin-bottom:20px}.explain-section>div>p{font-size:14px;color:var(--pencil)}.formula{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--inset);padding:20px;border-radius:4px;margin:24px 0;font:14px var(--number)}.formula small{display:block;font:10px var(--body);color:var(--pencil);margin-top:6px}.formula b{font-weight:400}.source-link{font-size:11px}.worked-example{background:var(--sheet);padding:28px;border:1px solid var(--grain);border-radius:var(--radius)}.worked-example h3{margin:20px 0 16px}.worked-example p{font-size:13px;color:var(--pencil)}.worked-example .example-equation{font:15px var(--number);color:var(--ink);padding:16px 0;border-bottom:1px solid var(--grain);margin-bottom:20px}.worked-example .field-help{font-size:11px;margin-top:20px}.reading-section{border-top:1px solid var(--grain);padding:40px 0 48px}.text-link{font-size:13px;text-decoration:none;color:var(--forest)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-card{display:block;text-decoration:none;color:var(--ink);padding:24px;background:var(--sheet);border:1px solid var(--grain);border-radius:var(--radius)}.guide-card:hover{border-color:var(--forest)}.guide-card h3{font-size:23px;margin:12px 0}.guide-card p{font-size:13px;color:var(--pencil);margin-bottom:20px}.guide-card .card-arrow{font-size:13px;color:var(--forest)}.faq-section{max-width:800px;padding:0 0 64px}.faq-section h2{margin-bottom:24px}details{border-top:1px solid var(--grain);padding:16px 0}summary{font-size:14px;font-weight:700;padding:8px 0;min-height:44px}details p{font-size:14px;color:var(--pencil);margin:12px 0 8px}.site-footer{border-top:1px solid var(--grain);padding:28px 0;color:var(--pencil);font-size:11px}.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-inner p{margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.footer-links a{color:var(--pencil);text-decoration:none}.footer-links button{border:0;background:none;color:var(--pencil);font-size:11px;padding:0;min-height:44px}.article{max-width:800px;padding:48px 0 64px}.article .breadcrumb{font-size:12px;margin-bottom:28px}.article h1{font-size:40px;margin-bottom:24px}.article .article-lead{font-size:19px;color:var(--pencil);line-height:1.6}.article h2{margin:36px 0 16px;font-size:28px}.article h3{margin:28px 0 16px;font-size:22px}.article p,.article li{font-size:16px;line-height:1.8}.article ul,.article ol{padding-left:24px}.article figure{margin:28px 0;padding:24px;background:var(--sheet);border:1px solid var(--grain);border-radius:var(--radius)}.article figure svg{width:100%;height:auto}.article figcaption{font-size:12px;color:var(--pencil);margin-top:16px}.article table{width:100%;border-collapse:collapse;font-size:13px;margin:24px 0}.article th,.article td{padding:12px;text-align:left;border-bottom:1px solid var(--grain)}.article th{font-weight:700;background:var(--forest-light)}.article .table-wrap{overflow-x:auto}.article .note{padding:20px;border-left:3px solid var(--forest);background:var(--forest-light);margin:24px 0}.article .note p:last-child{margin:0}.article .guide-grid{margin-top:24px}.article .guide-card p{font-size:13px}.article dl dt{font-weight:700}.article dl dd{margin:8px 0 20px}.article .article-cta{margin-top:32px}.cookie-banner{position:fixed;bottom:16px;left:16px;right:16px;max-width:740px;margin:auto;background:var(--sheet);border:1px solid var(--grain);border-radius:8px;padding:20px;z-index:10;box-shadow:0 8px 28px rgba(38,47,40,.12)}.cookie-banner p{font-size:13px}.cookie-actions{display:flex;gap:12px;flex-wrap:wrap}.cookie-dialog{max-width:480px;width:calc(100% - 32px);background:var(--sheet);color:var(--ink);border:1px solid var(--grain);border-radius:8px;padding:28px}.cookie-dialog::backdrop{background:rgba(20,30,22,.35)}.cookie-dialog h2{margin-bottom:16px}.cookie-dialog p{font-size:14px}.cookie-dialog button{margin:4px}.print-only{display:none}
@media(max-width:1024px){.calculator-layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.tally-form{padding:24px}.board-fields{grid-template-columns:1fr 1fr 1.2fr .7fr;gap:12px}.remove-board{grid-column:4;justify-self:end;margin-top:0}.explain-section{gap:40px}.result-top,.result-details{padding:24px}}
@media(max-width:820px){.shell{width:calc(100% - 40px)}.header-inner{min-height:80px}.brand{font-size:19px}.brand small{font-size:10px}.site-nav{gap:20px}.intro{padding:36px 0 28px}.measure-mark{display:none}.calculator-layout{grid-template-columns:1fr}.board-fields{grid-template-columns:1fr 1fr 1.2fr .7fr 44px}.remove-board{grid-column:auto;margin-top:26px}.result-top{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.result-top .step-label,.result-top h2{grid-column:1}.total-number{grid-column:2;grid-row:1 / span 3;margin:0}.result-top #result-caption{margin:16px 0 0}.ruler{grid-column:1 / -1;margin-top:24px}.result-details dl{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}.result-details dl>.purchase-total{border:0;padding:0}.explain-section{grid-template-columns:1fr;gap:28px}.worked-example{max-width:520px}.footer-inner{align-items:start}.article h1{font-size:34px}}
@media(max-width:520px){.shell{width:calc(100% - 32px)}.header-inner{min-height:80px;gap:16px}.brand{font-size:17px}.brand svg{width:32px;height:32px}.brand small{font-size:8px;letter-spacing:1.3px}.site-nav{gap:16px}.site-nav a{font-size:12px}.site-nav .about-nav{display:none}.intro{padding:28px 0 24px}.eyebrow{font-size:9px;letter-spacing:1.2px}h1{font-size:32px;letter-spacing:-1px}.intro-copy{font-size:14px;margin-top:12px}.tally-form{padding:20px}.section-heading{gap:12px}.section-heading h2{font-size:23px}.section-heading .text-button{font-size:11px}.helper{font-size:12px}.board-fields{grid-template-columns:1fr 1fr;gap:16px 12px}.length-field{grid-column:1}.quantity-field{grid-column:2}.remove-board{grid-column:2;grid-row:3;margin:0;justify-self:end}.board-row{padding-bottom:8px}.board-fields .field label{font-size:12px}.cost-fields{grid-template-columns:1fr;gap:16px}.form-actions{gap:16px}.primary-button{font-size:13px;padding:12px 16px;flex:1}.primary-button span{margin-left:8px}.result-top{padding:24px;display:block}.total-number{margin-top:24px}.total-number output{font-size:48px}.result-top #result-caption{margin-top:16px}.result-details{padding:24px}.result-details dl{display:block}.result-details dl>.purchase-total{border-top:1px solid #c8d1c4;padding-top:16px}.privacy-strip{align-items:start;flex-wrap:wrap;gap:8px;font-size:11px}.privacy-strip p{flex:1}.privacy-strip a{margin-left:26px}.explain-section{padding:32px 0}.explain-section h2{font-size:29px}.formula{padding:16px;font-size:11px;gap:4px}.formula small{font-size:9px}.worked-example{padding:24px}.reading-section{padding:32px 0}.reading-section .section-heading{display:block}.reading-section .text-link{display:inline-block;margin-top:16px}.guide-grid{grid-template-columns:1fr;gap:16px}.guide-card{padding:24px}.faq-section{padding-bottom:40px}.footer-inner{display:block}.footer-links{gap:16px;margin-top:12px}.article{padding:32px 0 48px}.article h1{font-size:32px}.article .article-lead{font-size:17px}.article p,.article li{font-size:15px}.article figure{padding:12px}.article th,.article td{padding:8px;font-size:12px}.cookie-banner{bottom:8px;left:8px;right:8px;padding:16px}.cookie-dialog{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button:active{transform:none}}
@media print{body{background:white;color:black;font:11pt/1.5 Arial,sans-serif}.site-header,.intro,.tally-form,.tally-result,.privacy-strip,.explain-section,.reading-section,.faq-section,.site-footer,.cookie-banner,.cookie-dialog,.skip-link{display:none!important}.shell{width:100%;margin:0}.print-only{display:block}.print-only h1{font:24pt Georgia,serif;margin-bottom:16pt}.print-only table{width:100%;border-collapse:collapse;font:10pt Arial,sans-serif}.print-only th,.print-only td{padding:8pt;border:1px solid #999;text-align:left}.print-only p{margin:12pt 0}.print-only h2{font:16pt Georgia,serif}.article{max-width:none;padding:0}.article a{color:black}.article figure{break-inside:avoid}}
/* Supplied wordmark: crop transparent canvas space in the layout, preserving the original PNG artwork. */
/* Keep typing space intact; the separate 44px rail works for mouse and touch. */
.measurement-adjustment{display:flex;align-items:center;gap:16px;padding:12px 16px;margin:0 0 16px;background:var(--inset);border-radius:4px}
.measurement-adjustment>div{flex:1;min-width:0}.measurement-adjustment label{display:block;font-size:12px;font-weight:700}.measurement-adjustment p{font-size:12px;color:var(--pencil);line-height:1.5;margin:4px 0 0}.measurement-adjustment select{width:144px;flex-shrink:0;background:var(--sheet)}
.board-fields{grid-template-columns:1fr 1fr 1.35fr .8fr}.board-row-actions{display:flex;gap:12px;align-items:center}.board-row .remove-board{margin:0;flex-shrink:0}.board-row legend{margin-bottom:12px}.value-step-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.value-step-buttons button{height:44px;min-width:44px;padding:0;border:1px solid var(--grain);border-radius:4px;background:var(--sheet);color:var(--forest);font:22px/1 var(--body)}.value-step-buttons button:hover:not(:disabled){background:var(--forest-light);border-color:var(--forest)}.value-step-buttons button:active:not(:disabled){background:var(--grain)}.value-step-buttons button:disabled{opacity:.4}.board-fields input,.cost-fields input{font-variant-numeric:tabular-nums}
.tally-form>.section-heading{margin-bottom:12px}.tally-form>.helper{margin-bottom:12px}.board-row{padding-top:12px}.board-row legend{margin-bottom:4px}.measurement-adjustment{margin:16px 0 0}.length-input{gap:12px}
@media(max-width:1100px){.board-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:520px){.measurement-adjustment{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.measurement-adjustment select{width:100%}.board-row-actions{gap:8px}.board-name{font-size:10px}.board-row legend{margin-bottom:12px}}
@media(max-width:380px){.board-fields .length-field,.board-fields .quantity-field{grid-column:1 / -1}}
.site-header{background:var(--sheet);border-bottom:1px solid var(--grain)}
.header-inner{min-height:80px;gap:24px}
.brand{min-height:44px;max-width:100%;flex-shrink:0}
.brand-logo{display:block;width:264px;height:44px;object-fit:cover;object-position:center}
.site-nav{display:flex;gap:4px;align-items:center}
.site-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:4px;color:var(--pencil);font-size:14px;text-decoration:none;line-height:24px}
.site-nav a:hover{color:var(--forest-dark);background:var(--inset);text-decoration:none}
.site-nav a[aria-current="page"]{color:var(--forest-dark);background:var(--forest-light);font-weight:700;text-decoration:none}
.site-footer{padding:0;background:var(--forest-dark);border-top:1px solid var(--forest);color:var(--chalk);font-size:14px}
.footer-main{display:grid;grid-template-columns:1.6fr 1fr 1.1fr;gap:72px;padding:44px 0 32px}
.footer-home{display:flex;align-items:center;min-height:44px;max-width:264px;color:var(--chalk);font-size:21px;font-weight:700;text-decoration:none}
.footer-logo{display:block;width:100%;height:44px;object-fit:cover;object-position:center}
.footer-brand p{max-width:36ch;margin:16px 0 0;color:#c6d4ca;line-height:1.7}
.footer-group h2{margin:10px 0 8px;font:700 11px/24px var(--body);letter-spacing:1.4px;text-transform:uppercase;color:#acc3b4}
.footer-group a,.footer-group button{display:flex;align-items:center;width:fit-content;max-width:100%;min-width:44px;min-height:44px;padding:10px 0;border:0;background:transparent;color:var(--chalk);font:14px/24px var(--body);text-align:left;text-decoration:none;white-space:normal;cursor:pointer}
.footer-group a:hover,.footer-group button:hover{color:white;text-decoration:underline;text-underline-offset:4px}
.site-footer :focus-visible{outline-color:#e9cd87}
.footer-bottom{display:flex;justify-content:space-between;gap:16px 32px;padding:20px 0;border-top:1px solid #3c5948;color:#b6c9be;font-size:12px;line-height:1.6}
.footer-bottom p{margin:0}
.print-logo{display:block;width:240px;height:40px;object-fit:cover;object-position:center;margin-bottom:16px}
@media(max-width:820px){.brand-logo{width:250px}.footer-main{grid-template-columns:1fr 1fr;gap:24px 48px;padding:32px 0 24px}.footer-brand{grid-column:1 / -1}.footer-brand p{max-width:48ch;margin-top:12px}}
@media(max-width:520px){.header-inner{flex-direction:column;align-items:stretch;gap:4px;padding:8px 0;min-height:0}.brand{align-self:flex-start}.brand-logo{width:216px}.site-nav{width:100%;margin:0;gap:4px}.site-nav a,.site-nav .about-nav{display:inline-flex;flex:1;padding:10px 8px;font-size:13px}.footer-main{gap:24px}.footer-group a,.footer-group button{font-size:13px}.footer-bottom{flex-direction:column;gap:8px}.footer-logo{max-width:240px}}