Related Guide
{
“@context”: “https://schema.org”,
“@type”: “BreadcrumbList”,
“itemListElement”: [
{
“@type”: “ListItem”,
“position”: 1,
“name”: “Home”,
“item”: “https://www.irccguide.com/”
},
{
“@type”: “ListItem”,
“position”: 2,
“name”: “Immigration Guides”,
“item”: “https://www.irccguide.com/guides/”
},
{
“@type”: “ListItem”,
“position”: 3,
“name”: “HousingAI Exclusive: 2026 Mortgage Renewal Shock — The 1.75% to 4.5% Survival Gap”,
“item”: “https://www.irccguide.com/housingai-exclusive-2026-mortgage-renewal-shock-the-1-75-to-4-5-survival-gap/”
}
]
}
/* ===== HousingAI Report V2 – Isolated Styles with !important ===== */
.housingai-report-v2,
.housingai-report-v2 * {
box-sizing: border-box !important;
}.housingai-report-v2 {
max-width: 1400px !important;
width: 100% !important;
margin: 0 auto !important;
background: #ffffff !important;
border-radius: 48px !important;
overflow: hidden !important;
line-height: 1.6 !important;
color: #1e293b !important;
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, ‘Helvetica Neue’, sans-serif !important;
}.housingai-report-v2 .report-container {
padding: 32px 40px !important;
}@media (max-width: 768px) {
.housingai-report-v2 .report-container {
padding: 20px !important;
}
}/* Brand Bar */
.housingai-report-v2 .brand-bar {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 16px !important;
padding-bottom: 20px !important;
border-bottom: 2px solid #e2e8f0 !important;
margin-bottom: 24px !important;
}.housingai-report-v2 .logo {
font-size: 1.8rem !important;
font-weight: 800 !important;
color: #0a2a44 !important;
}.housingai-report-v2 .logo span {
background: #c8102e !important;
color: white !important;
font-size: 0.8rem !important;
padding: 4px 12px !important;
border-radius: 30px !important;
margin-left: 10px !important;
font-weight: 500 !important;
}.housingai-report-v2 .date-tag {
font-size: 0.85rem !important;
color: #64748b !important;
background: #f1f5f9 !important;
padding: 6px 14px !important;
border-radius: 30px !important;
}/* Meta Line */
.housingai-report-v2 .meta-line {
display: flex !important;
flex-wrap: wrap !important;
gap: 16px !important;
background: #f8fafc !important;
padding: 14px 20px !important;
border-radius: 20px !important;
margin-bottom: 24px !important;
font-size: 0.85rem !important;
color: #475569 !important;
align-items: center !important;
}.housingai-report-v2 .badge-red {
background: #c8102e !important;
color: white !important;
padding: 4px 12px !important;
border-radius: 30px !important;
font-size: 0.75rem !important;
font-weight: 600 !important;
}/* Data Snapshot */
.housingai-report-v2 .data-snapshot {
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
margin-bottom: 24px !important;
}.housingai-report-v2 .badge-dark {
background: #1e293b !important;
color: white !important;
padding: 6px 14px !important;
border-radius: 30px !important;
font-size: 0.8rem !important;
font-weight: 500 !important;
}/* Subhead */
.housingai-report-v2 .subhead {
font-size: 1.4rem !important;
font-weight: 600 !important;
color: #0f172a !important;
margin-bottom: 24px !important;
line-height: 1.4 !important;
border-left: 4px solid #c8102e !important;
padding-left: 20px !important;
}/* Summary Card */
.housingai-report-v2 .summary-card {
background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
border-radius: 28px !important;
padding: 28px !important;
margin-bottom: 28px !important;
border: 1px solid #e2e8f0 !important;
}.housingai-report-v2 .summary-card p {
margin-bottom: 20px !important;
font-size: 1rem !important;
line-height: 1.6 !important;
color: #334155 !important;
}.housingai-report-v2 .stats-highlight {
display: flex !important;
flex-wrap: wrap !important;
gap: 32px !important;
margin-top: 16px !important;
}.housingai-report-v2 .stat-item {
text-align: center !important;
flex: 1 !important;
min-width: 100px !important;
}.housingai-report-v2 .stat-item .big {
font-size: 2.2rem !important;
font-weight: 800 !important;
color: #c8102e !important;
line-height: 1.2 !important;
}/* BoC Highlight */
.housingai-report-v2 .boc-highlight {
background: #f0f4ff !important;
border-radius: 28px !important;
padding: 28px !important;
margin-bottom: 32px !important;
display: flex !important;
flex-wrap: wrap !important;
gap: 24px !important;
align-items: center !important;
}.housingai-report-v2 .boc-left {
flex: 1 !important;
}.housingai-report-v2 .rate-badge {
background: #0a2a44 !important;
color: white !important;
display: inline-block !important;
padding: 12px 24px !important;
border-radius: 50px !important;
margin-bottom: 16px !important;
text-align: center !important;
font-size: 1.8rem !important;
font-weight: 800 !important;
}.housingai-report-v2 .rate-badge small {
font-size: 0.8rem !important;
font-weight: normal !important;
display: block !important;
}.housingai-report-v2 .badge-gold {
background: #fef3c7 !important;
color: #b45309 !important;
padding: 4px 12px !important;
border-radius: 30px !important;
font-size: 0.75rem !important;
font-weight: 600 !important;
display: inline-block !important;
}/* Section Title */
.housingai-report-v2 .section-title {
font-size: 1.6rem !important;
font-weight: 700 !important;
color: #0f172a !important;
margin: 32px 0 20px 0 !important;
padding-bottom: 12px !important;
border-bottom: 3px solid #c8102e !important;
display: inline-block !important;
}/* Grid Systems */
.housingai-report-v2 .grid-2 {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
gap: 24px !important;
margin-bottom: 28px !important;
}.housingai-report-v2 .grid-3 {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
gap: 24px !important;
margin-bottom: 28px !important;
}/* Data Card */
.housingai-report-v2 .data-card {
background: #ffffff !important;
border: 1px solid #e2e8f0 !important;
border-radius: 24px !important;
padding: 24px !important;
transition: all 0.2s ease !important;
}.housingai-report-v2 .data-card .number {
font-size: 2.2rem !important;
font-weight: 800 !important;
color: #c8102e !important;
margin-bottom: 8px !important;
}.housingai-report-v2 .data-card .number.black {
color: #1e293b !important;
}.housingai-report-v2 .data-card .label {
font-weight: 700 !important;
color: #334155 !important;
margin-bottom: 12px !important;
font-size: 1rem !important;
}.housingai-report-v2 .data-card .desc {
font-size: 0.85rem !important;
color: #64748b !important;
line-height: 1.5 !important;
}/* Quote Box */
.housingai-report-v2 .quote-box {
background: #fef9e6 !important;
border-left: 4px solid #c8102e !important;
padding: 20px 24px !important;
border-radius: 16px !important;
margin: 24px 0 !important;
font-style: italic !important;
color: #4a3b1f !important;
}/* Alert Box */
.housingai-report-v2 .alert-box {
background: #fee2e2 !important;
border-radius: 20px !important;
padding: 20px 24px !important;
margin: 24px 0 !important;
border: 1px solid #fecaca !important;
}.housingai-report-v2 .alert-box p {
margin: 0 !important;
color: #991b1b !important;
}/* Heatmap Container */
.housingai-report-v2 .housingai-heatmap-container {
background: #f8fafc !important;
border-radius: 28px !important;
padding: 28px !important;
margin: 28px 0 !important;
}/* Strategy Box */
.housingai-report-v2 .strategy-box {
background: #f1f9f1 !important;
border-left: 4px solid #2e7d32 !important;
padding: 20px 24px !important;
border-radius: 20px !important;
margin: 20px 0 !important;
}.housingai-report-v2 .strategy-box.sell {
background: #fff0f0 !important;
border-left-color: #c8102e !important;
}.housingai-report-v2 .strategy-box h3 {
margin-bottom: 12px !important;
font-size: 1.2rem !important;
}/* Data Table */
.housingai-report-v2 .data-table {
width: 100% !important;
border-collapse: collapse !important;
margin: 24px 0 !important;
border-radius: 20px !important;
overflow: hidden !important;
box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}.housingai-report-v2 .data-table th {
background: #f1f5f9 !important;
padding: 14px 16px !important;
text-align: left !important;
font-weight: 600 !important;
color: #1e293b !important;
}.housingai-report-v2 .data-table td {
padding: 12px 16px !important;
border-bottom: 1px solid #e2e8f0 !important;
}.housingai-report-v2 .data-table .red-bg {
color: #c8102e !important;
font-weight: 600 !important;
}/* Info Box */
.housingai-report-v2 .info-box {
background: #e6f7ff !important;
border-radius: 20px !important;
padding: 20px 24px !important;
margin: 24px 0 !important;
border: 1px solid #bae7ff !important;
}/* Responsive */
@media (max-width: 640px) {
.housingai-report-v2 .section-title {
font-size: 1.3rem !important;
}
.housingai-report-v2 .subhead {
font-size: 1.1rem !important;
}
.housingai-report-v2 .stats-highlight {
gap: 16px !important;
}
.housingai-report-v2 .stat-item .big {
font-size: 1.6rem !important;
}
}