/* KONTRAST AUDIO — the lab page. Shared pieces live in site.css. */

.lab{--cols:140px minmax(0,.95fr) minmax(0,1.5fr) 170px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
.lab-head,.lab-row{display:grid;grid-template-columns:var(--cols)}
.lab-head{background:var(--ink-2);border-bottom:1px solid var(--line)}
.lab-head span{padding:13px var(--pad);border-right:1px solid var(--line)}
.lab-head span:last-child{border-right:0}
.lab-row{border-bottom:1px solid var(--line)}
.lab-row:last-child{border-bottom:0}
.lab-row>*{display:flex;align-items:center;min-width:0;padding:clamp(20px,2.3vw,30px) var(--pad);border-right:1px solid var(--line)}
.lab-row>*:last-child{border-right:0}
.lab-date{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--text-3)}
.lab-title{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.015em}
.lab-notes{font-size:15px;line-height:1.55;color:var(--text-2)}
.lab-kind{font-family:var(--mono);font-size:10.5px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3)}
.lab-kind--hi{color:var(--paper)}
@media (max-width:1100px){
  .lab-head{display:none}
  .lab-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"date kind" "title title" "notes notes"}
  .lab-date{grid-area:date}.lab-title{grid-area:title}.lab-notes{grid-area:notes}.lab-kind{grid-area:kind}
  .lab-row>*{border-right:0}
  .lab-date,.lab-kind{padding-top:13px;padding-bottom:13px;background:var(--ink-2);border-bottom:1px solid var(--line)}
  .lab-kind{justify-content:flex-end;text-align:right}
  .lab-title{padding-bottom:6px}
  .lab-notes{padding-top:0}
}