/* RC125: connected full-width tool rows; standalone patch stylesheet. */
html body main #sphere-tools .canvas-tools-proof { gap: 0 !important; }
html body main #sphere-tools .canvas-tools-intro { margin-bottom: 28px !important; }
html body main #sphere-tools .canvas-tool-mini.rc125-tool-row {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr) !important;
    grid-template-rows: auto !important;
    gap: clamp(24px, 3vw, 64px) !important;
    width: 100% !important;
    max-width: none !important;
    padding: clamp(24px, 2.5vw, 48px) !important;
    margin: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    align-items: center !important;
    background: #061019 !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #f5f2eb !important;
}
html body main #sphere-tools .rc125-tool-row + .rc125-tool-row {
    border-top: 1px solid #334c60 !important;
}
html body main #sphere-tools .rc125-tool-row > .rc118-tool-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 46ch !important;
    padding: 0 !important;
    margin: 0 !important;
}
html body main #sphere-tools .rc125-tool-row .rc118-tool-copy > span {
    color: #77cce4 !important;
    font: 700 12px/1.5 Arial, sans-serif !important;
    letter-spacing: .15em !important;
    text-transform: uppercase;
}
html body main #sphere-tools .rc125-tool-row h4 {
    color: #f5f2eb !important;
    font: 400 clamp(30px, 2.6vw, 48px)/1.15 Georgia, serif !important;
    margin: 10px 0 18px !important;
}
html body main #sphere-tools .rc125-tool-row .rc118-tool-copy > p {
    color: #bccbd9 !important;
    font: 400 clamp(18px, 1.25vw, 23px)/1.55 Arial, sans-serif !important;
    margin: 0 0 14px !important;
    max-width: 46ch !important;
}
html body main #sphere-tools .rc125-tool-row .rc118-tool-copy > .rc125-tool-lead {
    color: #f5f2eb !important;
}
html body main #sphere-tools .rc125-tool-row > img {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: none !important;
    height: clamp(220px, 21vw, 360px) !important;
    aspect-ratio: auto !important;
    justify-self: stretch !important;
    object-fit: contain !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
html body main #sphere-tools .rc125-tool-row:focus-visible {
    outline: 3px solid #77cce4 !important;
    outline-offset: -5px !important;
}
html body main #sphere-tools .rc125-tool-disclosure {
    color: #4a6172 !important;
    font: 400 14px/1.6 Arial, sans-serif !important;
    margin: 14px 0 0 !important;
}
/* Retain readable cloned content in the enlarged view. */
html body .canvas-lightbox-content > .rc125-tool-row {
    display: grid !important;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr) !important;
    gap: 24px !important;
    align-items: center !important;
    padding: 28px !important;
}
html body .canvas-lightbox-content > .rc125-tool-row img {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    background: transparent !important;
}
html body .canvas-lightbox-content > .rc125-tool-row h4 {
    font: 400 clamp(28px, 2.6vw, 42px)/1.2 Georgia, serif !important;
}
@media (max-width: 760px) {
    html body main #sphere-tools .canvas-tool-mini.rc125-tool-row {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding: 26px 22px !important;
    }
    html body main #sphere-tools .rc125-tool-row > img {
        grid-column: 1 !important;
        grid-row: 2 !important;
        height: auto !important;
        aspect-ratio: 2 / 1 !important;
    }
    html body .canvas-lightbox-content > .rc125-tool-row { grid-template-columns: 1fr !important; padding: 22px !important; }
    html body .canvas-lightbox-content > .rc125-tool-row img { grid-column: 1 !important; grid-row: 2 !important; }
}