.columns,.row { grid-template-columns: minmax(200px,1.02fr) repeat(2,minmax(0,2fr)); }
.pair-label { align-self:center; padding:16px 10px 16px 0; }
.pair-code { margin-bottom:4px; color:var(--secondary); font:12px/1.5 var(--mono); }
.pair-label h2 { font-size:clamp(18px,2vw,25px); }
.pair-label p { margin:5px 0 0; font-size:14px; color:var(--secondary); }
.spec { min-width:0; padding:13px clamp(12px,1.9vw,24px) 9px; }
.spec.light { background:var(--paper); color:#222721; border-left:1px solid var(--rule); }
.spec.dark { background:var(--graphite); color:#f4f4eb; }
.lock,.detail,.inks,.chip,.mini-size { display:flex; align-items:center; }
.lock { justify-content:center; gap:clamp(12px,1.8vw,20px); min-height:80px; }
.main-mark { width:76px; height:76px; }
.mark { display:block; flex-shrink:0; }
.strand-u { color:var(--u); }
.strand-c { color:var(--c); }
.detail { justify-content:space-between; gap:8px; margin-top:5px; }
.inks { flex-wrap:wrap; gap:2px 11px; }
.chip,.mini-size { gap:5px; font:11px/1.4 var(--mono); }
.chip code { font:inherit; }
.chip i { display:block; width:9px; height:9px; border-radius:2px; }
.small { width:24px; height:24px; }
.surface-mobile {display:none;}
body:has(input[value="u"]:checked) .spec .strand-c,
body:has(input[value="c"]:checked) .spec .strand-u { visibility:hidden; }
@media(max-width:760px) {
  .row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pair-label { grid-column:1/-1; display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:12px 0 8px;}
  .pair-code,.pair-label p { margin:0; }
  .pair-label p { font-size:12px; }
  .spec { padding:8px; }
  .surface-mobile { display:block; font-size:12px; }
  .lock { min-height:66px; gap:5px; }
  .main-mark { width:clamp(32px,10vw,65px); height:clamp(32px,10vw,65px); }
  .detail { gap:3px; }
  .inks { display:grid; gap:1px; }
  .mini-size { display:grid; justify-items:center; gap:0; font-size:9px; }
}