.pm10 .pm10-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,12.5rem),1fr));align-items:end;gap:.8rem 1rem;display:grid}.pm10 .pm10-hint{max-width:76ch;margin:0 0 .75rem}.pm10 .pm10-h3{margin:1.2rem 0 .45rem;font-size:1rem}.pm10 .pm10-sub{color:var(--text-3);font-size:.8rem;font-weight:500}.pm10 .pm10-status{margin:.5rem 0 0;font-weight:600}.pm10 .pm10-status:empty{display:none}.pm10 .pm10-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pm10 .pm10-alert-list{margin:0;padding-left:1.1rem}.pm10 .pm10-alert-list li+li{margin-top:.2rem}.pm10 .pm10-headline{margin-bottom:.9rem}.pm10 .pm10-stats{margin-top:.75rem}.pm10 .pm10-tone-good .stat__value{color:var(--success)}.pm10 .pm10-tone-bad .stat__value{color:var(--danger)}.pm10 .pm10-tone-warn .stat__value{color:var(--warning)}.pm10 .pm10-stat-sub{color:var(--text-2);margin-top:.3rem;font-size:.8rem;line-height:1.4;display:block}.pm10 .pm10-explain{gap:.45rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.pm10 .pm10-explain li{border-left:3px solid var(--line-strong);background:var(--surface-2);border-radius:0 var(--radius-s) var(--radius-s) 0;max-width:80ch;padding:.55rem .75rem}.pm10 .pm10-explain li.is-good{border-left-color:var(--success)}.pm10 .pm10-explain li.is-bad{border-left-color:var(--danger)}.pm10 .pm10-explain li.is-warn{border-left-color:var(--warning)}.pm10 .pm10-explain strong{font-variant-numeric:tabular-nums}.pm10 .pm10-chart{min-width:0;margin:.9rem 0 0}.pm10 .pm10-chart canvas{width:100%;max-width:100%;display:block}.pm10 .pm10-chart figcaption{margin-top:.4rem}.pm10 .pm10-chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-top:1rem;display:flex}.pm10 .pm10-chart-head .pm10-h3{margin:0}.pm10 .pm10-rows{gap:.6rem;margin:.4rem 0 .6rem;display:grid;container-type:inline-size}.pm10 .pm10-rows__head{display:none}.pm10 .pm10-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,5.5rem),1fr));align-items:end;gap:.5rem .6rem;min-width:0;padding:.7rem;display:grid}.pm10 .pm10-row.is-invalid{border-color:var(--danger);box-shadow:inset 3px 0 0 var(--danger)}.pm10 .pm10-row.is-critical{box-shadow:inset 3px 0 0 var(--cat)}.pm10 .pm10-cell{gap:.2rem;min-width:0;display:grid}.pm10 .pm10-cell--wide{grid-column:1/-1}.pm10 .pm10-cell--span2{grid-column:span 2}.pm10 .pm10-cell__label{color:var(--text-2);font-size:.8rem;font-weight:600}.pm10 .pm10-cell .input{width:100%;min-width:0}.pm10 .pm10-cell .input.num,.pm10 .pm10-cell .num{text-align:right;font-variant-numeric:tabular-nums}.pm10 .pm10-cell__out{font-variant-numeric:tabular-nums;min-height:2.75rem;color:var(--text-2);justify-content:flex-end;align-items:center;font-size:.9rem;display:flex}.pm10 .pm10-cell__out--text{color:var(--text);justify-content:flex-start;font-weight:600}.pm10 .pm10-row__tools{justify-content:flex-end;align-items:end;gap:.25rem;display:flex}.pm10 .pm10-row__tools .btn{min-width:44px;min-height:44px;padding-inline:.5rem}@container (width>=46rem){.pm10 .pm10-rows__head{grid-template-columns:var(--pm10-cols);color:var(--text-2);gap:.6rem;padding:0 .7rem .15rem;font-size:.8rem;font-weight:700;display:grid}.pm10 .pm10-rows__head .num{text-align:right}.pm10 .pm10-row{grid-template-columns:var(--pm10-cols);align-items:center;padding:.35rem .7rem}.pm10 .pm10-cell--wide,.pm10 .pm10-cell--span2{grid-column:auto}.pm10 .pm10-cell__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pm10 .pm10-row__tools .btn{min-width:2.25rem;min-height:2.25rem}}@media (pointer:coarse){.pm10 .pm10-row__tools .btn{min-width:44px;min-height:44px}}.pm10 .pm10-tag{border-radius:var(--radius-pill);border:1px solid var(--line-strong);white-space:nowrap;color:var(--text-2);background:var(--surface);align-items:center;gap:.25rem;padding:.05rem .45rem;font-size:.75rem;font-weight:650;line-height:1.5;display:inline-flex}.pm10 .pm10-tag--crit{border-color:var(--cat);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cat) 40%, transparent)}.pm10 .pm10-tag--bad{border-color:var(--danger);color:var(--danger)}.pm10 .pm10-tag--warn{border-color:var(--warning);color:var(--warning)}.pm10 .pm10-tag--good{border-color:var(--success);color:var(--success)}.pm10 .pm10-details>summary{cursor:pointer;padding-block:.4rem;font-weight:600}@media (pointer:coarse){.pm10 .pm10-details>summary{padding-block:.7rem}}.pm10 .pm10-formula{font-family:var(--font-mono);color:var(--text-2);overflow-wrap:anywhere;font-size:.85rem}