/* Mortgagefy shared look: brings inner pages in line with the homepage.
   Conservative on purpose: type, button contrast, bylines, focus. Layout is left to each page. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@600;700&display=swap');

:root{--mfy-ink:#0B1F15;--mfy-green:#0C2D19;--mfy-accent:#D87C4A}

/* Headings: same condensed display face as the homepage */
body:not(.mfy-no-look) h1,
body:not(.mfy-no-look) h2{font-family:'Barlow Semi Condensed','Inter',system-ui,sans-serif;letter-spacing:-.005em;text-wrap:balance}
body:not(.mfy-no-look) h1{font-weight:700;line-height:1.08}
body:not(.mfy-no-look) h2{font-weight:700;line-height:1.15}
body:not(.mfy-no-look) h3{text-wrap:balance}

/* Orange buttons: dark text (white on #D87C4A is only 3.0:1, dark ink is above 6:1) */
body:not(.mfy-no-look) a[class*="bg-accent"]:not([class*="bg-accent/"]),
body:not(.mfy-no-look) button[class*="bg-accent"]:not([class*="bg-accent/"]),
body:not(.mfy-no-look) .btn-accent{color:var(--mfy-ink)!important}
body:not(.mfy-no-look) a[class*="bg-accent"] i,
body:not(.mfy-no-look) button[class*="bg-accent"] i{color:inherit}

/* Byline and date rows: calmer and readable on both dark and light heroes */
body:not(.mfy-no-look) .eeat-signals{font-size:.8125rem;line-height:1.5}
.bg-gradient-to-br .eeat-signals,[class*="from-primary-9"] .eeat-signals,[class*="from-brand-9"] .eeat-signals{color:#d1d5db}
.bg-gradient-to-br .eeat-signals time,[class*="from-primary-9"] .eeat-signals time,[class*="from-brand-9"] .eeat-signals time{color:#d1d5db}
:has(> [class*="from-primary-9"]) .eeat-signals,:has(> [class*="from-primary-9"]) .eeat-signals *,
:has(> [class*="from-brand-9"]) .eeat-signals,:has(> [class*="from-brand-9"]) .eeat-signals *{color:#d1d5db}
:has(> [class*="from-primary-9"]) .eeat-signals .rounded-full,:has(> [class*="from-brand-9"]) .eeat-signals .rounded-full{background:rgba(255,255,255,.14)}
:has(> [class*="from-primary-9"]) .eeat-signals .rounded-full i,:has(> [class*="from-brand-9"]) .eeat-signals .rounded-full i{color:#fff}

/* Keyboard focus that is always visible */
body:not(.mfy-no-look) a:focus-visible,
body:not(.mfy-no-look) button:focus-visible,
body:not(.mfy-no-look) summary:focus-visible,
body:not(.mfy-no-look) input:focus-visible,
body:not(.mfy-no-look) select:focus-visible,
body:not(.mfy-no-look) textarea:focus-visible{outline:3px solid var(--mfy-accent);outline-offset:2px}

/* Tap targets and motion */
@media (pointer:coarse){body:not(.mfy-no-look) input:not([type=checkbox]):not([type=radio]),body:not(.mfy-no-look) select{min-height:48px}}
@media (prefers-reduced-motion:reduce){body:not(.mfy-no-look) *{scroll-behavior:auto!important}}

/* Contrast and legibility (review pass, Oct 2026) */
body:not(.mfy-no-look) .bg-accent.text-white,
body:not(.mfy-no-look) .bg-accent .text-white{color:var(--mfy-ink)!important}
body:not(.mfy-no-look) :is(p,td,th,li,span).text-gray-400:not([class*="from-primary-9"] *):not([class*="bg-primary-9"] *):not([class*="bg-gray-9"] *):not(footer *):not(.mfy-footer *){color:#6b7280}
body:not(.mfy-no-look) .text-\[10px\],
body:not(.mfy-no-look) .text-\[11px\]{font-size:12px}
.page-chat-slot [style*="#9ca3af"]{color:#6b7280!important}
.page-chat-slot [style*="font-size:11px"],.page-chat-slot [style*="font-size: 11px"]{font-size:12px!important}