/* /tools/pikseli-v-santimetry/style.css: стили калькулятора «пиксели, сантиметры, DPI», префикс pxc- */
.pxc .pxc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;border-bottom:1px solid #e5e7eb;padding-bottom:14px}
.pxc .pxc-tab{min-height:44px;padding:9px 16px;border:1px solid #d6dbe2;border-radius:8px;background:#fff;color:#1d2630;font:inherit;font-size:.93rem;font-weight:600;cursor:pointer;line-height:1.25}
.pxc .pxc-tab:hover{border-color:#3949a0}
.pxc .pxc-tab[aria-selected="true"]{background:#3949a0;border-color:#3949a0;color:#fff}
.pxc .pxc-pan[hidden]{display:none}
.pxc .pxc-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px;align-items:start}
.pxc .pxc-f{margin:0 0 18px;min-width:0}
.pxc .pxc-fs{border:0;padding:0}
.pxc .pxc-lg{display:block;padding:0;margin:0 0 8px;font-size:.9rem;font-weight:700;color:#1d2630}
.pxc .pxc-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pxc .pxc-gl{flex:0 0 100%;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:#6b7280;margin-top:4px}
.pxc .pxc-gl:first-child{margin-top:0}
.pxc .pxc-chip{min-height:40px;padding:7px 12px;border:1px solid #d6dbe2;border-radius:8px;background:#fff;color:#1d2630;font:inherit;font-size:.88rem;font-weight:500;cursor:pointer;white-space:nowrap}
.pxc .pxc-chip:hover{border-color:#3949a0}
.pxc .pxc-chip[aria-pressed="true"]{background:#3949a0;border-color:#3949a0;color:#fff;font-weight:600}
.pxc .pxc-own{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:.88rem;color:#4b5563}
.pxc .pxc-own input{width:84px}
.pxc input[type=text]{box-sizing:border-box;min-height:44px;padding:8px 12px;border:1px solid #d6dbe2;border-radius:8px;font:inherit;font-size:16px;color:#1d2630;background:#fff;font-variant-numeric:tabular-nums}
.pxc input[type=text][aria-invalid="true"]{border-color:#c0392b;background:#fef6f5}
.pxc .pxc-wh{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:10px;align-items:end}
.pxc .pxc-wh label{margin:0;min-width:0}
.pxc .pxc-wh input{width:100%}
.pxc .pxc-swap{width:44px;height:44px;border:1px solid #d6dbe2;border-radius:8px;background:#fff;color:#3949a0;font-size:1.15rem;line-height:1;cursor:pointer;font-family:inherit;padding:0}
.pxc .pxc-swap:hover{border-color:#3949a0;background:#f3f5fa}
.pxc .pxc-units{margin:0;padding:0}
.pxc .pxc-units li{position:relative;margin:0}
.pxc .pxc-units label{min-height:40px;box-sizing:border-box;display:inline-flex;align-items:center;margin:0}
.pxc .pxc-tab:focus-visible,.pxc .pxc-chip:focus-visible,.pxc .pxc-swap:focus-visible,.pxc input[type=text]:focus-visible,.pxc .pxc-units input:focus-visible + label,.pxc .pxc-next-l a:focus-visible{outline:3px solid #f5a623;outline-offset:2px}
.pxc .pxc-drop:focus-within{border-color:#3949a0;outline:3px solid #f5a623;outline-offset:2px}
.pxc .pxc-err{margin:14px 0 0;padding:12px 16px;background:#fef0ef;border:1px solid #f5c6cb;color:#a5281b;border-radius:8px;font-size:.92rem}
/* строка ошибки чтения файла: место занято заранее, чтобы блок не прыгал */
.pxc .pxc-err-line{display:block;min-height:2.9em;margin-top:6px;font-size:.88rem;line-height:1.45;color:#a5281b;font-weight:600}

/* место под результат занято с самого начала: высота блоков задана, при вводе меняется только текст */
.pxc .pxc-out{background:#f3f5fa;border-radius:12px;padding:18px 20px;box-sizing:border-box}
.pxc .pxc-out-a{min-height:330px}
.pxc .pxc-out-b{min-height:430px}
.pxc .pxc-out-c{min-height:470px;margin-top:18px}
.pxc .pxc-out-h{font-size:1.05rem;font-weight:700;margin:0 0 10px;color:#1d2630}
.pxc .pxc-dl{margin:0;padding:0}
.pxc .pxc-r{min-width:0;padding:9px 0;border-top:1px solid #e1e5ee;min-height:58px;box-sizing:border-box}
.pxc .pxc-r:first-child{border-top:0}
.pxc .pxc-r dt{margin:0 0 2px;font-size:.82rem;font-weight:600;color:#4b5563}
.pxc .pxc-r dd{margin:0;font-size:1.12rem;font-weight:700;color:#1d2630;line-height:1.3;font-variant-numeric:tabular-nums;word-break:break-word}
.pxc .pxc-out-b .pxc-r:nth-last-child(-n+2) dd,.pxc .pxc-dl-c .pxc-r dd{font-size:.98rem}
.pxc .pxc-dl-c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin-bottom:12px}
.pxc .pxc-dl-c .pxc-r:nth-child(2){border-top:0}
.pxc .pxc-dl-c .pxc-r dd{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pxc .pxc-hint{margin:10px 0 0;font-size:.84rem;line-height:1.45;color:#6b7280}

.pxc .pxc-next{margin-top:22px;min-height:236px}
.pxc .pxc-next-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pxc .pxc-next-l li{margin:0;padding:11px 14px;border:1px solid #e5e7eb;border-left:4px solid #c9d0db;border-radius:8px;font-size:.92rem;line-height:1.45;color:#374151;background:#fff}
.pxc .pxc-next-l li.pxc-on{border-left-color:#3949a0;background:#f3f5fa}
.pxc .pxc-next-l a{color:#3949a0;font-weight:700;text-decoration:underline}
.pxc .pxc-share{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-height:46px}
.pxc .pxc-copied{font-size:.9rem;color:#17692c;font-weight:600}

/* таблицы: сводная на странице и «по файлу» */
.pxc-tw{overflow-x:auto;max-width:820px}
.pxc .pxc-tw{max-width:none}
.pxc-table{width:100%;border-collapse:collapse;margin:0 0 12px;font-size:.93rem;font-variant-numeric:tabular-nums}
.pxc-table caption{caption-side:top;text-align:left;font-weight:700;color:#1d2630;padding:0 0 8px;font-size:.95rem}
.pxc-table th,.pxc-table td{border:1px solid #e5e7eb;padding:9px 12px;text-align:left;vertical-align:top;line-height:1.4;background:#fff}
.pxc-table thead th{background:#f3f5fa;font-weight:700}
.pxc-table tbody th{font-weight:600;color:#1d2630;white-space:nowrap}
.pxc-table .pxc-tg th{background:#fafbfc;color:#6b7280;font-size:.78rem;text-transform:uppercase;letter-spacing:.4px}
.pxc-ftable tbody tr{height:62px}
.pxc-ftable .pxc-q-best td:nth-child(3){color:#17692c;font-weight:700}
.pxc-ftable .pxc-q-good td:nth-child(3){color:#2d6a1f;font-weight:700}
.pxc-ftable .pxc-q-ok td:nth-child(3){color:#8a5200;font-weight:700}
.pxc-ftable .pxc-q-low td:nth-child(3){color:#a5281b;font-weight:700}
.pxc-note{font-size:.88rem;color:#6b7280}

@media (max-width:860px){
  .pxc .pxc-grid{grid-template-columns:1fr;gap:6px}
  .pxc .pxc-out-a{min-height:318px}
  .pxc .pxc-out-b{min-height:450px}
}
@media (max-width:640px){
  .pxc .pxc-tabs{gap:6px}
  .pxc .pxc-tab{flex:1 1 100%;text-align:left}
  .pxc .pxc-out{padding:14px}
  .pxc .pxc-chip{min-height:44px}
  .pxc .pxc-units label{min-height:44px}
  .pxc .pxc-next{min-height:420px}
  .pxc .pxc-next-l{grid-template-columns:1fr}
  .pxc .pxc-dl-c{grid-template-columns:minmax(0,1fr)}
  .pxc .pxc-dl-c .pxc-r:nth-child(2){border-top:1px solid #e1e5ee}
  .pxc .pxc-out-c{min-height:900px}
  .pxc .pxc-err-line{min-height:4.4em}
  .pxc-table{font-size:.84rem}
  .pxc-table th,.pxc-table td{padding:7px 8px}
  /* таблица «по файлу» на телефоне: каждая строка отдельным блоком постоянной высоты */
  .pxc-ftable,.pxc-ftable tbody,.pxc-ftable caption{display:block}
  .pxc-ftable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .pxc-ftable tbody tr{display:block;height:auto;min-height:124px;box-sizing:border-box;padding:10px 12px;margin:0 0 8px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}
  .pxc-ftable tbody th,.pxc-ftable tbody td{display:block;border:0;padding:0;background:none;white-space:normal;line-height:1.45}
  .pxc-ftable tbody th{font-size:.8rem;color:#6b7280;font-weight:700}
  .pxc-ftable tbody td:nth-child(2){font-size:1rem;font-weight:700;color:#1d2630}
}