/* proto-pages-dinan.css: what every dinancars.ca landing page adds to the shared frame (proto-pages.css), linked by
   templates/search/_frame.html and the home: the lines under the H1, a group's `who` line and the "For your car" block,
   in Dinan's look from cl-site.css's tokens. A kind's own rules are proto-pages-<kind>.css. */
@layer base, kit, site;

@layer site {

.dn-partial, .dn-also { margin-top: 16px; font: 400 16px/1.45 var(--site-font-body); color: var(--site-fg); }
.dn-also a { color: var(--site-fg); text-decoration: underline; text-underline-offset: 2px; display: inline-block; min-height: 40px; line-height: 40px; }
.dn-also a:hover { color: var(--site-accent); }
/* a name with no space to break at (Brembo's "3-Series/4-Series/...") wraps inside its card on a phone */
.pp-card__name { overflow-wrap: anywhere; }
.dn-mine { margin-top: 32px; padding: 0 20px 20px; border: 2px solid var(--site-accent); border-radius: var(--site-radius); }
.dn-mine > .pp-shead:first-child { margin-top: 20px; }
.pp-shead + .dn-who { margin-top: 8px; font: 400 16px/1.4 var(--site-font-body); color: var(--site-fg); }

@media (max-width: 979.98px) {
  .dn-partial, .dn-also { font-size: 14px; }
  .pp-shead + .dn-who { font-size: 14px; }
}
@media (max-width: 600px) {
  .dn-mine { padding: 0 12px 12px; }
}

}