/* /courses/ (templates/archive.php). The grid itself is the theme's .pricing-grid; this only lines the buttons up
   along the bottom of each row and styles the "Course details" link. */
#pcpa .price-col { display: flex; flex-direction: column; }
#pcpa .price-inner { display: flex; flex: 1; flex-direction: column; padding-bottom: 24px; }
#pcpa .price-inner h3 { margin-top: auto; }
#pcpa .price-inner ul + .pcpa__actions,
#pcpa .price-inner > .pcpa__actions:first-child { margin-top: auto; }
#pcpa .pcpa__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
#pcpa .pcpa__details { color: #fff; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
#pcpa .pcpa__details:hover, #pcpa .pcpa__details:focus-visible { color: var(--orange, #ff8300); }
#pcpa .price-col--enrolled .price-head { background: var(--orange, #ff8300); }
#pcpa .price-col--enrolled .price-inner h3 { font-size: 32px; }
#pcpa .price-inner h3 .pcpa__from { display: block; font-size: 15px; font-weight: 600; line-height: 1.2; }