:root{--ink:#172320;--muted:#5b6965;--green:#006653;--green-dark:#004d3e;--line:#dce4e0;--wash:#f3f6f5;--mint:#e5f2ed;--white:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--wash);font-size:100%}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,summary{cursor:pointer}button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:7px;min-height:42px;padding:9px 14px;font-weight:600}button:hover{border-color:var(--green);background:var(--mint)}button:disabled{opacity:.45;cursor:default}button.active{color:var(--white);background:var(--green);border-color:var(--green)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #36a289;outline-offset:3px}select{width:100%;border:1px solid #bccbc4;background:white;border-radius:7px;padding:11px 34px 11px 12px;min-height:44px;min-width:0;color:var(--ink)}[hidden]{display:none!important}.topbar{height:87px;background:#122922;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1512px)/2));gap:15px}.brand{display:flex;gap:13px;align-items:center}.brand-mark{display:flex;align-items:center;justify-content:center;width:43px;height:43px;background:#0b896e;color:white;font-size:2.375rem;font-weight:700;line-height:1;border-radius:3px}.brand strong{font-size:1.6875rem;letter-spacing:-1.1px;display:block}.brand div>span{display:block;font-size:0.75rem;letter-spacing:2.6px;margin-top:2px;color:#b8cfc5}.header-right{display:flex;gap:18px;align-items:center;font-size:0.875rem}.private-tag{border:1px solid #597168;border-radius:30px;padding:8px 12px;color:#d8e5df}.catalogue-tag{color:#c1d2c9}main{max-width:1512px;margin:0 auto;padding:32px 24px 85px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:0.75rem;font-weight:700;letter-spacing:1.9px;color:var(--muted);margin:0 0 8px}h1{font-size:2.1875rem;letter-spacing:-1.2px;line-height:1.12;margin:0}h2{font-size:1.375rem;letter-spacing:-.5px;margin:0}h3{font-size:1.0rem;margin:0 0 16px}.view-tabs{display:flex;border:1px solid var(--line);background:white;padding:5px;border-radius:9px;gap:4px}.view-tabs button{border:0;white-space:nowrap;font-size:0.875rem}.view-tabs span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;background:#edf3ef;border-radius:5px;margin-left:5px;color:var(--green)}.workspace{display:grid;grid-template-columns:326px minmax(0,1fr);gap:25px;align-items:start}.config-panel{background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 21px;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:1.1875rem}.text-button{border:0;font-size:0.875rem;min-height:32px;padding:5px 2px;background:transparent;color:var(--green)}fieldset{border:0;border-bottom:1px solid var(--line);margin:0;padding:19px 21px}legend{float:left;width:100%;margin:0 0 14px;font-size:0.875rem;font-weight:700}.step{color:#72857b;font-size:0.75rem;margin-right:10px}.outlet-buttons{display:flex;gap:7px;clear:both}.outlet-buttons button{flex:1;padding:0;min-height:44px;font-size:1.25rem}.hint{font-size:0.8125rem;line-height:1.5;color:var(--muted);margin:10px 0 0}.finish-buttons{clear:both;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.finish-buttons button{display:flex;align-items:center;text-align:left;gap:8px;font-size:0.8125rem;padding:8px;min-height:45px;background:white;font-weight:500}.finish-buttons button.active{color:var(--green-dark);border-color:var(--green);background:var(--mint);box-shadow:inset 0 0 0 1px var(--green)}.swatch{width:19px;height:19px;flex-shrink:0;border:1px solid #acb7b1;border-radius:50%}.mode-buttons{display:flex;clear:both;gap:5px;flex-wrap:wrap}.mode-buttons button{font-size:0.8125rem;padding:8px 9px;min-height:37px}.product-picks{padding:20px 21px}.pick{margin-top:14px}.pick label{display:block;font-size:0.875rem;font-weight:600;margin-bottom:7px}.pick select{font-size:0.875rem}.product-picks details{margin-top:22px;border-top:1px solid var(--line);padding-top:15px}summary{font-size:0.875rem;font-weight:600;line-height:1.45;color:var(--green)}.rules{padding:18px 21px;background:#f7f9f8;border-top:1px solid var(--line)}.rules ul{font-size:0.875rem;color:var(--muted);line-height:1.6;padding-left:19px}.rules li{margin-bottom:7px}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:58px}.results-heading .eyebrow{display:block}.matching-tag,.pill{font-size:0.75rem;font-weight:700;color:var(--green);background:var(--mint);padding:7px 10px;border-radius:5px;white-space:nowrap}.filter-summary{font-size:0.875rem;color:var(--muted);margin:9px 0 20px;line-height:1.5}.set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.set-card{background:white;border:1px solid var(--line);border-radius:9px;padding:17px;position:relative;min-width:0}.set-card.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.card-top{display:flex;justify-content:space-between;gap:8px;font-size:0.75rem;color:var(--muted);margin-bottom:10px}.set-card h3{font-size:1.0rem;line-height:1.4;margin-bottom:7px}.card-control{font-size:0.875rem;line-height:1.4;color:var(--muted);min-height:38px;margin:0 0 13px}.card-codes{font-size:0.75rem;font-family:monospace;line-height:1.6;color:#58665f;margin-bottom:14px;word-break:break-word}.card-actions{display:flex;gap:7px}.card-actions button{font-size:0.8125rem;min-height:37px;flex:1;padding:7px}.card-actions .choose{background:#f0f5f2;border-color:#bacbc2;color:var(--green-dark)}.set-card.selected .choose{background:var(--green);color:white;border-color:var(--green)}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:18px 0 25px;font-size:0.8125rem;color:var(--muted);flex-wrap:wrap}.pagination button{font-size:0.8125rem;min-height:36px;padding:7px 12px}.pagination input{width:75px;padding:8px;border:1px solid #bccbc4;border-radius:6px;font-size:0.875rem}.detail-panel{background:white;border:1px solid var(--line);border-top:4px solid var(--green);border-radius:9px;overflow:hidden;scroll-margin-top:20px}.detail-heading{padding:22px;display:flex;justify-content:space-between;align-items:start;gap:18px}.detail-heading h2{font-size:1.3125rem;line-height:1.35;max-width:600px}.detail-heading p{font-size:0.875rem;color:var(--muted);line-height:1.5;margin:8px 0 0}.detail-heading button{background:var(--green);color:white;border-color:var(--green);font-size:0.875rem;flex-shrink:0}.flow-count{display:flex;gap:10px;padding:0 22px 17px;flex-wrap:wrap;align-items:center;font-size:0.875rem}.flow-count span{padding:8px 10px;border:1px solid var(--line);border-radius:6px}.flow-count .total{background:var(--mint);border-color:#b2d4c3;color:var(--green-dark);font-weight:700}.product-table{width:100%;border-collapse:collapse}.product-table th{text-align:left;font-size:0.75rem;font-weight:700;letter-spacing:.4px;color:var(--muted);background:#f6f8f7;padding:13px 22px;border-block:1px solid var(--line)}.product-table td{padding:13px 22px;border-bottom:1px solid #e8eeeb;vertical-align:top;font-size:0.875rem;line-height:1.45}.product-table th:nth-child(2),.product-table td:nth-child(2){padding-inline:8px;white-space:nowrap}.product-table th:last-child,.product-table td:last-child{text-align:center;width:55px;padding-inline:12px}.code{font-family:monospace;font-size:0.875rem;white-space:nowrap;color:var(--green-dark);font-weight:700}.product-table small{display:block;color:var(--muted);font-size:0.75rem;font-weight:400;margin-top:3px;line-height:1.45}.rule-notes{background:#f4f9f6;padding:17px 22px;color:var(--green-dark);font-size:0.8125rem;line-height:1.55}.rule-notes p{margin:4px 0}.empty{background:white;border:1px dashed #a7beb1;border-radius:9px;padding:40px 25px;text-align:center;grid-column:1/-1}.empty h2{font-size:1.25rem;margin-bottom:12px}.empty p{color:var(--muted);line-height:1.6;font-size:0.9375rem}.empty button{background:var(--green);color:white;margin-top:8px}footer{font-size:0.75rem;color:var(--muted);line-height:1.5;display:flex;justify-content:space-between;gap:20px;margin-top:28px}.compare-tray{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#122922;color:white;box-shadow:0 7px 30px #08281b35;padding:10px 12px 10px 22px;border-radius:10px;display:flex;align-items:center;gap:25px;z-index:10;max-width:calc(100% - 32px);font-size:0.875rem}.compare-tray button{background:#e4f4eb;border:0;color:#064c3a;white-space:nowrap;font-size:0.875rem}.comparison-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:20px}.comparison-header p{color:var(--muted);font-size:0.875rem}.comparison-scroll{overflow:auto;border:1px solid var(--line);border-radius:9px;background:white}.comparison-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:620px}.comparison-table th,.comparison-table td{padding:17px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.5;font-size:0.875rem;overflow-wrap:anywhere}.comparison-table th:first-child{width:150px;background:#f4f7f5}.comparison-table thead th{background:#eaf4ee;color:var(--ink)}.comparison-table h3{line-height:1.5;margin-bottom:12px}.comparison-table button{font-size:0.8125rem;min-height:33px;padding:5px 9px;margin-top:8px}.comparison-table .different{background:#eff8f2}.comparison-table .part{margin-bottom:9px}.comparison-table .code{display:block;font-size:0.8125rem}.comparison-table small{color:var(--muted);font-size:0.75rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1300px){.config-panel{position:sticky;top:18px}.set-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.set-card h3{min-height:44px}}@media(max-width:1050px){.workspace{grid-template-columns:290px minmax(0,1fr);gap:18px}.detail-heading{flex-direction:column}.detail-heading button{width:100%}.set-grid{grid-template-columns:1fr}.card-control{min-height:0}.product-table td,.product-table th{padding-inline:14px}}@media(max-width:720px){.topbar{height:75px;padding:0 16px}.brand strong{font-size:1.5rem}.catalogue-tag{display:none}.private-tag{font-size:0.75rem;padding:7px 9px}.brand-mark{width:35px;height:35px;font-size:2.0rem}.brand div>span{font-size:0.625rem;letter-spacing:2px}main{padding:24px 16px 100px}.page-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:20px}h1{font-size:1.875rem}.view-tabs{width:100%}.view-tabs button{flex:1}.workspace{grid-template-columns:1fr}.finish-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.config-panel{border-radius:9px}.set-grid{grid-template-columns:1fr}.results-heading h2{font-size:1.3125rem}.results-heading{margin-top:5px}.detail-heading{padding:18px}.detail-heading h2{font-size:1.25rem}.flow-count{padding-inline:18px;gap:6px;font-size:0.8125rem}.product-table td,.product-table th{padding:12px 10px;font-size:0.8125rem}.product-table .code{font-size:0.8125rem}.rule-notes{padding:15px 18px}.compare-tray{gap:12px;padding-left:13px;width:max-content}.compare-tray span{font-size:0.8125rem}footer{flex-direction:column;gap:6px}.comparison-header{flex-direction:column;align-items:start}.matching-tag{font-size:0.6875rem}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}}

.topbar{height:auto;min-height:87px;padding-top:16px;padding-bottom:16px}.finish-buttons button,.mode-buttons button,.card-actions button{font-size:.875rem}.brand-mark{width:2.6875rem;height:2.6875rem}.notice{padding:12px 16px;border:1px solid #b2d4c3;background:var(--mint);border-radius:7px;font-size:.875rem;margin:0 0 18px}@media(max-width:720px){.topbar{height:auto;min-height:75px}.brand-mark{width:2.1875rem;height:2.1875rem}}
.view-tabs{flex-wrap:wrap}.view-tabs button{font-size:.875rem}.code-panel{padding:22px}.code-panel .panel-heading{padding:0 0 20px}.code-panel label{display:block;font-size:.875rem;font-weight:700;margin:16px 0 8px}.code-panel textarea{width:100%;resize:vertical;min-height:145px;border:1px solid #bccbc4;border-radius:6px;padding:12px;font:1rem/1.65 monospace;color:var(--ink);background:#fff}.code-panel select{width:100%;font-size:.875rem}.code-panel .primary-button{width:100%;background:var(--green);color:white;border-color:var(--green);margin-top:22px;line-height:1.5}.code-panel .example-button{margin-top:12px;min-height:42px}.completion-summary{margin-bottom:22px}.completion-summary h2{margin:8px 0;font-size:1.5rem}.completion-summary p:not(.eyebrow){font-size:.9375rem;line-height:1.6;color:var(--muted);max-width:650px}.completion-errors{border:1px solid #dfba84;background:#fff8ed;padding:14px 18px;border-radius:8px;margin-bottom:18px;color:#784e17;font-size:.9375rem;line-height:1.6}.completion-errors p{margin:4px 0}.recognized-code{display:flex;justify-content:space-between;align-items:start;gap:8px;border-top:1px solid var(--line);padding:14px 0}.recognized-code p{font-size:.875rem;line-height:1.45;margin:7px 0}.recognized-code small{font-size:.8125rem;color:var(--muted);line-height:1.4}.recognized-code button{font-size:.8125rem;padding:6px 8px;min-height:36px}.code-qty{font-size:.8125rem;color:var(--muted);margin-left:8px}.unknown-code .code,.unknown-code small{color:#8a521c}#recognized-codes h3{font-size:.9375rem;margin:20px 0 12px}.completion-card-hint{font-size:.875rem;margin:0 0 16px;color:var(--green-dark)}.completion-table-scroll{overflow-x:auto}.completion-table{min-width:650px}.completion-table th:nth-child(n+3),.completion-table td:nth-child(n+3){text-align:center;white-space:nowrap;padding-inline:10px}.completion-table .part-status{font-size:.875rem;font-weight:700;white-space:nowrap}.completion-table .missing-part{background:#fffaf1}.completion-table .missing-part .part-status{color:#885216}.completion-table .available-part .part-status{color:var(--green)}#code-detail{margin-top:24px}textarea:focus-visible{outline:3px solid #83c7a6;outline-offset:2px}@media(max-width:1050px){.page-heading{flex-wrap:wrap}.completion-table td,.completion-table th{padding-inline:12px}}@media(max-width:720px){.view-tabs{display:grid;grid-template-columns:1fr 1fr}.view-tabs #codes-tab{grid-column:1/-1;grid-row:2}.code-panel{padding:18px}.code-panel .panel-heading{padding-inline:0}.completion-summary{margin-top:5px}.completion-summary h2{font-size:1.375rem}}

.product-photo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 58px;width:58px;height:58px;min-height:58px;padding:4px;border:1px solid var(--line);border-radius:7px;background:#fff;overflow:hidden}.product-photo img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.product-photo:hover{background:#fff;border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.photo-unavailable{font-size:.6875rem;color:var(--muted);text-align:center;line-height:1.3}.product-with-image{display:flex;align-items:center;gap:12px}.product-copy{min-width:0;overflow-wrap:anywhere}.set-photos{display:flex;gap:7px;padding:8px 0 16px}.set-photos .product-photo{flex:1;max-width:74px;height:74px;min-height:74px}.recognized-info{min-width:0;flex:1}.recognized-info>.product-photo{width:64px;height:64px;margin-bottom:8px}.recognized-code>.recognized-info>.product-copy{min-width:0}.comparison-table .product-photo{flex-basis:64px;width:64px;height:64px}.comparison-table .part{margin-bottom:12px}.comparison-table .part:last-child{margin-bottom:0}.photo-dialog{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--line);border-radius:14px;color:var(--ink);box-shadow:0 24px 70px #142b2440;overflow:auto}.photo-dialog::backdrop{background:#10251cc9}.photo-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.photo-dialog-heading .eyebrow{margin:0}.photo-dialog>img{display:block;width:100%;height:340px;max-height:48dvh;object-fit:contain;background:white;margin:16px 0 24px}.photo-dialog h2{font-size:1.25rem;line-height:1.45;overflow-wrap:anywhere}.photo-dialog a,footer a{color:var(--green);text-underline-offset:3px}.photo-dialog a{display:inline-block;margin-top:8px;min-height:32px;font-size:.9375rem}.photo-dialog .code{font-size:1rem;margin:10px 0}.product-photo:focus-visible,.photo-dialog a:focus-visible,footer a:focus-visible{outline:3px solid #36a289;outline-offset:3px}@media(max-width:720px){.product-with-image{gap:8px}.product-table .product-photo{width:44px;height:48px;min-height:48px;flex-basis:44px}.photo-dialog{padding:18px}.photo-dialog>img{margin:12px 0 18px}.set-photos .product-photo{max-width:82px;height:82px;min-height:82px}.comparison-table .product-photo{width:58px;height:58px;min-height:58px;flex-basis:58px}}
.code-model-filters{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.code-model-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.code-model-heading h3{margin:0;font-size:1rem;line-height:1.4}.code-model-filters details{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.code-model-filters .text-button{line-height:1.4}.code-model-filters select{min-width:0;max-width:100%}
.code-panel input[type=text],.code-panel input[type=search],.code-panel input[type=number]{width:100%;min-height:44px;border:1px solid #bccbc4;border-radius:7px;padding:11px 12px;background:white;color:var(--ink);font-size:1rem}.alternative-source{background:white;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:9px;padding:22px;margin-bottom:22px}.alternative-product-heading{display:flex;align-items:center;gap:16px;min-width:0}.alternative-product-heading>div{min-width:0;overflow-wrap:anywhere}.alternative-product-heading h2{font-size:1.2rem;line-height:1.4}.alternative-product-heading h3{margin:0 0 8px;line-height:1.45}.alternative-product-heading p{margin:8px 0 0;font-size:.875rem}.alternative-product-heading .product-photo{width:100px;height:110px;min-height:110px;flex-basis:100px}.alternative-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:20px 0}.alternative-specs>div{min-width:0}.alternative-specs dt{font-size:.8125rem;color:var(--muted);line-height:1.4}.alternative-specs dd{margin:4px 0 0;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.alternative-common{font-size:.875rem;line-height:1.55;color:var(--green-dark)}.alternative-differences{border-top:1px solid var(--line);padding-top:14px}.alternative-differences h4{font-size:.875rem;margin:0 0 12px}.alternative-differences dl{margin:0}.alternative-differences dl>div{margin:10px 0}.alternative-differences dt{font-size:.8125rem;color:var(--muted)}.alternative-differences dd{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:5px 0 0;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.alternative-differences dd span{color:var(--muted)}.alternative-differences dd strong{color:var(--green-dark);font-weight:600}.alternative-differences>p{font-size:.875rem;line-height:1.5}.alternative-card-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}.alternative-card-links button{font-size:.875rem}.alternative-card-links a,.alternative-source a{font-size:.875rem;color:var(--green);text-underline-offset:3px}.alternative-card .card-top{flex-wrap:wrap;align-items:center}.alternative-card .pill{white-space:normal;line-height:1.4}@media(max-width:1150px){.page-heading{flex-wrap:wrap}.view-tabs{flex-wrap:wrap}.alternative-specs{gap:12px}.alternative-product-heading .product-photo{width:82px;flex-basis:82px;height:96px;min-height:96px}}@media(max-width:720px){.view-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.view-tabs #codes-tab{grid-column:auto;grid-row:auto}.view-tabs button{white-space:normal;line-height:1.4}.alternative-source{padding:18px}.alternative-product-heading{gap:12px}.alternative-specs{grid-template-columns:1fr 1fr}}

.alternative-specs dt,.alternative-differences dt{font-size:.875rem}.alternative-attributes{margin:18px 0}.difference-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:.875rem;font-weight:600;color:var(--muted);margin-bottom:12px}
.product-photo{position:relative}.product-photo>small{position:absolute;bottom:0;left:0;right:0;font-size:9px;line-height:1.3;padding:3px 1px;background:#f0f5f1ee;color:#3b574b}.alternative-attributes ul{padding-left:20px;font-size:.875rem;line-height:1.6}.alternative-attributes li{margin:6px 0}
.detail-actions,.pdf-alternative-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.detail-actions{justify-content:flex-end;flex-shrink:0}.detail-actions [data-pdf],.pdf-alternative-toolbar [data-pdf]{background:var(--green);color:white;border-color:var(--green)}.pdf-alternative-toolbar{margin:16px 0}.pdf-alternative-toolbar>span{font-size:.875rem;line-height:1.5;color:var(--muted)}.pdf-alternative-pick{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:.9375rem;min-height:44px;cursor:pointer}.pdf-alternative-pick input{width:20px;height:20px;accent-color:var(--green)}.pdf-alternative-pick:focus-within{outline:2px solid var(--green);outline-offset:4px;border-radius:4px}@media(max-width:720px){.detail-actions{justify-content:flex-start;flex-shrink:1}.detail-heading,.comparison-header{flex-wrap:wrap}.pdf-alternative-toolbar{align-items:flex-start;flex-direction:column}}

.export-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.export-buttons [data-excel]{background:var(--pale,#edf4f0);color:var(--green);border-color:var(--green)}
.brand-mark{font-size:1.125rem;letter-spacing:0;flex-shrink:0}
