/* proto-pages-parts.css: MSD's own rules over the shared frame (proto-pages.css) on its 4 part pages and the home's
   cards: the H1 with MSD's red left rule (cl-home.css's section heading), the card's note (search/_msd.html) above the
   Add. Colour and type are cl-site.css's --site-* tokens. */
@layer base, kit, site;

@layer site {

.msd-part .pp-h1, .msd-h2 { padding-left: 14px; border-left: 6px solid var(--site-accent); }
.msd-part .pp-shead .pp-h2 { font-weight: 600; }


/* the note sits in the card's call block (inside .pp-card__buy) and is drawn above the Add */
.msd-note { order: -1; margin-bottom: 4px; font: 400 15px/1.35 var(--site-font-body); color: var(--site-fg); }

@media (max-width: 979.98px) {
  .msd-note { font-size: 13px; }
  .msd-part .pp-h1, .msd-h2 { padding-left: 12px; }
}

}