.wordmark{color:var(--ink);text-decoration:none}.pixel-calculator{grid-template-columns:370px minmax(0,1fr)}.pixel-input-note{margin:0}.density-row{padding:.75rem 0 1.25rem}.density-row+.density-row{border-top:1px solid var(--line);padding-top:1.25rem}.ppi-value{font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:.65rem 0;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.15}.ppi-value abbr{letter-spacing:0;font-size:1rem;text-decoration:none}.density-detail{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.875rem}.reference caption{text-align:left;color:var(--muted);margin-bottom:.5rem;font-size:.875rem}@media (width<=850px){.pixel-calculator{grid-template-columns:320px minmax(0,1fr)}main .reference{grid-template-columns:1fr;gap:1rem}}@media (width<=650px){.pixel-calculator,.pixel-calculator .controls,.pixel-calculator .fields{grid-template-columns:1fr}.density-row{padding-block:.75rem}}