#cabinet-style-library{scroll-margin-top:120px}.cgl{color:#111a21;background:#efede7;padding:clamp(56px,7vw,110px) clamp(16px,5vw,92px)}.cgl-head{max-width:1400px;margin:0 auto 28px}.cgl-head .eyebrow{color:#8b6428;letter-spacing:.2em}.cgl-head h2{font:400 clamp(2.2rem, 4.4vw, 4.4rem)/1 var(--serif);letter-spacing:-.03em;margin:10px 0 8px}.cgl-head p:last-child{color:#4e5a62;margin:0;font-size:1.05rem}.cgl-grid{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:start;gap:clamp(20px,3vw,44px);max-width:1400px;margin:0 auto;display:grid}.cgl fieldset{border:0;min-width:0;margin:0 0 26px;padding:0}.cgl legend{font:400 1.4rem var(--serif);margin-bottom:12px;padding:0}.cgl-styles>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.cgl-finishes>div,.cgl-pulls>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:760px;display:grid}.cgl-styles button,.cgl-finishes button,.cgl-pulls button{color:inherit;cursor:pointer;text-align:left;background:#f8f7f3;border:1px solid #111a2124;gap:8px;padding:8px;display:grid}.cgl-styles button strong,.cgl-finishes button strong,.cgl-pulls button strong{font-size:1rem}.cgl button[aria-pressed=true]{border-color:#a67831;box-shadow:inset 0 0 0 2px #c39750}.cgl button:focus-visible{outline-offset:2px;outline:3px solid #a67831}.cgl-support>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.cgl-support button{min-height:84px;color:inherit;text-align:left;cursor:pointer;background:#f8f7f3;border:1px solid #111a2124;gap:4px;padding:14px;display:grid}.cgl-support small{color:#5c666c;font-size:.86rem;line-height:1.4}.cgl-summary{background:#f8f7f3;border:1px solid #111a211f;gap:12px;padding:18px;display:grid;position:sticky;top:96px}.cgl-summary>span{color:#8b6428;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.cgl-summary p{margin:0;font-size:1rem}.cgl-summary .button{justify-content:space-between}.cgl-tips{max-width:1400px;margin:10px auto 0}.cgl-tips ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:12px 0 0;padding:0;list-style:none;display:grid}.cgl-tips li span{color:#8b6428}.cgl-tips li strong{margin-top:6px;display:block}.cgl-tips li p{color:#5c666c;margin:4px 0 0;font-size:.9rem}.cgl-note{color:#626c72;max-width:1400px;margin:14px auto 0;font-size:.88rem}@media (width<=980px){.cgl-grid{grid-template-columns:1fr}.cgl-summary{position:static}.cgl-styles>div{grid-template-columns:repeat(3,minmax(0,1fr))}.cgl-support>div,.cgl-tips ol{grid-template-columns:1fr}}@media (width<=520px){.cgl-styles>div,.cgl-finishes>div,.cgl-pulls>div{grid-template-columns:repeat(2,minmax(0,1fr))}}