.nmr .nmr-ref-chart.nmr-visual-chart{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nmr .nmr-visual-range{display:grid;grid-template-columns:150px minmax(0,1fr) auto;grid-template-rows:auto auto 14px;column-gap:13px;row-gap:5px;align-items:center;padding:13px;border:1px solid #d5e5de;border-radius:15px;background:#fff;min-width:0}
.nmr .nmr-visual-range .nmr-structure-sketch{grid-column:1;grid-row:1/4;width:100%;max-width:150px;background:#f7fbf8;border-radius:10px;overflow:visible}
.nmr .nmr-visual-range>span{grid-column:2;grid-row:1;font-weight:800;font-size:14px;color:#254e45}
.nmr .nmr-visual-range>small{grid-column:2;grid-row:2;font-size:11px;line-height:1.3;color:#62766d}
.nmr .nmr-visual-range>.nmr-track{grid-column:2;grid-row:3;width:100%;height:8px}
.nmr .nmr-visual-range>b{grid-column:3;grid-row:1/4;align-self:center;color:#176f61;white-space:nowrap;font-size:13px}
.nmr .nmr-structure-sketch .bonds line{stroke:#54756a;stroke-width:2.2;stroke-linecap:round}
.nmr .nmr-structure-sketch .atoms circle{fill:#fff;stroke:#d4e4dc;stroke-width:1.3}
.nmr .nmr-structure-sketch .atoms text{font-size:15px;font-weight:750;fill:#25483f}
.nmr .nmr-structure-sketch .is-target circle{fill:#138a76;stroke:#138a76}
.nmr .nmr-structure-sketch.proton .is-target circle{fill:#c16c33;stroke:#c16c33}
.nmr .nmr-structure-sketch .is-target text{fill:#fff}
#nmr-lab .nmr-structure button{display:grid;gap:2px;justify-items:center;line-height:1.2}
#nmr-lab .nmr-structure button small{font-size:10px;font-weight:750;letter-spacing:0;white-space:nowrap;color:#526c63}
#nmr-lab .nmr-structure button.is-observed small{color:#e7f8f2}
@media(max-width:1120px){.nmr .nmr-ref-chart.nmr-visual-chart{grid-template-columns:1fr}.nmr .nmr-visual-range{grid-template-columns:170px minmax(0,1fr) auto}.nmr .nmr-visual-range .nmr-structure-sketch{max-width:170px}}
@media(max-width:590px){.nmr .nmr-visual-range{grid-template-columns:130px minmax(0,1fr);grid-template-rows:auto auto auto 8px;padding:10px;column-gap:9px}.nmr .nmr-visual-range .nmr-structure-sketch{grid-column:1;grid-row:1/4;max-width:130px}.nmr .nmr-visual-range>b{grid-column:2;grid-row:3;font-size:13px}.nmr .nmr-visual-range>.nmr-track{grid-column:1/-1;grid-row:4}}