body[data-design=derby] .db-appliance-context{background:var(--db-paper)}body[data-design=derby] .db-appliance-context .db-head{margin-bottom:clamp(28px,3vw,40px)}body[data-design=derby] .db-appliance-context h2{font-size:clamp(1.8rem,3vw,2.6rem)}body[data-design=derby] .db-context-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px clamp(40px,6vw,88px);display:grid}body[data-design=derby] .db-context{border-top:2px solid var(--db-petrol);min-width:0;padding-top:24px}body[data-design=derby] .db-context p{color:var(--db-muted);margin:0 0 12px;font-size:.98rem}body[data-design=derby] .db-context .db-context-label{color:var(--db-copper-deep);margin:0;font-size:.85rem;font-weight:700}body[data-design=derby] .db-context-reading{border-bottom:1px solid var(--db-line);justify-content:space-between;align-items:center;gap:16px;min-height:112px;margin:8px 0 20px;padding-bottom:20px;display:flex}body[data-design=derby] .db-context .db-context-value{color:var(--db-petrol);font-family:var(--font-display);letter-spacing:-.04em;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0;font-size:clamp(2.6rem,4.4vw,3.6rem);font-weight:800;line-height:1;display:flex}body[data-design=derby] .db-context-value span{color:var(--db-muted);letter-spacing:0;font-size:1rem;font-weight:700}body[data-design=derby] .db-context-meter{flex:none;width:112px;overflow:visible}body[data-design=derby] .db-meter-track,body[data-design=derby] .db-meter-arc{fill:none;stroke-linecap:round;stroke-width:7px}body[data-design=derby] .db-meter-track{stroke:var(--db-mist-deep)}body[data-design=derby] .db-meter-arc{stroke:var(--db-copper)}body[data-design=derby] .db-meter-ticks{stroke:var(--db-petrol);stroke-width:1.5px}body[data-design=derby] .db-meter-knob{fill:var(--db-petrol)}body[data-design=derby] .db-meter-pointer{stroke:var(--db-paper);stroke-linecap:round;stroke-width:4px}body[data-design=derby] .db-context-meter text{fill:var(--db-muted);font-family:var(--font-body);text-anchor:middle;font-size:10px;font-weight:700}body[data-design=derby] .db-context h3{margin:0 0 10px;font-size:1.2rem}body[data-design=derby] .db-context address{color:var(--db-petrol);margin:0 0 12px;font-style:normal;font-weight:700}@media (width<=860px){body[data-design=derby] .db-context-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=420px){body[data-design=derby] .db-context-meter{width:92px}}