/* MC Hard — maintenance content, 27 October 2026. Header uses the original styles. */
:root { --mc-red: #c40021; --mc-ink: #24272c; --mc-line: #e1e3e5; }
.mc-home-services, .mc-maintenance-page, .mc-blog-intro { color: var(--mc-ink); }
.mc-home-intro { max-width: 880px; margin: 40px auto 30px; text-align: center; }
.mc-home-intro h1 { font-size: clamp(27px, 3vw, 37px); font-weight: 600; line-height: 1.25; }
.mc-home-intro p { font-size: 19px; line-height: 1.6; }
.mc-feature {
  display: grid; grid-template-columns: 1.55fr 1fr; gap: 40px; padding: 38px;
  border: 1px solid var(--mc-line); border-top: 4px solid var(--mc-red);
  background: #fafafa; margin-bottom: 20px;
}
.mc-feature h2 { font-size: 31px; line-height: 1.25; margin: 0 0 18px; color: var(--mc-ink); }
.mc-feature p, .mc-other-services p, .mc-local, .mc-faq p,
.mc-maintenance-page p, .mc-blog-intro p { font-size: 17px; line-height: 1.7; }
.mc-feature .mc-eyebrow { color: var(--mc-red); font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 12px; }
.mc-actions { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin: 24px 0 0; }
a.mc-button { display: inline-block; padding: 12px 20px; background: var(--mc-red); color: #fff !important; font-size: 17px; font-weight: 600; text-decoration: none; border: 2px solid var(--mc-red); line-height: 1.4; }
a.mc-button:hover { background: #98001a; border-color: #98001a; }
.mc-text-link { color: #a4001c; font-size: 16px; text-decoration: underline; }
.mc-proof-list > div { position: relative; padding: 0 0 16px 46px; margin-bottom: 18px; border-bottom: 1px solid var(--mc-line); }
.mc-proof-list > div:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; }
.mc-proof-list h3 { font-size: 21px; font-weight: 600; margin: 0 0 6px; }
.mc-proof-list p { margin: 0; font-size: 16px; }
.mc-proof-number { position: absolute; left: 0; top: 0; font-size: 22px; font-weight: 700; color: var(--mc-red); }
.mc-local { margin: 20px 0 36px; }
.mc-other-services { padding: 24px 0 35px; border-top: 1px solid var(--mc-line); }
.mc-other-services h2 { font-size: 25px; }
.mc-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.mc-service-grid h3 { font-size: 21px; }
.mc-service-grid a { color: #a4001c; }
.mc-faq { padding-top: 28px; padding-bottom: 35px; }
.mc-faq h2 { font-size: 27px; margin-bottom: 20px; }
.mc-faq details { border-bottom: 1px solid var(--mc-line); padding: 15px 0; }
.mc-faq summary { font-size: 19px; cursor: pointer; font-weight: 600; }
.mc-faq p { margin: 15px 0 0; }
.mc-maintenance-page { max-width: 1000px; padding-top: 38px; padding-bottom: 40px; }
.mc-service-hero { padding: 30px; border-top: 4px solid var(--mc-red); background: #f7f7f7; margin-bottom: 32px; }
.mc-service-hero h1 { font-size: clamp(29px, 4vw, 42px); font-weight: 600; line-height: 1.2; margin-top: 0; margin-bottom: 22px; }
.mc-maintenance-page section { padding: 12px 0 22px; border-bottom: 1px solid var(--mc-line); }
.mc-maintenance-page h2 { color: var(--mc-ink); font-size: 28px; line-height: 1.3; margin-bottom: 18px; }
.mc-maintenance-page h3 { color: #a4001c; font-size: 23px; margin-top: 28px; }
.mc-maintenance-page [id] { scroll-margin-top: 25px; }
.mc-maintenance-page aside { margin-top: 30px; padding: 25px; background: #f4f4f4; }
.mc-maintenance-page aside h2 { font-size: 24px; margin-top: 0; }
.mc-blog-intro { padding-top: 24px; padding-bottom: 24px; }
.mc-blog-intro h1 { font-size: 32px; }
.mc-related-services { padding-top: 25px; padding-bottom: 30px; }
.mc-blog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin-top: 30px; }
.mc-blog-card { border: 1px solid var(--mc-line); background: #fff; }
.mc-blog-card a { display: block; padding: 16px; color: var(--mc-ink); }
.mc-blog-card img { width: 100%; height: 210px; object-fit: cover; }
.mc-blog-card h2 { font-size: 23px; line-height: 1.35; margin: 18px 0 8px; }
.mc-blog-card a:hover h2 { color: var(--mc-red); }
@media (max-width: 767px) {
  .mc-feature { grid-template-columns: 1fr; gap: 28px; padding: 24px 20px; }
  .mc-feature h2 { font-size: 27px; }
  .mc-service-grid { grid-template-columns: 1fr; gap: 0; }
  .mc-blog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
  .mc-home-intro { margin-top: 28px; }
  .mc-service-hero { padding: 24px 18px; }
  .mc-maintenance-page { padding-top: 24px; }
  .mc-maintenance-page aside { padding: 20px; }
}
@media (max-width: 479px) {
  .mc-blog-grid { grid-template-columns: 1fr; }
}