/* hartii.org/subscriptions. Builds on site.css tokens and swap/swap.css (nav, heading, network LED, grid, buttons, details).
   Paper, ink and ONE red; hairline rules, square corners, mono capitals for labels, tabular numbers. Nothing new in the palette. */
.subs { font-variant-numeric: tabular-nums; }

.subs-terms { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 24px 0 0; border-block: 1px solid var(--line); }
.subs-terms > div { padding: 14px 16px 14px 0; }
.subs-terms > div + div { padding-left: 16px; border-left: 1px solid var(--line); }
.subs-terms dt { font: 500 11px/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--quiet); }
.subs-terms dd { margin: 4px 0 0; font: 700 clamp(20px, 2.4vw, 28px)/1.15 var(--display); letter-spacing: -.02em; color: var(--ink); }

.subs-grid { margin-top: 32px; }
.subs-notes a { display: inline; padding: 0; border: 0; min-height: 0; color: var(--red); }
.subs-feature h2 { margin: 6px 0 0; font: 700 clamp(28px, 3.6vw, 44px)/1.05 var(--display); letter-spacing: -.03em; }
.subs-price { margin: 10px 0 0; font: 600 20px/1.3 var(--mono); }
.subs-every { color: var(--quiet); font-weight: 500; }
.subs-split { margin-top: 20px; }
.subs-cta { display: flex; align-items: center; justify-content: center; text-decoration: none; margin-top: 20px; }
.subs-contract { margin: 16px 0 0; font: 12px/1.6 var(--mono); color: var(--quiet); overflow-wrap: anywhere; }
.subs-contract a { color: var(--ink); }

.subs-check form label { display: block; font: 500 11px/1.4 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--quiet); margin: 8px 0 6px; }
.subs-check-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.subs-check-row input { min-height: 44px; font-family: var(--mono); }
.subs-check-row .secondary-button { width: auto; margin: 0; padding-inline: 20px; }
#check-status { margin: 8px 0 0; font: 13px/1.5 var(--body); color: var(--ink-2); min-height: 20px; }

.subs-plans, .subs-sell { margin-top: 28px; }
.subs-count { font: 12px/1 var(--mono); color: var(--quiet); }
.subs-list { list-style: none; margin: 8px 0 0; padding: 0; }
.subs-list li { padding: 12px 0; border-bottom: 1px solid var(--line); }
.subs-row { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; }
.subs-row-name { font: 600 16px/1.3 var(--display); overflow-wrap: anywhere; }
.subs-row-price { font: 13px/1.3 var(--mono); white-space: nowrap; }
.subs-row-meta { display: flex; justify-content: space-between; align-items: center; margin-top: 4px; font: 12px/1.4 var(--mono); color: var(--quiet); }
.subs-row-meta a:first-child { color: var(--quiet); }
.subs-sell p { margin: 8px 0 0; color: var(--ink-2); line-height: 1.6; }

@media (max-width: 760px) {
  .subs-terms { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .subs-terms > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .subs-terms > div:nth-child(n+3) { border-top: 1px solid var(--line); }
  .subs-row { flex-direction: column; gap: 2px; }
}