/* Matches references 4 and 5; only category-area selectors are changed. */
.category-reference{background:#f2efe8;padding:28px 0 45px;color:#0c543c}
.category-reference-inner{max-width:1380px;margin:auto;padding:0 32px}
.category-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.category-heading>svg{color:#f77b0b;width:20px;height:20px}
.category-heading h2{font-family:Georgia,serif;letter-spacing:0;font-size:22px;font-weight:700;margin:0}
.category-heading>a{margin-left:auto;font-size:11px;display:flex;align-items:center;gap:7px;color:#357347}
.category-heading>a>svg{width:15px;height:15px}
.category-proposal-note{font-size:10px;color:#64806d;margin:8px 0 18px}
.category-reference .category-groups{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 15px;max-width:1240px;margin:auto}
.category-reference .group-button{height:144px;flex:0 0 112px;width:112px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:16px 9px;border:1px solid #347e45;border-radius:18px;background:radial-gradient(ellipse at 23% 12%,#73a47e70 0,transparent 52%),linear-gradient(145deg,#398a4d 0%,#18903C 37%,#0b432d 100%);box-shadow:0 6px 10px #00000030, inset 0 1px 1px #ffffff30;color:#fff;text-align:center;transition:transform .15s,box-shadow .15s}
.category-reference .group-button::after{display:none}
.category-reference .group-button>svg{width:31px;height:31px;--pictogram-cut:#247a3e;flex-shrink:0}
.category-reference .group-button>span{font:700 12px/1.22 Arial,sans-serif;display:flex;align-items:center;justify-content:center;min-height:30px;letter-spacing:-.02em}
.category-reference .group-button.active{border-color:#96bba0;box-shadow:0 6px 10px #00000030,inset 0 1px 2px #ffffff38;outline:2px solid #9cbca05c;outline-offset:2px}
.category-reference .group-button:hover{transform:translateY(-2px);box-shadow:0 8px 13px #00000030}
.category-reference .subcat-heading{display:flex;align-items:center;justify-content:flex-start;gap:14px;margin:32px 4px 25px}
.subcat-group-icon{display:flex;align-items:center;justify-content:center;height:46px;width:46px;border-radius:17px;background:#dadfd8;color:#fff}
.subcat-group-icon>svg{width:28px;height:28px;--pictogram-cut:#dadfd8}
.category-reference .subcat-heading h3{font:700 23px/1.2 Georgia,serif;letter-spacing:0;color:#0c543c;margin:0 0 3px}
.category-reference .subcat-heading div>span{color:#728c78;font-size:12px;max-width:none;text-align:left}
.category-reference .subcat-grid{display:flex;flex-direction:column;gap:14px}
.category-reference .subcat{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;height:116px;min-height:116px;padding:25px 24px 20px;border:0;border-radius:18px;background:linear-gradient(110deg,#298648 0%,#176b39 55%,#0b432d 100%);box-shadow:0 5px 9px #00000022;color:white;font-size:25px;font-weight:750;letter-spacing:-.035em;transition:filter .15s}
.subcat-decoration{position:absolute;top:14px;left:19px;height:4px;width:31px;background:#f77b0b;border-radius:3px}
.category-reference .subcat-title{position:relative;z-index:2;max-width:calc(100% - 170px);font:750 25px/1.15 Arial,sans-serif;letter-spacing:-.035em;padding-top:13px}
.subcat-dot-pattern{position:absolute;right:0;top:0;bottom:0;width:42%;z-index:-1;opacity:.5;background-image:radial-gradient(circle,#c4dcc12d 1.3px,transparent 1.6px);background-size:9px 9px;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}
.category-reference .subcat>.technical-icon{position:absolute;right:22px;top:9px;width:115px;height:98px;color:#dbefda;opacity:.8;margin:0;transform:rotate(-12deg)}
.category-reference .subcat:hover{filter:brightness(1.09);color:#fff}
.category-reference .subcat-heading h1{font:700 23px/1.25 Georgia,serif;letter-spacing:0;color:#0c543c;margin:0 0 5px}
.category-page-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.category-back{font-size:14px;font-weight:700;color:#0c543c;padding:8px 0}
.category-page-top button{display:flex;align-items:center;gap:7px;font-size:13px;color:#0c543c}
.category-reference .subcat>.specific-asset{object-fit:contain;filter:grayscale(1) brightness(1.65);opacity:.95;transform:rotate(-6deg)}
.category-reference .subcat>.specific-drawing{transform:rotate(-8deg);opacity:.95}
.category-detail-page{min-height:420px}
@media(max-width:600px){.category-reference .subcat-heading h1{font-size:20px}.category-page-top button{font-size:11px}.category-back{font-size:12px}}
@media(min-width:1200px){.category-reference .category-groups{max-width:1260px}}
@media(max-width:850px){.category-reference-inner{padding:0 24px}.category-reference .category-groups{gap:12px}.category-reference .group-button{flex-basis:102px;width:102px;height:132px;border-radius:16px}.category-reference .group-button>span{font-size:11px}.category-reference .subcat-title{font-size:23px}.category-reference .subcat{height:106px;min-height:106px}}
@media(max-width:600px){.category-reference{padding:25px 0 30px}.category-reference-inner{padding:0 18px}.category-heading h2{font-size:21px}.category-heading>a{font-size:9px}.category-heading>a>svg{display:none}.category-proposal-note{font-size:9px;margin:9px 0 18px}.category-reference .category-groups{gap:11px;justify-content:center}.category-reference .group-button{flex-basis:calc((100% - 22px)/3);width:calc((100% - 22px)/3);height:127px;min-height:127px;gap:12px;padding:14px 7px;flex-direction:column;min-width:0;border-radius:16px}.category-reference .group-button>svg{width:29px;height:29px}.category-reference .group-button>span{font-size:10px;min-height:26px}.category-reference .subcat-heading{margin:26px 0 22px;gap:12px}.subcat-group-icon{width:43px;height:43px;border-radius:15px}.category-reference .subcat-heading h3{font-size:20px}.category-reference .subcat-heading div>span{font-size:11px}.category-reference .subcat-grid{gap:12px}.category-reference .subcat{height:100px;min-height:100px;border-radius:16px;padding:24px 16px 18px}.category-reference .subcat-title{font-size:20px;line-height:1.1;max-width:calc(100% - 80px);padding-top:10px}.subcat-decoration{left:16px;top:13px;width:29px;height:3px}.category-reference .subcat>.technical-icon{right:7px;top:16px;width:76px;height:70px}.subcat-dot-pattern{width:50%;background-size:7px 7px}}