.spec-catalog{padding:22px;margin-bottom:24px;scroll-margin-top:18px}.catalog-heading{display:flex;justify-content:space-between;gap:18px;align-items:center}.catalog-heading h2{margin:0;font-size:17px;font-weight:600}.catalog-heading p{margin:7px 0 0;font-size:11px;color:var(--muted);line-height:1.7}.catalog-search{width:250px;max-width:45%}.catalog-search input{height:38px;font-size:11px;padding:0 12px}.catalog-filters{display:flex;gap:8px;align-items:center;margin:17px 0 15px}.catalog-filters button{font-size:11px;padding:7px 12px;background:#f2f5ee;border-radius:6px;color:#728575}.catalog-filters button[aria-pressed=true]{background:#e2eddf;color:var(--green);font-weight:600}.catalog-filters>span{font-size:10px;color:#8b9b8e;margin-left:auto}.spec-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.spec-tile{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;border:1px solid #e3eadd;border-radius:10px;padding:15px;background:#fcfdf9;text-align:left;transition:border-color .15s,background .15s;position:relative}.spec-tile:hover{border-color:#91b295;background:#f2f7ee}.spec-tile[aria-pressed=true]{border-color:#6e9a78;background:#eef5e8;box-shadow:inset 0 0 0 1px #6e9a78}.spec-tile[aria-pressed=true]:after{content:'✓';position:absolute;top:9px;right:10px;color:var(--green);font-size:12px}.spec-tile:disabled{opacity:.5;cursor:wait}.spec-icon{width:34px;height:34px;border-radius:9px;background:#e7f0e3;display:grid;place-items:center;font-size:21px}.spec-tile:nth-child(3n+2) .spec-icon{background:#f3e8d9}.spec-tile:nth-child(3n) .spec-icon{background:#e6e9f5}.spec-tile strong{font-size:13px;color:#385b44;font-weight:600}.spec-tile small{font-size:9px;line-height:1.6;color:#82917e;min-height:28px;overflow-wrap:anywhere}.catalog-note{font-size:10px;line-height:1.8;color:#8a9988;margin:13px 0 0}.selected-spec{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px;padding:12px;background:#eff5e9;border-radius:8px}.selected-spec small{display:block;color:#83977d;font-size:9px;margin-bottom:5px}.selected-spec strong{font-size:15px;color:var(--green)}.selected-spec button{font-size:10px;white-space:nowrap}.spec-description{font-size:10px;line-height:1.9;color:#798974;margin:0 0 12px}.spec-sources{display:flex;gap:7px 12px;flex-wrap:wrap;margin:0 0 15px;font-size:10px}.spec-sources:empty{display:none}.spec-sources a{color:#497557;text-underline-offset:3px}.spec-sources small{font-size:9px;color:#99a28f;flex-basis:100%}.spec-unit-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0}.spec-unit-row label{font-size:10px;color:#71846b}.spec-unit-row label>span{float:right;color:#98a18b;font-size:9px}.spec-unit-row input,.spec-unit-row select{margin-top:7px;height:38px;padding:7px 10px;font-size:12px}.spec-size-summary{margin:-5px 0 18px;font-size:10px;line-height:1.8;color:#52734e;font-variant-numeric:tabular-nums}.spec-size-summary.invalid{color:#a34437}.minimum-size{display:flex;align-items:center;gap:8px;font-size:10px;color:#76876f;margin:12px 0}.minimum-size input{width:65px;height:32px;padding:5px 8px;font-size:12px}.minimum-size span{font-size:9px;color:#99a18e}#result-spec-summary{font-variant-numeric:tabular-nums;line-height:1.8;max-width:500px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.catalog-search input{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);appearance:none}
@media(max-width:960px){.spec-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.spec-tile{padding:13px}.spec-catalog{padding:18px}.catalog-heading h2{font-size:16px}}
@media(max-width:600px){.spec-catalog{padding:16px;margin-bottom:17px}.catalog-heading{display:block}.catalog-heading p{font-size:11px}.catalog-search{display:block;width:100%;max-width:none;margin-top:13px}.catalog-search input{height:38px;font-size:12px}.spec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.spec-tile{padding:11px 9px;gap:7px}.spec-tile strong{font-size:12px}.spec-tile small{font-size:9px;min-height:29px}.spec-icon{width:31px;height:31px;font-size:19px}.catalog-filters{gap:5px}.catalog-filters button{padding:7px 9px;font-size:10px}.catalog-filters>span{font-size:9px}.catalog-note{font-size:10px}.spec-description{font-size:11px}.spec-unit-row label{font-size:11px}.spec-unit-row input,.spec-unit-row select{height:41px;font-size:13px}.minimum-size{font-size:11px}.spec-size-summary{font-size:11px}}