.cs-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.7rem 1.25rem;border:0;border-radius:5px;background:#214b3c;color:#fff!important;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.cs-button:hover,.cs-button:focus{background:#15382c}.cs-button:disabled{opacity:.55;cursor:wait}.cs-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.cs-card{display:block;padding:1.25rem;border:1px solid #d5ddd5;border-radius:9px;background:#fff;color:inherit;text-decoration:none}.cs-card h2{font-size:1.25rem;margin:.1rem 0 .6rem}.cs-card a{color:#214b3c}.cs-builder,.cs-calculator{max-width:900px;padding:clamp(1rem,3vw,2rem);border:1px solid #d5ddd5;border-radius:12px;background:#fafbf8}.cs-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700;color:#537361}.cs-progress{height:8px;background:#e2eae2;border-radius:10px;margin-bottom:1.5rem;overflow:hidden}.cs-progress span{display:block;height:100%;background:#497b5d;transition:width .2s}.cs-step{border:0;padding:0;margin:0;width:100%}.cs-step legend{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin-bottom:1rem}.cs-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem}.cs-choice{position:relative;display:block}.cs-choice input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.cs-choice > span{display:flex;align-items:center;min-height:80px;padding:1rem;border:2px solid #ced9ce;border-radius:8px;background:#fff;font-weight:650}.cs-choice input:checked+span{border-color:#214b3c;background:#edf5ed}.cs-choice input:focus-visible+span{outline:3px solid #cf8d3f;outline-offset:2px}.cs-form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.cs-previous{background:#e7ede8;color:#214b3c!important}.cs-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.cs-form-grid label,.cs-provider-form label{display:grid;gap:.4rem;font-weight:600}.cs-form-grid input,.cs-form-grid select,.cs-provider-form input{width:100%;min-height:44px;padding:.55rem;border:1px solid #91a596;border-radius:5px;font:inherit}.cs-consent{display:flex;gap:.7rem;margin-top:1.5rem}.cs-consent input{align-self:flex-start;margin-top:.35rem}.cs-honey{position:absolute;left:-10000px}.cs-form-message{color:#9b2626;min-height:1.4em}.cs-result dl{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1rem}.cs-result dt{font-weight:700}.cs-result dd{margin:0}.cs-calculator-result{margin:1rem 0;font-size:1.12rem;font-weight:700}.cs-calculator-result p{margin:.35rem 0}.cs-note{font-size:.9rem;color:#46594d}.cs-provider-form{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;margin:1.5rem 0}[hidden]{display:none!important}

/* The style step uses the supplied labeled cabinet images as the choice labels. */
[data-step="styles"] .cs-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.cs-style-choice .cs-style-visual{display:block;min-height:0;padding:4px;overflow:hidden}
.cs-style-choice img{display:block;width:100%;height:auto;border-radius:5px}
[data-step="styles"] .cs-choice:not(.cs-style-choice){grid-column:1/-1}
[data-step="styles"] .cs-choice:not(.cs-style-choice) span{justify-content:center;min-height:52px}
.cs-select-hint{font-size:.56em;font-weight:600;letter-spacing:0;white-space:nowrap}
@media(max-width:650px){[data-step="styles"] .cs-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.cs-calculator .cs-form-grid + .cs-button{margin-top:1.5rem}.cs-consent a{color:#214b3c;text-decoration:underline}

.cs-contact-wrap{max-width:900px}.cs-contact-message{display:grid;gap:.4rem;margin-top:1rem;font-weight:600}.cs-contact-message textarea{width:100%;padding:.75rem;border:1px solid #91a596;border-radius:5px;font:inherit;resize:vertical}.cs-contact-form>.cs-button{margin-top:1rem}

/* Cabinet color cards use the supplied 4-column image as a sprite. */
[data-step="colors"] .cs-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.cs-color-choice > .cs-color-visual{display:block;position:relative;aspect-ratio:1.45;min-height:0;padding:0;overflow:hidden;background:#fff}
.cs-color-art{display:block;position:absolute;inset:0;background-image:url('cabinet-colors-chart.png');background-size:400% auto;background-repeat:no-repeat}
.cs-color-tile-0{background-position:0 0}.cs-color-tile-1{background-position:33.333% 0}.cs-color-tile-2{background-position:66.667% 0}.cs-color-tile-3{background-position:100% 0}
.cs-color-tile-4{background-position:0 33.9%}.cs-color-tile-5{background-position:33.333% 33.9%}.cs-color-tile-6{background-position:66.667% 33.9%}.cs-color-tile-7{background-position:100% 33.9%}
.cs-color-tile-8{background-position:0 66.8%}.cs-color-tile-9{background-position:33.333% 66.8%}.cs-color-tile-10{background-position:66.667% 66.8%}.cs-color-tile-11{background-position:100% 66.8%}
.cs-color-tile-12{background-position:0 100%}
.cs-color-choice .cs-color-name{display:flex;position:absolute;right:0;bottom:0;left:0;align-items:center;justify-content:center;height:15%;padding:0 .25rem;background:#fff;color:#172d38;font-size:clamp(.75rem,1.25vw,1rem);line-height:1.15;text-align:center}
.cs-color-tile-12 + .cs-color-name{height:24%}
@media(max-width:650px){[data-step="colors"] .cs-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-color-choice .cs-color-name{font-size:.82rem}}

/* Cabinet level cards shared by the cost guide and project builder. */
.cs-level-intro{margin:.1rem 0 1.2rem;color:#455b54;line-height:1.55}
.cs-level-picker .cs-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.cs-level-picker .cs-level-choice{position:relative;display:block;min-width:0;cursor:pointer}
.cs-level-picker .cs-level-choice input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}
.cs-level-picker .cs-level-body{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:310px;height:100%;padding:1.2rem;border:2px solid #d7e1da;border-top:6px solid #57846d;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(17,45,38,.04);transition:border-color .16s,box-shadow .16s,background .16s}
.cs-level-picker .cs-level-choice:hover .cs-level-body{border-color:#56846b;box-shadow:0 8px 20px rgba(17,45,38,.1)}
.cs-level-picker .cs-level-choice input:checked+.cs-level-body{border-color:#22563f;background:#f0f7f1;box-shadow:0 0 0 2px #22563f inset}
.cs-level-picker .cs-level-choice input:focus-visible+.cs-level-body{outline:3px solid #c5893f;outline-offset:3px}
.cs-progress-label,.cs-est-progress-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.cs-level-picker .cs-level-title{display:block;padding-right:1.4rem;color:#162c39;font-size:1.3rem;line-height:1.2}
.cs-level-picker .cs-level-subtitle{display:block;margin-top:.3rem;color:#475e69;font-size:.93rem;line-height:1.35}
.cs-level-picker .cs-level-badge{display:inline-block;margin:.9rem 0;padding:.3rem .65rem;border-radius:999px;background:#e8f1e9;color:#285f43;font-size:.74rem;font-weight:750;line-height:1.2}
.cs-level-picker .cs-level-description{display:block;color:#324741;font-size:.9rem;line-height:1.5}
.cs-level-picker .cs-level-features{display:block;width:100%;margin-top:auto;padding-top:.9rem;border-top:1px solid #dce5df;color:#577065;font-size:.78rem;line-height:1.45}
.cs-level-picker .cs-level-check{position:absolute;right:.85rem;top:.85rem;display:flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border:2px solid #a7bdb0;border-radius:50%;color:transparent;font-size:.88rem;font-weight:800}
.cs-level-picker input:checked+.cs-level-body .cs-level-check{border-color:#22563f;background:#22563f;color:#fff}
.cs-level-helper{margin:1.25rem 0 0;padding:1rem 1.1rem;border:1px solid #d8e3dc;border-radius:9px;background:#f5f9f6}
.cs-level-helper p{margin:0 0 .65rem;color:#324741;font-size:.9rem}
.cs-level-comparison summary{display:inline-block;cursor:pointer;color:#214b3c;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.cs-level-comparison summary:focus-visible{outline:3px solid #c5893f;outline-offset:3px}
.cs-level-table-wrap{max-width:100%;margin-top:1rem;overflow-x:auto}
.cs-level-table-wrap table{width:100%;min-width:570px;border-collapse:collapse;background:#fff;font-size:.84rem}
.cs-level-table-wrap th,.cs-level-table-wrap td{padding:.6rem .7rem;border:1px solid #d8e3dc;text-align:left;vertical-align:top}
.cs-level-table-wrap thead th{background:#e8f1e9;color:#173d2d}
.cs-level-table-wrap tbody th{font-weight:650}
@media(max-width:850px){.cs-level-picker .cs-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-level-picker .cs-level-body{min-height:290px}}
@media(max-width:570px){.cs-level-picker .cs-level-grid{grid-template-columns:1fr}.cs-level-picker .cs-level-body{min-height:0}.cs-level-picker .cs-level-description{margin-bottom:1rem}}

/* Estimator photography throughout the buying guides. */
.cs-guide-card{display:flex;flex-direction:column;padding:0!important;overflow:hidden;text-decoration:none}
.cs-guide-card>img{display:block;width:100%;height:190px;object-fit:cover;object-position:center 30%}
.cs-guide-card-image{display:block;overflow:hidden}
.cs-guide-card-image img{display:block;width:100%;height:190px;object-fit:cover;object-position:center 30%}
.cs-guide-card-copy{display:block;padding:1.15rem 1.3rem 1.35rem}
.cs-guide-card-copy h3{margin:.1rem 0 .5rem}
.cs-guide-card-copy p{margin:0 0 .7rem}
.cs-guide-card-link{color:#245640;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.cs-guide-examples{margin:2.5rem 0;padding:1.5rem;border:1px solid #dbe5de;border-radius:14px;background:#f7faf7}
.cs-guide-examples h2{margin-top:0}
.cs-guide-example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}
.cs-guide-example-grid figure{margin:0;overflow:hidden;border:1px solid #d7e1d9;border-radius:11px;background:#fff}
.cs-guide-example-grid img{display:block;width:100%;height:180px;object-fit:cover;object-position:center 30%}
.cs-guide-example-grid figcaption{display:grid;gap:.35rem;padding:.9rem 1rem;color:#42564b;font-size:.9rem;line-height:1.45}
.cs-guide-example-grid strong{color:#183b2b;font-size:1rem}

/* Project planner size examples reuse the cost guide photography. */
.cs-size-intro{margin:.2rem 0 1.1rem;color:#4b6155}
.cs-builder-size-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.cs-builder-size-choice{position:relative;display:block;min-width:0;cursor:pointer}
.cs-builder-size-choice input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:1}
.cs-builder-size-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:2px solid #d3ded5;border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s}
.cs-builder-size-choice:hover .cs-builder-size-card{border-color:#51755c;box-shadow:0 6px 18px #173b2820}
.cs-builder-size-choice input:checked+.cs-builder-size-card{border-color:#214b3c;background:#f0f7f0;box-shadow:0 0 0 2px #214b3c inset}
.cs-builder-size-choice input:focus-visible+.cs-builder-size-card{outline:3px solid #c58d3f;outline-offset:2px}
.cs-builder-size-card img{display:block;width:100%;height:170px;object-fit:cover;object-position:center top}
.cs-builder-size-copy{display:grid;gap:.25rem;padding:.7rem .8rem .9rem;line-height:1.25}
.cs-builder-size-copy strong{color:#17372b;font-size:1.12rem}
.cs-builder-size-copy span{color:#475b50;font-size:.9rem}
.cs-builder-size-copy small{color:#5a6c62;font-size:.8rem}
@media(max-width:640px){.cs-builder-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-builder-size-card img{height:135px}}

.cs-supplier-lead{margin:1.5rem 0 2.5rem}.cs-supplier-lead>.cs-builder{max-width:none}.cs-supplier-question{margin:1.4rem 0}.cs-supplier-question h3{font-size:1.15rem;margin:0 0 .65rem}.cs-supplier-question h3 small{font-size:.78rem;font-weight:400}.cs-supplier-lead .cs-choice>span{min-height:58px}.cs-supplier-success{padding:1.25rem;border:1px solid #b7d3bd;border-radius:8px;background:#eff8ef;color:#214b3c}.cs-supplier-guides{margin:3rem 0}.cs-supplier-guides>h2{margin-bottom:.4rem}

.cs-homeowner-guide{max-width:1000px;margin:1.5rem auto;color:#19372b}.cs-guide-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin:1rem 0 1.5rem}.cs-guide-actions span{font-size:.86rem;color:#52675b}.cs-workbook-page{margin:0 0 1.25rem;padding:clamp(1.25rem,3vw,2.5rem);border:1px solid #d6e0d8;border-radius:12px;background:#fff;box-shadow:0 2px 12px #183a2410}.cs-workbook-page h2{margin:.15rem 0 1rem;color:#173b2d}.cs-workbook-page h3{margin:1.3rem 0 .55rem;color:#214b3c}.cs-workbook-page p{line-height:1.55}.cs-guide-cover{background:#f4f8f3}.cs-guide-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1rem}.cs-guide-summary div{padding:.55rem .75rem;border-bottom:1px solid #dce5dc}.cs-guide-summary dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#557061}.cs-guide-summary dd{margin:0;font-weight:650}.cs-guide-range{font-size:clamp(1.75rem,4vw,2.65rem);font-weight:750;color:#214b3c;margin:.3rem 0}.cs-guide-checks{list-style:none;padding:0;margin:.6rem 0 1.3rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.25rem}.cs-guide-checks li{display:flex;align-items:flex-start;gap:.55rem;line-height:1.4}.cs-guide-box{display:inline-block;flex:none;width:1.1rem;height:1.1rem;margin-top:.15rem;border:1.5px solid #5c7665;border-radius:2px}.cs-guide-note-label{display:block;font-weight:650;margin:1rem 0 .4rem}.cs-workbook-page textarea{width:100%;box-sizing:border-box;min-height:14rem;padding:.6rem;border:1px solid #9cb0a1;border-radius:4px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 30px,#dce5dc 31px,#fff 32px);font:inherit;line-height:32px;resize:vertical}.cs-guide-table-wrap{overflow-x:auto}.cs-guide-table-wrap table{border-collapse:collapse;width:100%;min-width:650px}.cs-guide-table-wrap th,.cs-guide-table-wrap td{border:1px solid #cbd8ce;padding:.5rem;vertical-align:top}.cs-guide-table-wrap th{background:#f0f5ef;text-align:left}.cs-guide-table-wrap td textarea{min-height:4.5rem;line-height:1.4;background:#fff}.cs-guide-footer{font-size:.85rem;color:#52675b}.cs-guide-delivery-error{padding:1rem;border-left:4px solid #a64b32;background:#fff2ed;color:#6e251b}
@media(max-width:650px){.cs-guide-summary,.cs-guide-checks{grid-template-columns:1fr}.cs-guide-actions{align-items:flex-start;flex-direction:column}}
@media print{.site-header,.site-footer,.breadcrumbs,#wpadminbar,.cs-guide-actions,.cs-guide-delivery-error{display:none!important}body{background:#fff!important;color:#000!important}.article-shell,.entry-content,.cs-homeowner-guide{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}.article-shell article>h1,.entry-content>p{display:none!important}.cs-workbook-page{box-shadow:none!important;border:0!important;border-radius:0!important;margin:0!important;padding:.35in .35in 0!important;break-after:page;page-break-after:always;min-height:9in}.cs-workbook-page:last-of-type{break-after:auto;page-break-after:auto}.cs-workbook-page textarea{border:0!important;resize:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.cs-guide-table-wrap{overflow:visible}.cs-guide-table-wrap table{min-width:0;table-layout:fixed}.cs-guide-table-wrap td textarea{min-height:3.3rem;font-size:.8rem}.cs-guide-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-guide-footer{display:none}}