.nameplate-section{background:#f0f4ed;border-bottom:1px solid var(--border)}.nameplate-section .section-heading>p{max-width:34ch}.nameplate-board{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,.76fr);overflow:hidden;border:1px solid #395f5f;border-radius:15px;color:#e0f1ea;background:#0a2b2f;box-shadow:0 14px 36px #17372f19}.nameplate-media{position:relative;isolation:isolate;display:grid;align-items:end;justify-items:end;min-height:375px;padding:clamp(1.05rem,3vw,2.25rem)}.nameplate-media>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:49% 55%}.nameplate-media:after{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(135deg,transparent 35%,#0a2b2f99 100%)}.device-nameplate{position:relative;width:min(100%,26rem);padding:.8rem 1rem .72rem;border:1px solid #f6fbf6;border-radius:8px;color:#173035;background:repeating-linear-gradient(0deg,#fff0 0 2px,#fff6 2px 3px),linear-gradient(129deg,#f4f7ed,#c6d2c8);box-shadow:0 12px 25px #071d20b0}.device-nameplate:before,.device-nameplate:after{position:absolute;width:7px;height:7px;border:1px solid #3a5252;border-radius:50%;content:"";background:linear-gradient(135deg,#79918e 45%,#273b3a 45% 55%,#a7bab4 55%)}.device-nameplate:before{top:.42rem;left:.4rem}.device-nameplate:after{right:.42rem;bottom:.4rem}.nameplate-brand{display:flex;flex-wrap:wrap;align-items:center;gap:.32rem;margin-bottom:.65rem;color:#173a3a;font:700 var(--text-small)/1.2 var(--mono);letter-spacing:.035em;text-transform:uppercase}.nameplate-brand small{color:#2a5152;font:700 var(--text-small)/1.2 var(--mono)}.nameplate-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.nameplate-fields button{display:grid;align-content:start;gap:.22rem;min-height:65px;padding:.46rem .55rem;border:1px solid #526e67;border-radius:5px;color:#153739;background:#f8faf480;text-align:left;line-height:1.15}.nameplate-fields button:not(:disabled){cursor:pointer}.nameplate-fields button:not(:disabled)[aria-pressed=false]:hover{border-color:#3c625b;background:#fff}.nameplate-fields button[aria-pressed=true]{border-color:#806320;background:#ffdda0;box-shadow:inset 3px 0 #a77818}.nameplate-fields button:focus-visible{outline-color:#084f4f;outline-offset:1px}.nameplate-fields button span{font-size:var(--text-small);font-weight:720}.nameplate-fields button strong{font:700 clamp(1.13rem,1.7vw,1.4rem)/1.13 var(--heading);letter-spacing:-.038em}.device-nameplate>p{margin-top:.6rem;color:#264747;font-size:var(--text-small);font-weight:720}.nameplate-readings{display:grid;align-content:center;min-width:0;padding:clamp(1.25rem,3vw,2.55rem);border-left:1px solid #507575;background:linear-gradient(145deg,#0c2c2fe8,#103d40e8),radial-gradient(circle,#a8d9d250 1px,transparent 1.1px) 0 0 / 15px 15px}.nameplate-reading+.nameplate-reading:not([hidden]){margin-top:1rem}.nameplate-reading[hidden]+.nameplate-reading{margin-top:0}.nameplate-reading{animation:nameplate-in .24s ease-out both}.nameplate-reading-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:.7rem;border:1px solid #bb9758;border-radius:7px;color:#ffd273;background:#373224}.nameplate-reading h3{max-width:23ch;margin-bottom:.58rem;color:#f8fffb;font-size:clamp(1.42rem,2.85vw,2.5rem);text-wrap:initial}.nameplate-reading p{line-height:1.5}.nameplate-reading .nameplate-lookup{display:flex;align-items:start;gap:.55rem;margin-top:.98rem;padding:.7rem .77rem;border-left:2px solid #eac572;color:#f6f6df;background:#05202270;font-size:.9rem}.nameplate-lookup svg{margin-top:.12rem;color:#f7cf76}.nameplate-sources{display:flex;align-items:center;flex-wrap:wrap;gap:.23rem .9rem;margin-top:.85rem;color:var(--muted);font-size:var(--text-small)}.nameplate-sources span{font-weight:700}.nameplate-sources a{display:inline-block;min-height:32px;padding-block:.25rem}.nameplate-transfer{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(1rem,3vw,2.2rem);margin-top:clamp(1.1rem,2.8vw,2rem);padding:clamp(1.05rem,2.5vw,1.65rem);border:1px solid #a7c2b4;border-left:4px solid var(--teal);border-radius:9px;background:#fafff8}.nameplate-transfer-intro h3{text-wrap:initial}.nameplate-transfer-intro>p{margin-top:.53rem;color:var(--muted)}.nameplate-transfer-intro .button{margin-top:.7rem;padding-inline:.48rem;color:var(--teal-dark)}.nameplate-transfer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.46rem .8rem}.nameplate-transfer-fields>div{padding:.65rem .57rem;border-top:1px dashed #a5bdb1}.nameplate-transfer-fields dt{display:flex;align-items:center;gap:.35rem;color:var(--ink);font-weight:750;font-size:.9rem;line-height:1.25}.nameplate-transfer-fields dt svg{color:var(--teal-dark)}.nameplate-transfer-fields dd{margin-top:.3rem;color:var(--muted);font-size:var(--text-small);line-height:1.38}@keyframes nameplate-in{0%{opacity:.72;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.nameplate-board{grid-template-columns:minmax(0,1fr)}.nameplate-media{justify-items:center;min-height:0;padding:0}.nameplate-media>img{position:static;z-index:auto;height:auto;aspect-ratio:1.9}.nameplate-media:after{display:none}.device-nameplate{width:min(calc(100% - 1.5rem),30rem);margin:.75rem}.nameplate-readings{min-height:220px;border-top:1px solid #507575;border-left:0}.nameplate-transfer{grid-template-columns:1fr}}@media(max-width:440px){.nameplate-fields{grid-template-columns:minmax(0,1fr)}.nameplate-transfer-fields{grid-template-columns:1fr;gap:.25rem}}
