.cmx-ci-page,
.cmx-ci-interest {
    box-sizing: border-box;
    width: min(1180px, calc(100% - 32px));
    margin: 36px auto;
    color: #0b3159;
}

.cmx-ci-suggestion-page .entry-header,
.cmx-ci-suggestion-page article.page > .card-body > header {
    display: none !important;
}

.cmx-ci-page *,
.cmx-ci-interest * {
    box-sizing: border-box;
    min-width: 0;
}

.cmx-ci-hero,
.cmx-ci-interest-card,
.cmx-ci-panel,
.cmx-ci-empty {
    border: 1px solid #dce6e3;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 40px rgba(11, 49, 89, .08);
}

.cmx-ci-hero {
    padding: clamp(28px, 6vw, 64px);
    text-align: center;
    background: linear-gradient(135deg, #fff7e5, #eefaf6);
}

.cmx-ci-hero h2,
.cmx-ci-interest-card h2 {
    margin: 0 0 14px;
    color: #07345f;
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.cmx-ci-hero h2 { font-size: clamp(2rem, 5vw, 3.4rem); }
.cmx-ci-eyebrow { color: #dd6500; font-size: .82rem; font-weight: 800; letter-spacing: .1em; }
.cmx-ci-partner-hero {
    max-width: 880px;
    margin: 0 auto;
    background: #fff7e5;
    box-shadow: none;
}
.cmx-ci-partner-hero > p:not(.cmx-ci-eyebrow):not(.cmx-ci-partner-region) {
    max-width: 720px;
    margin: 0 auto;
    color: #5d6b78;
    font-size: 1.05rem;
    line-height: 1.65;
}
.cmx-ci-partner-cta { margin-top: 26px; text-transform: uppercase; }
.cmx-ci-partner-region { margin: 14px 0 0; color: #74808b; font-size: .92rem; }
.cmx-ci-partner-page > .cmx-ci-panel { max-width: 880px; margin-right: auto; margin-left: auto; }
.cmx-ci-partner-content { max-width: 880px; margin: 42px auto 0; }
.cmx-ci-partner-content h2 { margin: 0 0 10px; color: #07345f; font-size: clamp(1.45rem, 3vw, 2rem); }
.cmx-ci-partner-content p,
.cmx-ci-partner-content li { color: #526476; line-height: 1.7; }
.cmx-ci-partner-benefits { margin: 30px 0; padding: 24px; border-radius: 14px; background: #f5f7f9; }
.cmx-ci-partner-benefits ul { margin: 0; padding-left: 22px; }
.cmx-ci-partner-process { padding-bottom: 8px; }
.cmx-ci-panel { margin-top: 24px; padding: clamp(20px, 4vw, 36px); }
.cmx-ci-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.cmx-ci-wide { grid-column: 1 / -1; }

.cmx-ci-form label { display: block; margin-bottom: 18px; font-weight: 700; }
.cmx-ci-form label > span { display: block; margin-bottom: 7px; }
.cmx-ci-form input,
.cmx-ci-form textarea,
.cmx-ci-form select {
    width: 100%;
    max-width: 100%;
    border: 1px solid #aebdca;
    border-radius: 9px;
    padding: 12px 13px;
    background: #fff;
    color: #102b46;
    font: inherit;
}

.cmx-ci-form input:focus,
.cmx-ci-form textarea:focus { outline: 3px solid rgba(0, 93, 179, .18); border-color: #005db3; }

.cmx-ci-check { display: flex !important; align-items: flex-start; gap: 10px; font-weight: 500 !important; line-height: 1.45; }
.cmx-ci-check input { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 3px; }
.cmx-ci-check span { margin: 0 !important; }
.cmx-ci-form button,
.cmx-ci-toggle {
    max-width: 100%;
    border: 0;
    border-radius: 10px;
    padding: 13px 20px;
    background: #f36b00;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
    white-space: normal;
}
.cmx-ci-form button:disabled { opacity: .6; cursor: wait; }
.cmx-ci-status { min-height: 1.5em; margin: 16px 0 0; font-weight: 700; }
.cmx-ci-status.is-success { color: #087f23; }
.cmx-ci-status.is-error { color: #b32d2e; }
.cmx-ci-hp { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.cmx-ci-collapsed { display: none; }

.cmx-ci-interest-card { padding: clamp(22px, 4vw, 38px); text-align: center; }
.cmx-ci-interest-card .cmx-ci-form { max-width: 620px; margin: 24px auto 0; text-align: left; }
.cmx-ci-location-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 24px; }
.cmx-ci-location { padding: 22px; border: 1px solid #dce6e3; border-radius: 16px; background: #fff; }
.cmx-ci-location h2 { margin-top: 0; font-size: 1.2rem; }
.cmx-ci-empty { margin-top: 24px; padding: 28px; text-align: center; }

@media (max-width: 768px) {
    .cmx-ci-page,
    .cmx-ci-interest { width: min(100% - 20px, 1180px); margin: 22px auto; overflow: hidden; }
    .cmx-ci-grid,
    .cmx-ci-location-grid { grid-template-columns: 1fr; }
    .cmx-ci-wide { grid-column: auto; }
    .cmx-ci-hero,
    .cmx-ci-panel,
    .cmx-ci-interest-card { padding: 22px 16px; }
    .cmx-ci-partner-content { margin-top: 30px; }
    .cmx-ci-partner-benefits { padding: 20px 18px; }
}