.nonos-usecase-populations{border-top:1px solid #253c50;margin:26px 0 0;padding-top:26px}.nonos-usecase-populations h4{font-size:19px;line-height:1.4;margin:0 0 14px;color:#e4f3ff}.nonos-usecase-populations>p{font-size:12px;line-height:1.7;color:#97acc1;margin:0 0 18px;max-width:850px}.nonos-population-controls{display:grid;grid-template-columns:1fr 1.8fr .8fr;gap:14px}.nonos-population-field{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:500;color:#c0d3e3;line-height:1.5;min-width:0}.nonos-population-field select,.nonos-population-field input{width:100%;max-width:100%;height:46px;min-width:0;box-sizing:border-box;border:1px solid #315068;background:#0d1d2d;color:#e1eff9;border-radius:9px;font:inherit;font-size:13px;line-height:1.5;padding:10px 12px}.nonos-population-field select option,.nonos-population-field select optgroup{background:#0d1d2d;color:#e1eff9}.nonos-population-field :is(select,input):focus-visible{outline:2px solid #39ead0;outline-offset:3px}.nonos-exact-adoption{margin:-8px 0 25px}.nonos-population-detail{display:inline-block;margin-top:17px;color:#69dec9;font-size:12px;line-height:1.5;text-decoration:none}.nonos-population-detail[hidden]{display:none}.nonos-usecase-populations .nonos-population-status{font-size:11px;margin:16px 0 0;color:#8fa7bf}.nonos-device-benchmarks .nonos-device-presets{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:850px){.nonos-population-controls{grid-template-columns:1fr 1fr}.nonos-population-controls .nonos-population-field:nth-child(2){grid-column:1/-1;grid-row:2}.nonos-device-benchmarks .nonos-device-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.nonos-population-controls{grid-template-columns:1fr}.nonos-population-controls .nonos-population-field:nth-child(2){grid-column:auto;grid-row:auto}.nonos-device-benchmarks .nonos-device-presets{grid-template-columns:1fr 1fr}.nonos-population-field select{font-size:12px}}

/* v1.2.3: make assumptions, mobile populations and device presets readable. */
.nonos-site .nonos-usecase-populations { margin-top: 34px; padding-top: 32px; }
.nonos-site .nonos-usecase-populations h4 { font-size: 24px; line-height: 1.4; margin-bottom: 20px; }
.nonos-site .nonos-usecase-populations > p,
.nonos-site .nonos-usecase-populations .nonos-population-status { font-size: 16px !important; line-height: 1.8; }
.nonos-site .nonos-population-controls { grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr); gap: 22px; }
.nonos-site .nonos-population-field { font-size: 17px; line-height: 1.6; gap: 12px; }
.nonos-site .nonos-population-field :is(select, input) { font-size: 17px; height: 54px; padding: 12px 14px; }
.nonos-site .nonos-population-detail { font-size: 17px; line-height: 1.65; margin-top: 22px; }
.nonos-site [data-nonos-tool] .nonos-preset-heading { flex-wrap: wrap; gap: 12px; }
.nonos-site [data-nonos-tool] .nonos-preset-heading h4 { font-size: 23px; line-height: 1.4; }
.nonos-site [data-nonos-tool] .nonos-preset-heading > span { font-size: 16px; line-height: 1.6; }
.nonos-site [data-nonos-tool] .nonos-device-presets,
.nonos-site .nonos-device-benchmarks .nonos-device-presets { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.nonos-site [data-nonos-tool] .nonos-device-preset { padding: 22px; gap: 14px; min-height: 170px; }
.nonos-site [data-nonos-tool] .nonos-device-preset > span { font-size: 17px; line-height: 1.55; min-height: 0; }
.nonos-site [data-nonos-tool] .nonos-device-preset > strong { font-size: 34px; line-height: 1.2; }
.nonos-site [data-nonos-tool] .nonos-device-preset > small { font-size: 16px; line-height: 1.65; }
.nonos-site [data-nonos-tool] p[data-population-note],
.nonos-site [data-nonos-tool] .nonos-preset-method,
.nonos-site [data-nonos-tool] .nonos-preset-method p { font-size: 16px !important; line-height: 1.8; }
.nonos-site [data-nonos-tool] .nonos-preset-method summary { font-size: 17px; line-height: 1.65; padding-block: 10px; }
.nonos-site [data-nonos-tool] .nonos-exact-device { font-size: 17px; line-height: 1.65; flex-wrap: wrap; gap: 12px; }
.nonos-site [data-nonos-tool] .nonos-exact-device input { font-size: 18px; min-height: 50px; width: 100%; max-width: 260px; }
.nonos-site .nonos-exact-adoption { margin: 4px 0 30px; }
@media (max-width: 700px) {
  .nonos-site .nonos-population-controls { grid-template-columns: minmax(0, 1fr); }
  .nonos-site .nonos-population-controls .nonos-population-field:nth-child(2) { grid-column: auto; grid-row: auto; }
  .nonos-site [data-nonos-tool] .nonos-device-presets,
  .nonos-site .nonos-device-benchmarks .nonos-device-presets { grid-template-columns: minmax(0, 1fr); }
  .nonos-site [data-nonos-tool] .nonos-device-preset { min-height: 150px; }
}