/* the plans as one table: a row a plan on a hairline, its facts in fixed columns, its act at the end; a phone's row is two lines, a price and a 44 px press */
.part-plans { display: grid; margin: 0 var(--site-edge, var(--space-6)); font-family: var(--font); font-size: var(--type-body); color: var(--fg);
  font-variant-numeric: tabular-nums; }
.part-plans-row { display: grid; grid-template-columns: minmax(120px, 1.2fr) repeat(5, minmax(80px, 1fr)) minmax(96px, 1.4fr); align-items: center;
  column-gap: var(--space-4);
  min-height: 48px; border-top: 1px solid var(--border); }
.part-plans-head { min-height: 32px; border-top: 0; color: var(--muted); font-size: var(--type-small); }
.part-plans-row > :is([role="cell"], [role="columnheader"]):not(:first-child, :last-child) { text-align: right; }
.part-plans-video { color: var(--muted); }
.part-plans-name > b { font-weight: 600; }
.part-plans-note { color: var(--muted); }
.part-plans-name > small { display: none; }
.part-plans-end { display: flex; justify-content: flex-end; }
.part-plans-form { margin: 0; }
.part-plans-act > svg { display: none; }
.part-plans-yours { display: inline-flex; align-items: center; gap: var(--space-2); padding-right: var(--space-3); color: var(--fact-green); font-weight: 600; }
/* a phone: the name over its credits and video, the price at the right, the act its word in a 44 px tall press, as at a desk (deep:0, row S3c) */
@media (max-width: 899px) {
  .part-plans { margin: 0; }
  .part-plans-row { grid-template-columns: minmax(0, 1fr) auto auto; column-gap: var(--space-3); min-height: 60px;
    padding-left: var(--site-edge, var(--space-4)); }
  .part-plans-head { display: none; }
  .part-plans-name > small { display: block; color: var(--muted); font-size: var(--type-small); }
  .part-plans-row > :is(.part-plans-credits, .part-plans-video, .part-plans-saved, .part-plans-copies) { display: none; }
  .part-plans-price { font-weight: 600; }
  .part-plans-act { min-height: 44px; }
  .part-plans-yours { padding-right: 0; }
}
