.lab-mode-links { display:flex; flex-wrap:wrap; gap:var(--dvm-space-3, 12px); margin-top:var(--dvm-space-4, 16px); }
.lab-mode-links a { color:var(--dvm-color-primary); font-weight:600; text-underline-offset:3px; }
.lab-converter { color:var(--dvm-color-text); margin-block:var(--dvm-space-8, 32px); scroll-margin-top:120px; }
.lab-converter__print-brand { display:none; }
.lab-converter h2 { font-size:clamp(1.5rem,4vw,2rem); margin:0 0 12px; }
.lab-converter h3 { font-size:1.125rem; margin:0 0 12px; }
.lab-converter__grid { display:grid; grid-template-columns:1fr; gap:var(--dvm-space-4, 16px); margin-top:24px; }
.lab-converter__panel { min-width:0; background:var(--dvm-color-surface); border:1px solid var(--dvm-color-border); border-radius:var(--v2-radius, 12px); padding:var(--dvm-space-6, 24px); }
.lab-converter label { display:block; font-weight:600; margin:16px 0 6px; }
.lab-converter label:first-child { margin-top:0; }
.lab-converter input,.lab-converter select { width:100%; min-height:48px; max-width:100%; font:inherit; padding:10px 12px; color:var(--dvm-color-text); background:var(--dvm-color-surface); border:1px solid var(--dvm-color-border); border-radius:var(--v2-radius-sm, 8px); }
.lab-converter__units { display:grid; grid-template-columns:1fr; gap:12px; }
.lab-converter__units label { margin-top:16px; }
.lab-converter__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; }
.lab-converter__actions button { min-height:44px; }
.lab-converter__result { font-size:clamp(1.8rem,5vw,2.4rem); font-weight:700; line-height:1.2; overflow-wrap:anywhere; color:var(--dvm-color-primary); }
.lab-converter .no-result { font-size:1rem; color:var(--dvm-color-text-muted); }
.lab-converter__muted { color:var(--dvm-color-text-muted); font-size:.9rem; line-height:1.5; }
.lab-converter__notice { background:var(--dvm-color-surface-elevated); border-left:4px solid var(--dvm-color-warning); padding:12px; }
.lab-converter__error { color:var(--dvm-color-error); font-weight:600; }
.lab-converter__basis { margin-top:16px; }
.lab-converter a { color:var(--dvm-color-primary); text-decoration:underline; text-underline-offset:3px; }
.lab-converter summary { cursor:pointer; font-weight:600; padding-block:12px; }
.lab-converter #lab-formula { overflow-wrap:anywhere; }
.lab-converter #lab-copy-status { min-height:1.5em; }
.lab-converter :is(input,select,button,a,summary):focus-visible { outline:3px solid var(--dvm-color-focus); outline-offset:3px; }
.lab-converter [hidden] { display:none!important; }
@media (min-width:640px) { .lab-converter__units { grid-template-columns:1fr 1fr; } }
@media (min-width:960px) { .lab-converter__grid { grid-template-columns:1fr 1fr; } }
@media print {
  body.lab-unit-print > :not(main),body.lab-unit-print #main-content > :not(.page),body.lab-unit-print .page > :not(#lab-converter) { display:none!important; }
  body.lab-unit-print :is(.lab-converter__actions,.lab-mode-links,.lab-converter details summary) { display:none!important; }
  body.lab-unit-print .lab-converter { margin:0; }
  body.lab-unit-print .lab-converter__grid { display:block; }
  body.lab-unit-print .lab-converter__panel { break-inside:avoid; padding:12px; margin-bottom:12px; }
  body.lab-unit-print .lab-converter__print-brand { display:block; font-weight:700; }
  body.lab-unit-print .lab-converter header { display:block!important; }
}