*{box-sizing:border-box}body{margin:0;background:#f4f1e7;color:#203c38;font:17px/1.55 system-ui,sans-serif}main{max-width:1240px;padding:24px;margin:auto}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.09em;margin-bottom:8px}h1{font:clamp(28px,4vw,38px)/1.2 Georgia,serif;margin:0 0 12px}h2{font:24px/1.3 Georgia,serif;margin:0 0 12px}header{position:relative;padding-right:200px;margin-bottom:24px}header p{max-width:760px}.button,button{font:inherit;color:#203c38;border:1px solid #6a8178;border-radius:5px;background:#fff;min-height:44px;padding:9px 14px;cursor:pointer}.button{display:inline-block;text-decoration:none}header .button{position:absolute;right:0;top:20px}button[aria-pressed=true]{background:#204e47;border-color:#204e47;color:white}.arrangements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.arrangements button{font-weight:600}.explorer{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.picture-panel{min-width:0}.views{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.views button{flex:1}.drawing{position:relative;height:570px;max-height:65vh;min-height:380px;overflow:hidden;border-radius:9px;background:radial-gradient(ellipse at 50% 40%,#52625a,#263f3b 65%,#132d2a);touch-action:manipulation}.drawing canvas{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.annotations{position:absolute;inset:0;pointer-events:none}.annotations button,.annotations span{position:absolute}.annotations button{pointer-events:auto}.bubble{width:40px;height:40px;min-height:0;padding:0;display:grid;place-items:center;border:1.7px solid #d5b572;border-radius:50%;background:#173f3b;color:#edca7c;font-size:16px;font-weight:650;transform:translate(-50%,-50%);z-index:3}.bubble[aria-pressed=true]{outline:3px solid #fff;outline-offset:3px}.leader{height:2px;background:#d5b572;transform-origin:left center}.target{width:8px;height:8px;border:1.5px solid #edca7c;border-radius:50%;background:#173f3b;transform:translate(-50%,-50%)}.group-ring{border:2px solid #d5b572;border-radius:50%;pointer-events:none}.selected-target{width:36px;height:36px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.step-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.step-controls span{font-size:14px;text-align:center}aside{background:#fff;border-radius:8px;padding:22px}#part-information{border-bottom:1px solid #d9dfd4;padding-bottom:16px;margin-bottom:16px;min-height:170px}#part-title{font-size:25px}#part-description{margin:0}#list-toggle{width:100%;font-size:15px}#parts-list{list-style:none;padding:0;margin:12px 0}#parts-list button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:transparent;padding:7px 4px}#parts-list button[aria-pressed=true]{color:#203c38;background:#edf2e9}#parts-list b{display:grid;place-items:center;flex:0 0 29px;height:29px;border:1px solid #caa65e;border-radius:50%;background:#173f3b;color:#efd28c;font-size:14px}.small{font-size:14px;color:#52645b}.whole-sets{margin:30px 0 20px;border-top:1px solid #c8d1c5;padding-top:18px}.whole-sets summary{font-weight:600;cursor:pointer;min-height:44px}.whole-sets img{display:block;width:100%;height:auto}.local-note{margin-top:30px}#image-status{position:absolute;inset:0;display:grid;place-items:center;color:white;background:#20443c}#image-status[hidden]{display:none}:focus-visible{outline:3px solid #ad642d;outline-offset:3px}@media(max-width:800px){header{padding-right:0}header .button{position:static}.explorer{grid-template-columns:1fr}.drawing{height:520px;max-height:62vh;min-height:360px}aside{padding:18px}#part-information{min-height:0}.arrangements{gap:5px}.arrangements button{padding:8px 5px;font-size:14px}.views button{font-size:15px;padding:8px 5px}}@media(max-width:380px){main{padding:14px}.step-controls button{font-size:14px;padding:8px}.bubble{width:36px;height:36px;font-size:15px}}

#mobile-part{border:1px solid #6a8178;border-radius:10px;max-width:94vw;width:520px;max-height:70vh;overflow:auto;background:#fff;color:#203c38;padding:22px}#mobile-part::backdrop{background:#102c2870}#mobile-part button{margin-bottom:18px}#mobile-part p{margin-bottom:0}

.fitting-note{margin:0 0 24px;max-width:960px;line-height:1.55}

.solutions-heading{font:600 16px/1.4 system-ui,sans-serif;margin:22px 0 10px}.solutions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.solutions button{font-weight:600;border-color:#a17d37}.solutions button[aria-pressed=true]{border-color:#d5b572}.solutions+.fitting-note{font-size:16px}#solution-description{margin:0 0 12px;max-width:760px}#finish-note{margin:0 0 14px}@media(max-width:800px){.solutions{gap:6px}.solutions button{font-size:14px;padding:9px 7px}}

.style-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.style-choices[hidden]{display:none}.style-choices button{font-size:15px;font-weight:600}.matching-enquiry{max-width:960px;margin:18px 0 24px}@media(max-width:380px){.style-choices button{font-size:14px;padding:8px 6px}}

.colour-preview{border:1px solid #c8d1c5;border-radius:7px;padding:14px;margin:12px 0 18px;background:#fff}.colour-preview[hidden]{display:none}.colour-preview h3{margin:0 0 12px;font:600 17px/1.4 system-ui}.colour-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.colour-fields label{font-size:15px;font-weight:600;display:grid;gap:6px}.colour-fields input,.colour-fields select{width:100%;height:44px;min-width:0;font:16px system-ui;border:1px solid #6a8178;border-radius:4px;background:#fff;padding:5px}.colour-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.colour-actions button{font-size:14px}.colour-preview summary{font-weight:600;cursor:pointer}.colour-preview details p{font-size:15px}.colour-preview .small{margin:12px 0}.colour-actions [hidden]{display:none}

.colour-preview>summary{font:600 17px/1.4 system-ui;cursor:pointer;min-height:28px}.colour-preview[open]>summary{margin-bottom:14px}