/* Страница «Квадрат Пифагора»: только то, чего нет в site.css.
   Подключается после него на kvadrat-pifagora/index.html. */

/* Сетка 3×3 с суммами по краям: viewBox 400×500 (сверху полоса рабочих чисел). */
.fig-box.pg-box{aspect-ratio:400/500;max-width:440px;margin:0 auto}
.pg rect{fill:none;stroke:var(--on-sky-muted);stroke-width:1.2}
.pg-n{fill:var(--on-sky-muted);font:500 14px var(--f-display)}
.pg-d{fill:var(--on-sky);font-family:var(--f-display);font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.pg-none{fill:var(--on-sky-muted);font:300 26px var(--f-display)}
.pg-sv{fill:var(--star);font:500 30px var(--f-display);font-variant-numeric:tabular-nums}
.pg-sl{fill:var(--on-sky-muted);font:400 14px var(--f-text)}
.pg-nums{fill:var(--on-sky);font:400 30px var(--f-display);font-variant-numeric:tabular-nums}

/* Ячейки в расшифровке: в колонке слева — сами цифры («111»), их бывает до девяти */
.pg-cells li{grid-template-columns:92px 1fr}
.pg-cells .pt-n{padding-right:10px;font-size:26px;letter-spacing:.02em;overflow-wrap:anywhere}