.maintenance-feature { background: #f3f5f7; scroll-margin-top: 90px; }
.maintenance-feature-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); align-items: center; gap: 64px; }
.maintenance-feature-copy h2 { margin: 14px 0 24px; max-width: 510px; }
.maintenance-feature-copy p { color: #697378; font-size: 16px; line-height: 1.8; }
.maintenance-feature-copy .maintenance-tour-links { display: flex; flex-wrap: wrap; gap: 12px 22px; margin-top: 28px; }
.maintenance-feature-copy .dashboard-view-link { margin: 0; font-size: 14px; text-align: left; }
.maintenance-feature-figure { width: min(100%, 500px); margin: 0 auto; min-width: 0; }
.maintenance-feature-image { display: block; width: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; border-radius: 27px; }
.maintenance-feature-image .device-tablet-portrait { display: block; }
.maintenance-feature-image img { display: block; width: 100%; height: auto; }
.maintenance-feature-image:focus-visible { outline: 3px solid #2d7198; outline-offset: 6px; }
.maintenance-feature-figure figcaption { color: #697378; font-size: 12px; line-height: 1.6; text-align: center; margin-top: 18px; }
@media (max-width: 900px) { .maintenance-feature-layout { gap: 32px; } }
@media (max-width: 700px) {
  .maintenance-feature-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .maintenance-feature-copy h2 { margin-bottom: 18px; }
  .maintenance-feature-copy p { font-size: 15px; }
  .maintenance-feature-figure { width: min(100%, 460px); }
}