/* Reviewed page-only rectangle area calculator; inherits Portal Core / Blocksy tokens. */
.pc-area .pc-area__form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }
.pc-area .pc-area__form > .pc-calc__button { grid-column: 1 / -1; justify-self: start; }
.pc-area .pc-area__result-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: .5rem; align-items: baseline; padding-block: .4rem; }
.pc-area .pc-area__result-row + .pc-area__result-row { border-top: 1px solid var(--pc-calc-border, #dde3eb); }
.pc-area .pc-area__result-row output { font-weight: 700; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; text-align: end; }
.pc-area .pc-area__result-row abbr { text-decoration: none; font-size: .9em; min-width: 2.2em; }
.pc-area .pc-calc__result[hidden], .pc-area .pc-calc__error[hidden] { display: none; }
@media (max-width: 600px) {
    .pc-area .pc-area__form { grid-template-columns: minmax(0,1fr); }
    .pc-area .pc-area__form > .pc-calc__button { width: 100%; }
    .pc-area .pc-area__result-row { gap: .3rem; }
}