/* Isolation from legacy article styles used by the GRdesign template. */
.grps,
.grps * {
    min-width: 0;
    white-space: normal;
}

.grps button,
.grps input,
.grps select,
.grps textarea {
    box-sizing: border-box;
}

.grps__head h2,
.grps__section-head h3,
.grps__tile strong {
    overflow-wrap: break-word;
}

.grps img {
    max-width: 100%;
}

/* SunLight's editor may wrap the HCM tag in a PRE/CODE block. Remove only
   that legacy wrapper so it does not draw a frame around the configurator. */
pre:has(> code > .grps),
pre.grps-host {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font: inherit !important;
}

pre:has(> code > .grps) > code,
pre.grps-host > code {
    display: block !important;
    width: auto !important;
    padding: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    font: inherit !important;
}

@media (prefers-reduced-motion: reduce) {
    .grps *,
    .grps *::before,
    .grps *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}