.pricing-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  max-width: 48rem;
  margin: 3rem auto 0;
}
.pricing-grid article {
  position: relative;
  border: 1px solid var(--line);
  border-radius: 1rem;
  padding: 2rem;
  background: white;
}
.pricing-grid .featured-plan { border: 2px solid var(--accent); box-shadow: 0 1.5rem 3rem #1341281a; }
.price { margin: 1.25rem 0 .5rem; font-size: 2.7rem; font-weight: 850; letter-spacing: -.05em; }
.price small { font-size: .8rem; letter-spacing: 0; color: var(--muted); }
.pricing-grid article > p:not(.price) { min-height: 3rem; color: var(--muted); line-height: 1.5; }
.plan-badge { position: absolute; top: 1rem; right: 1rem; border-radius: 99rem; padding: .3rem .55rem; color: var(--accent); background: var(--pale); font-size: .7rem; font-weight: 800; }
.account-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin: 0 0 1.5rem; padding: .8rem 1rem; border: 1px solid var(--line); border-radius: .85rem; background: #ffffffa8; }
.plan-overview { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.plan-overview strong, .plan-overview span:not(.current-plan) { display: block; }
.plan-overview strong { font-size: .85rem; }
.plan-overview span:not(.current-plan) { margin-top: .1rem; color: var(--muted); font-size: .78rem; }
.current-plan { flex: none; border-radius: 99rem; padding: .38rem .65rem; color: var(--accent-dark); background: var(--pale); font-size: .78rem; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.billing-actions { display: flex; gap: .5rem; }
.account-toolbar button, .notification-row button { min-height: 2.35rem; padding: .55rem .8rem; font-size: .82rem; }
.notification-row { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: .85rem; padding: .65rem .15rem .65rem .85rem; border-left: 3px solid var(--pale); }
.notification-row strong, .notification-row span { display: block; }
.notification-row strong { font-size: .85rem; }
.notification-row span { margin-top: .15rem; color: var(--muted); font-size: .78rem; }
.watch-card.paused { opacity: .62; }
.paused-pill { display: inline-block; margin-left: .5rem; border-radius: 99rem; padding: .2rem .45rem; color: #875409; background: #f6e5c2; font-size: .7rem; font-weight: 750; }
@media (max-width: 600px) {
  .pricing-grid { grid-template-columns: 1fr; }
  .account-toolbar { align-items: stretch; flex-direction: column; }
  .billing-actions { align-items: stretch; flex-direction: column; }
  .notification-row { align-items: stretch; flex-direction: column; padding-right: .85rem; }
}