/* Article components only. Do not change global brand or spacing tokens. */
.mh-article .mh-guide-panel,
.mh-article .mh-guide-safety,
.mh-article .mh-article-kit {
  margin:var(--space-8,32px) 0;
  padding:var(--space-6,24px);
  border:1px solid var(--concrete,#E5E7EB);
  border-radius:var(--radius-sm,8px);
  color:var(--ink,#0B1220);
  background:var(--white,#FFFFFF);
  font-family:'Inter Tight',Inter,system-ui,sans-serif;
  overflow-wrap:anywhere;
}
.mh-article .mh-guide-panel--answer {
  background:var(--midnight,#001F3F);
  color:var(--white,#FFFFFF);
  border-top:var(--space-1,4px) solid var(--orange,#FF6B35);
}
.mh-article .mh-guide-panel--checklist { background:var(--concrete-2,#F3F5F7); }
.mh-article .mh-guide-panel > h2,
.mh-article .mh-article-kit > h2 {
  margin:0 0 var(--space-4,16px);
  font-family:'Archivo Black',Archivo,sans-serif;
  font-size:1.25rem;
  line-height:1.4;
  color:inherit;
}
.mh-article .mh-guide-panel > :last-child,
.mh-article .mh-guide-safety > :last-child { margin-bottom:0; }
.mh-article .mh-guide-panel--checklist ul { padding-left:var(--space-6,24px); }
.mh-article .mh-guide-panel--checklist li + li { margin-top:var(--space-3,12px); }
.mh-article .mh-guide-safety { border-left:var(--space-1,4px) solid var(--orange,#FF6B35); }
.mh-article .mh-guide-safety__label { font-weight:800;color:var(--midnight,#001F3F);margin-bottom:var(--space-2,8px); }
.mh-article .mh-guide-step { font-family:Archivo,sans-serif;font-weight:700;line-height:1.45;overflow-wrap:anywhere; }
.mh-article .mh-guide-figure img { width:100%;height:auto;margin:0; }
.mh-article .mh-article-kit__grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5,20px); }
.mh-article .mh-article-kit__card { min-width:0;padding-top:var(--space-4,16px);border-top:1px solid var(--concrete,#E5E7EB); }
.mh-article .mh-article-kit__card img { width:100%;height:auto;max-height:12rem;object-fit:contain;margin:0 0 var(--space-4,16px); }
.mh-article .mh-article-kit__card h3 { margin:0 0 var(--space-3,12px);font-family:Archivo,sans-serif;font-size:1.125rem;line-height:1.45; }
.mh-article .mh-article-kit__card p { margin:0 0 var(--space-3,12px); }
.mh-article .mh-article-kit__compatibility { font-size:var(--fs-sm,14px);line-height:1.65; }
.mh-article .mh-article-kit a,
.mh-article .mh-guide-safety a { color:var(--orange-text,#C2410C);text-decoration:underline;text-underline-offset:.2em; }
.mh-article .mh-article-kit a:focus-visible,
.mh-article .mh-guide-panel a:focus-visible { outline:2px solid currentColor;outline-offset:var(--space-1,4px); }
.mh-article .mh-guide-panel--answer a { color:var(--white,#FFFFFF);text-decoration:underline; }
@media(max-width:720px) {
  .mh-article .mh-guide-panel,
  .mh-article .mh-guide-safety,
  .mh-article .mh-article-kit { padding:var(--space-4,16px); }
  .mh-article .mh-article-kit__grid { grid-template-columns:minmax(0,1fr); }
  .mh-article .mh-guide-step { font-size:1.1875rem; }
}

/* Compact shared blog masthead. Keep global navigation and article body unchanged. */
.single-post .mh-article > .mh-article__hero { padding:24px 0; }
.single-post .mh-article__hero .mh-crumb { margin-bottom:8px; gap:8px; line-height:24px; }
.single-post .mh-article__hero .mh-crumb a { display:inline-flex; align-items:center; min-height:24px; padding:0 2px; }
.single-post .mh-article__hero .mh-crumb__current { white-space:normal; }
.single-post .mh-article__hero .mh-article__title { margin-top:0; margin-bottom:8px; }
.single-post .mh-article__hero .mh-article__read--compact { display:inline; margin:0; font-size:12px; line-height:20px; white-space:nowrap; }
@media (max-width:720px) {
  .single-post .mh-article > .mh-article__hero { padding:16px 0; }
}