#product-economics-workspace { scroll-margin-top: 100px; }
.product-economics {
  --actual-ink: #263f35;
  --actual-fill: #edf1eb;
  --actual-edge: #b5c4b8;
  margin-block: 18px;
  border-top: 3px solid var(--actual-ink);
  overflow-wrap: anywhere;
}
.product-economics [hidden] { display: none !important; }
.product-economics h3, .product-economics h4, .product-economics h5 { margin: 0; }
.product-economics-scope { grid-template-columns: repeat(5, minmax(0, 1fr)); margin-block: 12px 18px; }
.product-economics-line select, .product-economics-line input, .product-economics-scope input, .product-economics-scope select { min-width: 0; width: 100%; }
.product-economics-proof { margin-block: 12px; }
.product-economics button { min-height: 44px; width: fit-content; text-wrap: wrap; }
.product-economics .actual-primary { color: white; background: var(--actual-ink); }
.product-economics-result { min-width: 0; margin-block: 12px; padding: 12px; background: var(--actual-fill); }
.product-economics-result summary { cursor: pointer; }
.product-economics-table { margin-top: 8px; overflow-x: auto; background: var(--panel); }
.product-economics-table table { min-width: 720px; width: 100%; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.product-economics-table caption { padding: 7px; text-align: start; }
.product-economics-table th, .product-economics-table td { padding: 6px 8px; border-block-end: 1px solid var(--line); text-align: end; }
.product-economics-table th:first-child { text-align: start; }
.product-economics-archive { margin-block-start: 15px; }
.product-economics-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); gap: 8px; }
.product-economics-cards article { padding: 10px; border: 1px solid var(--line); }
.product-economics-cards p { margin: 5px 0; }
.product-economics-compare { margin-block: 6px 9px; }
.product-economics-compare div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 8px; padding-block: 3px; font-size: .83rem; }
.product-economics-compare dt { color: var(--muted); }
.product-economics-compare dd { margin: 0; font-weight: 620; font-variant-numeric: tabular-nums; }
.product-economics-archive .actual-list li { padding-block: 7px; }
@media (max-width: 700px) {
  #product-economics-workspace { scroll-margin-top: 16px; }
  .product-economics-scope { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-economics-line { grid-template-columns: 1fr; }
}