.cushion-diagram{padding:42px 5%;min-height:0;background:radial-gradient(ellipse at 45% 40%,#f7f2e8,#e1dacb)}.diagram-heading h3{font-size:clamp(34px,3.4vw,50px)}.model-badge{font-size:10px;letter-spacing:.16em;border:1px solid #a8aca0;display:inline-block;padding:7px 10px;margin:0 0 20px}.cushion-model{width:100%;height:450px;position:relative}.cushion-model[hidden],#model-controls[hidden]{display:none}.cushion-model canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;outline-offset:-5px}.cushion-model canvas:active{cursor:grabbing}.model-status{font-size:12px;letter-spacing:.025em;color:#586661;margin:0 0 22px}.model-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.model-toolbar button{min-height:44px;background:transparent;border:1px solid #a4aea2;padding:10px 14px;color:#183641;font:inherit;font-size:12px;cursor:pointer}.model-toolbar button:hover{background:#f5f0e6}.model-slider-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px}.model-range{width:100%;min-height:30px;accent-color:#183641;cursor:pointer;margin:0;padding:0}.model-scale{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;color:#596862}.model-colours{display:flex;align-items:center;gap:10px;margin:20px 0 24px;font-size:12px}.model-colours button{width:44px;height:44px;border:1px solid #a7ada1;background:var(--tone);cursor:pointer;border-radius:50%}.model-colours button[aria-pressed=true]{outline:2px solid #183641;outline-offset:3px}.model-colours span{margin-right:auto}.model-colours button:focus-visible,.model-toolbar button:focus-visible{outline:3px solid #28758b;outline-offset:4px}.cushion-diagram .detail-points{border-top:1px solid #b1b8aa;padding-top:22px}.cushion-diagram .detail-point{flex:1;white-space:nowrap}.cushion-copy{align-self:center}.cushion-diagram .diagram-note{line-height:1.6}@media(max-width:650px){.cushion-model{height:350px}.cushion-diagram{padding:35px 6%}.model-colours{gap:12px}.cushion-diagram .detail-points{display:grid;grid-template-columns:1fr 1fr}.model-toolbar button{flex:1;padding:8px;font-size:11px}}
.cushion-diagram{background:radial-gradient(ellipse at 55% 30%,#fcf8ef,#dcded5);border:1px solid #c2c9bd}.cushion-model{height:500px}.model-layer-label{position:absolute;pointer-events:none;transform:translate(-86%,-50%);font:10px Arial,sans-serif;letter-spacing:.025em;background:#f8f5ecdf;color:#4d615c;padding:7px 9px;border-left:2px solid #aab7aa;white-space:nowrap}.model-layer-label.selected{background:#203842;color:#fff;border-color:#dac69e}.model-layer-label[hidden]{display:none}.model-toolbar button[aria-pressed=true]{background:#203842;color:#fff}@media(max-width:650px){.cushion-model{height:380px}.model-layer-label{font-size:8px;padding:5px;transform:translate(-62%,-50%)} }