/* ---------- Devices index · editorial cover ---------- */
.editorial-devices main{display:block}
.dv-num{color:#7f9aab}
.dv-section-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px 60px;align-items:end;margin-bottom:56px}
.dv-section-head .dv-num{grid-column:1/-1}
.dv-section-head h2{margin:0;font-weight:400;font-size:clamp(3rem,6.2vw,6.4rem);line-height:.94;letter-spacing:-.06em}
.dv-section-head h2 em,.dv-plate-copy h3 em,.dv-card h3 em,.dv-heritage-copy h3 em,.dv-cta h2 em,.dv-h1-serif{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.045em}
.dv-section-head h2 em{font-size:1.18em}
.dv-section-head p{margin:0 0 6px;font-size:1.02rem;line-height:1.55;letter-spacing:-.02em;max-width:34rem;padding-left:26px;border-left:1px solid currentColor;opacity:.85}

/* Cover */
.dv-cover{position:relative;isolation:isolate;background:var(--night);color:#eef6fa;padding:0 4.6% 34px;overflow:hidden}
.dv-cover .header{padding-left:0;padding-right:0}
.dv-cover-glow{position:absolute;inset:auto -10% -20% 40%;height:70%;background:radial-gradient(ellipse at 60% 60%,#1e5a7a55,transparent 62%);z-index:-1;pointer-events:none}
.dv-cover-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px 5%;align-items:end;padding-top:28px}
.dv-kicker{display:block;color:#8fb0c3;margin-bottom:30px}
.dv-cover h1{margin:0;font-weight:400;line-height:.92}
.dv-h1-sans{display:block;font-size:clamp(2.6rem,5vw,5.2rem);letter-spacing:-.055em}
.dv-h1-serif{display:block;font-size:clamp(4.4rem,8.6vw,9.4rem);line-height:.9;margin:.04em 0 0 -.02em;color:#dff3fc}
.dv-lead{font-size:1.05rem;line-height:1.55;letter-spacing:-.02em;color:#c3d6e0;max-width:33rem;margin:36px 0 0}
.dv-cover-links{display:flex;gap:40px;flex-wrap:wrap;margin-top:34px}
.dv-cover .line-link{color:#e6f4fb;min-width:190px}
.dv-cover-foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:16px;margin-top:54px;color:#7f9aab}

/* Spectrum (signature) */
.dv-spectrum{margin:0;position:relative;color:#d3f4ff}
.dv-spectrum-head{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:8px;color:#8fb0c3}
.dv-readout{color:#b9e9fb;letter-spacing:.06em;text-transform:none;text-align:right}
.dv-crystal-switch{display:inline-flex;gap:8px;align-items:center;margin-left:4px}.dv-crystal-switch button{font:inherit;letter-spacing:inherit;text-transform:inherit;background:none;border:1px solid transparent;border-radius:999px;color:#c3d6e0;padding:2px 9px;transition:background .25s,color .25s}.dv-crystal-switch button:hover{border-color:#3b5566;color:#fff}.dv-crystal-switch button[aria-pressed=true]{background:#d3f4ff;color:#10191e}.dv-crystal-switch>span{color:#3b5566}
.dv-spectrum-svg{display:block;width:100%;height:auto;overflow:visible;font-family:'IBM Plex Mono',monospace}
.dv-grid{stroke:#2a3e4a;stroke-width:1;stroke-dasharray:2 8}
.dv-axis{stroke:#7f9aab;stroke-width:1}
.dv-tick{stroke:#7f9aab;stroke-width:1}
.dv-axis-label{fill:#7f9aab;font-size:13px;text-anchor:middle;letter-spacing:.06em}
.dv-axis-unit{text-anchor:end;fill:#8aa3b3}.dv-axis-y{text-anchor:end;fill:#8aa3b3}
.dv-peak{opacity:.12;transition:opacity .6s ease}
.dv-peak path{fill:none;transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.18);transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .6s}
.dv-peak-line{stroke:#d3f4ff;stroke-width:1.6;stroke-linejoin:round}
.dv-peak-glow{stroke:#64d0ff;stroke-width:5;opacity:.85;filter:url(#dv-glow)}
.dv-peak-fill{fill:url(#none);fill:#64d0ff14;stroke:none}
.dv-peak.is-on{opacity:1}.dv-peak.is-on path{transform:scaleY(1)}
.dv-peak-illus{stroke:#b9e9fb;stroke-width:1;stroke-dasharray:4 6;opacity:0;transition:opacity .5s}
.dv-marker{opacity:0;transition:opacity .5s .2s}.dv-marker line{stroke:#d3f4ff;stroke-width:1.4}.dv-marker circle{fill:#e0f8ff;filter:drop-shadow(0 0 6px #6fd9ff)}.dv-marker-label{fill:#b9e9fb;font-size:12px;letter-spacing:.06em}
.dv-marker-ref line{stroke-dasharray:4 4}.dv-marker-ref circle{fill:#b9e9fb}
.mode-pierce .dv-peak.is-on .dv-peak-glow,.mode-pierce .dv-peak.is-on .dv-peak-fill,.mode-pierce .dv-peak.is-on .dv-peak-line{opacity:0}
.mode-pierce .dv-peak.is-on .dv-peak-illus{opacity:.45}.mode-pierce .dv-peak.is-on .dv-marker:not(.dv-marker-ref){opacity:1}
.mode-pierce.show-ref .dv-peak.is-on .dv-marker-ref{opacity:1}
.mode-pierce .dv-cursor{opacity:0}.dv-cursor{transition:opacity .4s}
.dv-set[hidden]{display:none}
.dv-thermal{opacity:0;transition:opacity .5s .3s}.show-thermal .dv-thermal{opacity:1}.dv-thermal rect:first-child{fill:#0b1216;stroke:#3b5566;stroke-width:1}.dv-peltier rect{fill:#ffd9a3}.dv-peltier rect:last-of-type{fill:#64d0ff}.dv-peltier line{stroke:#7f9aab;stroke-width:1.5}.dv-thermal text{fill:#b9e9fb;font-size:11px;letter-spacing:.12em}.dv-thermal-value{fill:#8fb0c3;letter-spacing:.04em}
.dv-thermal-inline{display:none}
.dv-peak.is-dim{opacity:.4} /* the crystal's response does not change with the instrument: dim, never shrink (review 2026-10-11) */
.dv-peak-label{fill:#b9e9fb;font-size:13px;text-anchor:middle;letter-spacing:.08em;opacity:0;transition:opacity .5s .3s}
.dv-peak.is-on .dv-peak-label{opacity:1}
.dv-band{opacity:0;transition:opacity .5s .5s}.dv-band line{stroke:#ffd9a3;stroke-width:1.2}.dv-band text{fill:#ffd9a3;font-size:12px;letter-spacing:.06em}
.mode-sweep .dv-peak.is-on .dv-band{opacity:1}
.dv-cursor line{stroke:#b9e9fb;stroke-width:1;opacity:.45}.dv-cursor circle{fill:#e0f8ff;filter:drop-shadow(0 0 6px #6fd9ff)}
.dv-cursor{animation:dv-sweep 9s linear infinite}
@keyframes dv-sweep{from{transform:translateX(60px)}to{transform:translateX(940px)}}
.dv-selector{display:grid;gap:4px;border-top:1px solid var(--line);padding-top:12px;margin-top:6px}
.dv-selector-group{display:grid;grid-template-columns:150px repeat(3,minmax(0,1fr));gap:6px;align-items:center}
.dv-selector-label{font-size:.6875rem;color:#7f9aab;letter-spacing:.12em;padding-right:10px}
.dv-selector-group button{justify-content:flex-start}.dv-selector button .dv-method{margin-left:auto;font-size:.6875rem;letter-spacing:.14em;color:#8aa3b3}.dv-selector button[aria-pressed=true] .dv-method{color:#3b5566}
.dv-overtone-picker{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px;align-items:center;margin-top:6px;padding-top:8px;border-top:1px dashed #24343e}.dv-overtone-picker[hidden]{display:grid!important;visibility:hidden}
.dv-overtone-buttons{display:flex;gap:6px;flex-wrap:wrap}.dv-overtone-buttons button{font-family:'IBM Plex Mono',monospace;font-size:.7rem;letter-spacing:.06em;background:none;border:1px solid #3b5566;border-radius:999px;color:#c3d6e0;padding:5px 11px;transition:background .25s,color .25s}.dv-overtone-buttons button:hover{color:#fff;border-color:#8fb0c3}.dv-overtone-buttons button[aria-pressed=true]{background:#ffd9a3;border-color:#ffd9a3;color:#10191e}.dv-overtone-buttons button[hidden]{display:none}
.dv-selector button{display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:999px;background:none;color:#c3d6e0;padding:9px 16px 9px 12px;font-size:.9rem;letter-spacing:-.01em;transition:background .25s,border-color .25s,color .25s}
.dv-selector button .mono{font-size:.6875rem;color:#7f9aab}
.dv-selector button:hover{border-color:#3b5566;color:#fff}
.dv-selector button[aria-pressed=true]{background:#d3f4ff;color:#10191e;border-color:#d3f4ff}
.dv-selector button[aria-pressed=true] .mono{color:#3b5566}
.dv-spectrum-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 28px;align-items:end;margin-top:16px}
.dv-spectrum-note{margin:0;font-size:.95rem;line-height:1.5;color:#c3d6e0;min-height:6em;letter-spacing:-.015em}
.dv-spectrum-link{color:#e6f4fb;min-width:0;gap:18px;white-space:nowrap}

/* Benchtop: one shared plate (composition by Codex, integrated) */
.dv-benchplate{--bp-paper:#0f1a21;--bp-ink:#eef6fa;--bp-muted:#8fb0c3;--bp-line:#2a3e4a;--bp-blue:#b9e9fb;--bp-wash:#b9e9fb0c;--bp-blend:screen;background:var(--bp-paper);color:var(--bp-ink);padding:90px 4.6% 70px;position:relative;isolation:isolate}
.dv-benchplate .mono{color:var(--bp-muted)}
.bp-intro{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end}
.bp-intro h2{font-size:clamp(3rem,5.1vw,4.9rem);line-height:.98;font-weight:400;letter-spacing:-.055em;margin:14px 0 0}
.bp-intro h2 em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:1.22em;letter-spacing:-.045em}
.bp-intro p{max-width:250px;margin:0 0 5px;font-size:.85rem;color:var(--bp-muted);line-height:1.5}.bp-intro p>span{display:block;color:var(--bp-blue);margin-top:13px;font-size:.72rem}
.bp-bench{position:relative;height:590px;margin-top:20px}
.bp-bench:before{content:"";position:absolute;inset:0 -5%;background:radial-gradient(ellipse,var(--bp-wash),transparent 66%);z-index:-2}
.bp-orbit{position:absolute;width:74%;height:49%;left:13%;top:27%;border:1px solid var(--bp-line);border-radius:50%;opacity:.55;transform:rotate(-8deg);pointer-events:none}.bp-orbit:after{content:"";position:absolute;inset:10%;border:1px dashed var(--bp-line);border-radius:50%}

.bp-crystal-group{position:absolute;left:50%;top:4px;transform:translateX(-50%);width:180px;height:155px;text-align:center;z-index:5}.bp-crystal-group .mono{position:absolute;top:116px;left:-40px;right:-40px;font-size:.6875rem}
.bp-crystal{position:absolute;left:41px;top:19px;width:98px;height:98px;border-radius:50%;transform:rotateX(58deg) rotateZ(-22deg);background:linear-gradient(140deg,#fff9d1 4%,#ab904e 42%,#edd9a2 58%,#c2aa70 75%);border:2px solid #aa9568;box-shadow:0 7px 0 #938974,0 13px 0 -3px #4a5a66,0 25px 20px -8px #0008}
.bp-crystal:before{content:"";position:absolute;inset:19px;border-radius:50%;border:1px solid #fff9;box-shadow:inset 0 0 0 4px #ffffff1f;background:linear-gradient(135deg,#ffffff44,transparent)}
.bp-crystal:after{content:"";position:absolute;width:9px;height:9px;left:46px;top:42px;background:var(--bp-blue);border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 8px #ffffff25}
.bp-crystal-guide{position:absolute;left:90px;top:3px;width:1px;height:30px;background:var(--bp-line)}
.bp-routes{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}.bp-routes-mobile{display:none}
.bp-route{fill:none;stroke:var(--bp-line);stroke-width:1;stroke-dasharray:2 7;vector-effect:non-scaling-stroke;transition:stroke .4s,opacity .4s}.bp-route.is-active{stroke:var(--bp-blue);stroke-dasharray:4 6;opacity:.7}
.bp-node{fill:var(--bp-paper);stroke:var(--bp-blue);stroke-width:1.2;vector-effect:non-scaling-stroke}
.bp-caption{position:absolute;top:47px;left:1%;max-width:230px;border-left:1px solid var(--bp-line);padding-left:16px}.bp-caption strong{display:block;font:400 24px/1.15 'Cormorant Garamond',Georgia,serif;color:var(--bp-ink);margin:5px 0 10px}.bp-caption p{font-size:.72rem;color:var(--bp-muted);margin:0;max-width:210px;line-height:1.5}
.bp-reading{position:absolute;right:0;top:22px;width:245px;z-index:6}.bp-reading .mono{color:var(--bp-blue);font-size:.6875rem}.bp-reading h3{font:400 27px/1.05 'Cormorant Garamond',Georgia,serif;margin:4px 0 5px;letter-spacing:-.025em}
.bp-trace{display:block;width:205px;height:74px;margin-top:8px;overflow:visible}.bp-axis{stroke:var(--bp-line);stroke-width:1}.bp-trace path{fill:none;stroke:var(--bp-blue);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400;animation:bp-draw 1.6s cubic-bezier(.3,.5,.3,1) forwards}.bp-trace path.dd{stroke:#ffd9a3;opacity:.85;animation-delay:.25s}.bp-trace text{fill:var(--bp-muted);font:8px 'IBM Plex Mono',monospace}
@keyframes bp-draw{to{stroke-dashoffset:0}}
.bp-trace-caption{font-size:.5rem!important;letter-spacing:.07em!important;color:var(--bp-muted)!important;display:block;margin-top:2px}
.bp-thermal{display:block;margin-top:8px;font:.56rem/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em;color:var(--bp-blue)}.bp-thermal[hidden]{display:none}
.bp-actor{position:absolute;border:0;padding:0;background:none;width:29%;height:300px;top:202px;z-index:2;mix-blend-mode:var(--bp-blend);transition:transform .85s cubic-bezier(.22,.8,.25,1),left .85s cubic-bezier(.22,.8,.25,1),top .85s cubic-bezier(.22,.8,.25,1),width .85s cubic-bezier(.22,.8,.25,1),height .85s cubic-bezier(.22,.8,.25,1),opacity .5s;scroll-margin-top:120px}
.bp-actor img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.bp-actor[data-slot=left]{left:-2%;transform:rotate(-7deg) scale(.92);opacity:.68}.bp-actor[data-slot=right]{left:74%;transform:rotate(6deg) scale(.92);opacity:.68}
.bp-actor[data-slot=center]{left:24%;top:157px;width:53%;height:380px;z-index:3;opacity:1;transform:rotate(-3deg)}
.bp-actor:hover{opacity:1}.bp-actor:focus-visible{outline:1px dashed var(--bp-blue);outline-offset:-14px;border-radius:24px}
.bp-actor-label{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);white-space:nowrap;font:12px 'IBM Plex Mono',monospace;color:var(--bp-muted);letter-spacing:.05em}.bp-actor[data-slot=center] .bp-actor-label{display:none}
.bp-callout{position:absolute;left:48%;bottom:20px;transform:translateX(-50%);z-index:6;text-align:center}.bp-callout:before{content:"";display:block;height:32px;width:1px;background:var(--bp-line);margin:0 auto 10px}.bp-callout .mono{font-size:.6875rem}.bp-callout strong{display:block;font:400 28px/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em;margin-top:2px}
.bp-rail{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--bp-line);border-bottom:1px solid var(--bp-line);padding:13px 0;position:relative;z-index:7}.bp-rail-label{max-width:170px;font-size:.6875rem}
.bp-buttons{display:flex;gap:8px;flex:1;justify-content:flex-end}
.bp-buttons button{display:flex;gap:18px;align-items:baseline;justify-content:center;min-width:155px;background:none;border:1px solid transparent;border-radius:999px;padding:8px 18px;font-size:1.35rem;letter-spacing:-.04em;color:var(--bp-ink);transition:color .2s,background .2s,border-color .2s}
.bp-buttons button span{font:.6875rem 'IBM Plex Mono',monospace;color:var(--bp-muted);letter-spacing:.08em}
.bp-buttons button[aria-pressed=true]{background:var(--bp-blue);color:#10191e;border-color:var(--bp-blue)}.bp-buttons button[aria-pressed=true] span{color:#3b5566}
.bp-buttons button:hover:not([aria-pressed=true]){border-color:var(--bp-muted)}
.bp-detail{display:grid;grid-template-columns:.42fr 1.35fr 1fr;gap:40px;padding-top:33px;align-items:start}
.bp-detail-number{font:400 85px/.9 'Cormorant Garamond',Georgia,serif;letter-spacing:-.08em;color:var(--bp-line)}
.bp-detail h3{font:400 clamp(28px,3.2vw,45px)/1.05 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:0 0 14px}.bp-detail p{font-size:.9rem;max-width:480px;color:var(--bp-muted);margin:0;line-height:1.55}
.bp-facts{margin:0 0 19px;padding:0;list-style:none}.bp-facts li{padding:8px 0;border-bottom:1px solid var(--bp-line);display:flex;justify-content:space-between;gap:14px;font-size:.8rem}.bp-facts li span{color:var(--bp-muted)}
.dv-benchplate .line-link{color:var(--bp-ink);min-width:0;gap:24px}
@media(min-width:1550px){.bp-bench{height:645px}.bp-actor{height:340px;top:225px}.bp-actor[data-slot=center]{height:425px;top:180px}}
@media(max-width:1100px){.bp-intro{grid-template-columns:1fr 200px}.bp-bench{height:535px}.bp-caption{max-width:170px}.bp-caption p{font-size:.6875rem}.bp-reading{width:205px}.bp-actor{top:205px;height:245px}.bp-actor[data-slot=center]{top:172px;height:320px}.bp-buttons button{min-width:135px}.bp-detail{grid-template-columns:.25fr 1.2fr 1fr;gap:24px}}
@media(max-width:760px){.dv-benchplate{padding:60px 6% 50px}.bp-intro{display:block}.bp-intro h2{font-size:3rem}.bp-intro p{font-size:.8rem;max-width:280px;margin-top:17px}.bp-intro p>span{margin-top:7px}.bp-bench{height:448px;margin-top:15px}.bp-caption{display:none}.bp-crystal-group{left:25%;top:-5px;transform:translateX(-50%) scale(.7);transform-origin:top center}.bp-reading{top:4px;right:0;width:155px}.bp-reading h3{font-size:23px}.bp-reading .mono{font-size:.6875rem}.bp-trace{width:155px;height:58px}.bp-thermal{font-size:.5rem;max-width:160px}.bp-orbit{width:96%;left:2%;height:31%;top:42%}.bp-actor{top:189px;height:138px;width:26%}.bp-actor[data-slot=left]{left:-3%;top:204px;transform:rotate(-8deg);opacity:.7}.bp-actor[data-slot=right]{left:76%;top:204px;transform:rotate(8deg);opacity:.7}.bp-actor[data-slot=center]{left:13%;width:75%;height:239px;top:139px;transform:rotate(-3deg)}.bp-actor-label{font-size:11px;bottom:-9px}.bp-callout{bottom:8px;width:90%}.bp-callout:before{height:19px;margin-bottom:7px}.bp-callout strong{font-size:24px}.bp-routes{opacity:.55}.bp-routes-desktop{display:none}.bp-routes-mobile{display:block}.bp-rail{display:block;padding:12px 0}.bp-rail-label{max-width:none;margin-bottom:8px}.bp-buttons{justify-content:space-between;gap:5px}.bp-buttons button{min-width:0;flex:1;gap:10px;font-size:1.3rem;padding:7px 10px}.bp-detail{grid-template-columns:1fr;gap:20px;padding-top:25px}.bp-detail-number{display:none}.bp-detail h3{font-size:33px}.bp-detail p{font-size:.85rem;max-width:none}}
@media(prefers-reduced-motion:reduce){.bp-actor,.bp-route{transition:none}.bp-trace path{animation:none;stroke-dashoffset:0}}

/* Field trio (paper) */
.dv-field{position:relative;isolation:isolate;background:radial-gradient(ellipse at 70% 20%,#f9fcff,var(--paper) 60%,#d6dee5 100%);color:var(--ink);padding:110px 4.6% 96px;margin-top:-34px;clip-path:polygon(0 0,100% 44px,100% 100%,0 100%);z-index:2}
.dv-field .dv-num,.dv-compare .dv-num,.dv-heritage .dv-num{color:#4b6575}
.dv-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.dv-card{display:flex;flex-direction:column;border-top:1px solid #9aaebc80;padding-top:22px}
.dv-card-stage{aspect-ratio:4/3;overflow:hidden;background:#eef2f5;margin-bottom:22px}
.dv-card-image{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.dv-card .dv-body{color:#4d6371}
.dv-card .dv-specs{border-color:#9aaebc80;margin-bottom:24px}.dv-card .dv-specs div{border-color:#9aaebc60}.dv-card .dv-specs dt{color:#4b6575}.dv-card .dv-specs dd{color:#11212d}
.dv-card .line-link{margin-top:auto;color:var(--ink);gap:24px;min-width:0}

/* Compare (paper, continues) */
.dv-compare{background:var(--paper);color:var(--ink);padding:40px 4.6% 110px}
.dv-compare .dv-section-head p{border-color:#9aaebc}
.dv-table-note{margin:14px 0 0;text-transform:none;letter-spacing:.02em;color:#4b6575}
.dv-table-wrap{overflow-x:auto;border-top:1px solid #879ba8;border-bottom:1px solid #879ba8}
.dv-table{width:100%;min-width:640px;border-collapse:collapse;font-size:.92rem}
.dv-table th,.dv-table td{text-align:left;padding:17px 18px;border-bottom:1px solid #9aaebc60;vertical-align:middle}
.dv-table thead th{font-family:'IBM Plex Mono',monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#4b6575;font-weight:500;padding-top:22px;padding-bottom:22px}
.dv-table thead th .mono{display:block;font-size:.6875rem;color:#2585b4;letter-spacing:.14em}
.dv-table tbody th{font-weight:400;letter-spacing:-.015em}
.dv-table td:nth-child(4),.dv-table th:nth-child(4){background:#d9e8f0}
.dv-yes{color:#1580a8;font-size:1.1rem}.dv-no{color:#8fa4b2;font-size:1.1rem}.dv-none{color:#9aaebc}
.dv-val{font-family:'IBM Plex Mono',monospace;font-size:.75rem;letter-spacing:.04em}

/* How to choose (night) */
.dv-choose{background:var(--night);color:#eef6fa;padding:110px 4.6% 100px;margin-top:-34px;clip-path:polygon(0 44px,100% 0,100% 100%,0 100%)}
.dv-choose .dv-section-head p{color:#b7cbd6;border-color:#3b5566}
.dv-questions{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;border-top:1px solid #23343f}
.dv-questions li{display:flex;flex-direction:column;padding:28px 0 30px;border-bottom:1px solid #23343f}
.dv-questions h3{margin:14px 0 0;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:400;font-size:1.9rem;line-height:1.05;letter-spacing:-.03em;color:#dff3fc}
.dv-questions p{margin:14px 0 22px;font-size:.93rem;line-height:1.55;color:#b7cbd6;letter-spacing:-.015em}
.dv-chip{margin-top:auto;align-self:flex-start;display:inline-flex;gap:10px;align-items:center;border:1px solid #3b5566;border-radius:999px;padding:6px 12px;color:#d3f4ff;transition:background .25s,color .25s}
.dv-chip:hover{background:#d3f4ff;color:#10191e}

/* Heritage (soft paper) */
.dv-heritage{background:linear-gradient(180deg,#e2eaef,var(--paper));color:var(--ink);padding:110px 4.6% 100px;margin-top:-34px;clip-path:polygon(0 0,100% 44px,100% 100%,0 100%)}
.dv-heritage .dv-section-head p{border-color:#9aaebc}
.dv-heritage-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;border-top:1px solid #879ba8;border-bottom:1px solid #879ba8;padding:34px 0}
.dv-heritage-media img{display:block;width:100%;height:auto;filter:grayscale(.2)}
.dv-heritage-copy h3{margin:14px 0 0;font-weight:400;font-size:clamp(2rem,3.4vw,3.2rem);letter-spacing:-.05em;line-height:1}
.dv-heritage-copy p{font-size:.98rem;line-height:1.6;color:#4d6371;margin:18px 0 26px;max-width:30rem}
.dv-heritage-card .line-link{color:var(--ink);min-width:0;gap:24px}

/* CTA (night) */
.dv-cta{background:#0f1a21;color:#eef6fa;padding:110px 4.6% 96px;margin-top:-34px;clip-path:polygon(0 44px,100% 0,100% 100%,0 100%);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px 8%;align-items:end}
.dv-cta h2{margin:14px 0 0;font-weight:400;font-size:clamp(3rem,6.2vw,6.4rem);line-height:.94;letter-spacing:-.06em}
.dv-cta h2 em{font-size:1.18em}
.dv-cta p{font-size:1.02rem;line-height:1.55;color:#b7cbd6;max-width:34rem;margin:26px 0 0}
.dv-cta-links{display:grid;gap:26px}
.dv-cta .line-link{color:#e6f4fb;min-width:0;gap:24px}
.dv-cta+.footer{margin-top:0}

@media(max-width:1340px) and (min-width:1101px){.dv-selector-group{grid-template-columns:110px repeat(3,minmax(0,1fr))}.dv-selector button{flex-wrap:wrap;row-gap:0;padding:7px 12px 7px 10px;min-width:0}.dv-selector button .dv-method{flex-basis:100%;margin-left:0;padding-left:24px;line-height:1.3}.dv-selector-label{font-size:.6875rem}}
@media(prefers-reduced-motion:reduce){.dv-cursor{animation:none;transform:translateX(500px)}.dv-peak path{transition:none}.dv-peak{transition:none}}
@media(max-width:1100px){
  .dv-cover-grid{grid-template-columns:1fr;gap:48px}.dv-lead{max-width:40rem}
  .dv-plate{grid-template-columns:1fr;gap:26px}.dv-plate--flip .dv-plate-stage{order:0}
  .dv-cards{grid-template-columns:1fr 1fr}.dv-questions{grid-template-columns:1fr 1fr}
  .dv-cta{grid-template-columns:1fr}
}
@media(max-width:760px){
  .dv-cover,.dv-bench,.dv-field,.dv-compare,.dv-choose,.dv-heritage,.dv-cta{padding-left:6%;padding-right:6%}
  .dv-cover .header{padding-left:0;padding-right:0}
  .dv-section-head{grid-template-columns:1fr;gap:18px;margin-bottom:38px}.dv-section-head p{padding-left:18px;font-size:.95rem}
  .dv-kicker{margin-bottom:22px;font-size:.6875rem}
  .dv-cover-links{gap:18px}.dv-cover .line-link{min-width:0;flex:1 1 45%}
  .dv-selector-group{grid-template-columns:repeat(3,minmax(0,1fr))}.dv-selector-label{grid-column:1/-1;padding:6px 0 2px}.dv-overtone-picker{grid-template-columns:1fr}.dv-overtone-picker[hidden]{display:none!important}.dv-spectrum-note{min-height:0}.dv-selector button .dv-method{display:none}
  .dv-spectrum-head{flex-direction:column;align-items:flex-start}.dv-readout{text-align:left}
  .dv-selector button{padding:8px 10px 8px 8px;font-size:.8rem}
  .dv-axis-label,.dv-peak-label{font-size:31px}.dv-band text,.dv-marker-label{font-size:27px}.dv-axis-y{display:none}.dv-thermal{display:none}
  .show-thermal .dv-thermal-inline{display:inline-block;width:100%;border:1px solid #3b5566;border-radius:6px;padding:8px 10px;color:#b9e9fb;font-size:.62rem;letter-spacing:.1em;background:#0b1216}
  .dv-cards{grid-template-columns:1fr;gap:40px}.dv-questions{grid-template-columns:1fr}
  .dv-heritage-card{grid-template-columns:1fr;gap:24px}
  .dv-specs{grid-template-columns:1fr}
  .dv-cover-foot{font-size:.6875rem;gap:10px}
  .dv-spectrum-foot{grid-template-columns:1fr;gap:14px;align-items:start}.dv-spectrum-link{width:max-content}
  .dv-field,.dv-choose,.dv-heritage,.dv-cta{margin-top:-20px;clip-path:polygon(0 0,100% 24px,100% 100%,0 100%)}
  .dv-choose,.dv-cta{clip-path:polygon(0 24px,100% 0,100% 100%,0 100%)}
}

/* Brand palette from the official logo (Raffaele R47/R53, Codex map output/devices-brand-palette-20260914.md): blue #0885B2 for marks and halo, #8FC7DC light derivative for text and active controls on night. */
/* ---- night variant (default) ---- */
.editorial-devices:not(.dv-light){--brand:#0885B2;--brand-light:#8FC7DC;--brand-dark:#00688D}
.editorial-devices:not(.dv-light) .dv-readout,
.editorial-devices:not(.dv-light) .dv-marker-label,
.editorial-devices:not(.dv-light) .dv-thermal text,
.editorial-devices:not(.dv-light) .dv-peak-label{color:#8FC7DC;fill:#8FC7DC}
.editorial-devices:not(.dv-light) .dv-peak-illus,
.editorial-devices:not(.dv-light) .dv-cursor line{stroke:#8FC7DC}
.editorial-devices:not(.dv-light) .dv-marker-ref circle{fill:#8FC7DC}
.editorial-devices:not(.dv-light) .dv-peak-glow{stroke:#0885B2;opacity:.95}
.editorial-devices:not(.dv-light) .dv-peak-fill{fill:#0885B21f}
.editorial-devices:not(.dv-light) .dv-peak-line,
.editorial-devices:not(.dv-light) .dv-marker line{stroke:#d9eef6}
.editorial-devices:not(.dv-light) .dv-marker circle,
.editorial-devices:not(.dv-light) .dv-cursor circle{fill:#ffffff;filter:drop-shadow(0 0 7px #0885B2)}
.editorial-devices:not(.dv-light) .dv-peltier rect:last-of-type{fill:#0885B2}
.editorial-devices:not(.dv-light) .dv-crystal-switch button[aria-pressed=true],
.editorial-devices:not(.dv-light) .dv-selector button[aria-pressed=true]{background:#8FC7DC;border-color:#8FC7DC;color:#10191e}
.editorial-devices:not(.dv-light) .dv-selector button[aria-pressed=true] .dv-method,
.editorial-devices:not(.dv-light) .dv-selector button[aria-pressed=true] .mono{color:#00688D}
.editorial-devices:not(.dv-light) .dv-chip:hover{background:#8FC7DC}
.editorial-devices:not(.dv-light) .show-thermal .dv-thermal-inline{color:#8FC7DC;border-color:#0885B266}
.editorial-devices:not(.dv-light) .dv-benchplate{--bp-blue:#8FC7DC;--bp-wash:#0885B214}
.editorial-devices:not(.dv-light) .bp-buttons button[aria-pressed=true] span{color:#00688D}
.editorial-devices:not(.dv-light) .bp-orbit{border-color:#0885B255}
.editorial-devices:not(.dv-light) .bp-dot,.editorial-devices:not(.dv-light) .bp-pin{background:#0885B2;box-shadow:0 0 0 4px #0885B233}

/* Instrument index (2026-10-04, Raffaele: the way to each device page was too hidden). Right under the cover. */
.dv-index{margin-top:58px;border-top:1px solid var(--line);padding-top:22px}
.dv-index-title{margin:0 0 18px;font-weight:400;color:#8fb0c3}
.dv-index-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.dv-index-card{position:relative;display:flex;flex-direction:column;gap:6px;min-height:150px;padding:18px 18px 16px;border:1px solid #2f4653;background:#13212a;color:#eef6fa;transition:background .25s,border-color .25s,transform .25s}
.dv-index-card strong{font-size:clamp(1.35rem,1.9vw,1.9rem);font-weight:500;letter-spacing:-.04em;line-height:1.05}
.dv-index-kind{font-size:.6875rem;color:#8fb0c3}
.dv-index-line{font-size:.82rem;line-height:1.35;color:#b3cad6}
.dv-index-go{margin-top:auto;padding-top:12px;font-size:.6875rem;color:#b9e9fb}
.dv-index-card:hover,.dv-index-card:focus-visible{background:#b9e9fb;border-color:#b9e9fb;color:#10191e;transform:translateY(-3px)}
.dv-index-card:hover .dv-index-kind,.dv-index-card:hover .dv-index-line,.dv-index-card:hover .dv-index-go,.dv-index-card:focus-visible .dv-index-kind,.dv-index-card:focus-visible .dv-index-line,.dv-index-card:focus-visible .dv-index-go{color:#10191e}
.dv-index-more{display:flex;flex-wrap:wrap;gap:8px 26px;margin:16px 0 0;color:#7f9aab;font-size:.6875rem}
.dv-index-more a{color:#d3f4ff;border-bottom:1px solid #3b5566;padding-bottom:2px}
.dv-index-more a:hover{border-color:#d3f4ff}
.dv-index+.dv-cover-foot{margin-top:34px}
/* The selected benchtop model's page: a filled button, not a hairline link. */
.dv-go{display:inline-flex;align-items:center;gap:14px;margin-top:20px;padding:12px 18px;background:#eef6fa;color:#10191e!important;font-weight:600;font-size:.7rem;transition:background .2s}
.dv-go:hover{background:#b9e9fb}
.dv-table thead a{color:inherit;border-bottom:1px solid currentColor;padding-bottom:1px}
.dv-table thead a:hover{color:var(--brand-ink,#00688D)}
@media(max-width:1100px){.dv-index-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.dv-index{margin-top:40px}.dv-index-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dv-index-card{min-height:124px;padding:14px}.dv-index-line{font-size:.75rem}}
.dv-light .dv-index-card{background:#fff;border-color:#c9d6dd;color:#10191e}.dv-light .dv-index-line{color:#4d6570}.dv-light .dv-index-go{color:#00688D}.dv-light .dv-index-more a{color:#00688D;border-color:#9fb6c2}