/* Mortgagefy shared hero: the homepage hero, for service, profession and guide pages.
   White ground, Barlow headline, one orange action, ruled typographic rows, one-line licence strip.
   Self-contained: does not depend on any page's Tailwind config. */
.mh-hero{background:#fff;color:#0B1F15}
.mh-in{max-width:72rem;margin:0 auto;padding:2.25rem 1rem 3rem;display:grid;gap:2.5rem;align-items:center}
@media(min-width:640px){.mh-in{padding-left:1.5rem;padding-right:1.5rem}}
@media(min-width:1024px){.mh-in{padding:3rem 2rem 4rem;grid-template-columns:1.05fr .95fr;gap:4rem}}

.mh-crumb{margin:0 0 1.25rem;font-size:.8125rem;line-height:1.4;color:#4b5a52}
.mh-crumb ol{display:flex;flex-wrap:wrap;gap:.25rem .5rem;list-style:none;margin:0;padding:0}
.mh-crumb a{color:#4b5a52;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#c9d6ce}
.mh-crumb a:hover{color:#0B1F15;text-decoration-color:#D87C4A}
.mh-crumb [aria-current]{color:#0B1F15;font-weight:600}

.mh-h1{font-family:'Barlow Semi Condensed','Inter',system-ui,sans-serif;font-weight:700;letter-spacing:-.005em;line-height:1.05;color:#0B1F15;font-size:clamp(2.1rem,4.4vw,3.1rem);margin:0;text-wrap:balance}
.mh-h1--long{font-size:clamp(1.95rem,3.7vw,2.65rem)}
.mh-sub{display:block;margin-top:.4rem;font-size:.56em;font-weight:600;line-height:1.2;letter-spacing:0;color:#2b3a33}
.mh-by{margin:1rem 0 0;font-size:.8125rem;line-height:1.5;color:#4b5a52}
.mh-by time{color:#2b3a33}
.mh-lead{margin:1.25rem 0 0;max-width:36rem;font-size:1.125rem;line-height:1.65;color:#2b3a33}

.mh-cta{margin-top:1.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.mh-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.875rem 1.75rem;border-radius:.75rem;background:#D87C4A;color:#062012;font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none;box-shadow:0 6px 16px -8px rgba(6,32,18,.35);transition:background-color .2s ease,transform .2s cubic-bezier(.16,1,.3,1)}
.mh-btn:hover{background:#B8632F;color:#fff}
.mh-btn:active{transform:scale(.98)}
.mh-call{color:#103820;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;min-height:2.75rem}
.mh-call:hover{text-decoration:underline;text-underline-offset:3px}

.mh-rows{border-top:1px solid #dfe8e2;border-bottom:1px solid #dfe8e2;margin:0;padding:0;list-style:none}
.mh-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem .25rem;color:#0B1F15;text-decoration:none;transition:background-color .2s ease}
.mh-rows li+li .mh-row{border-top:1px solid #dfe8e2}
.mh-row:hover{background:#F4F8F5}
.mh-nm{display:block;font-family:'Barlow Semi Condensed','Inter',sans-serif;font-weight:700;font-size:1.6rem;line-height:1.1}
.mh-rd{display:block;margin-top:.25rem;font-size:.9rem;line-height:1.45;color:#4b5a52}
.mh-row--static{cursor:default}
.mh-row--static:hover{background:transparent}
.mh-go{flex:none;display:inline-flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:9999px;border:1.5px solid #0C2D19;color:#0C2D19;transition:background-color .2s ease,color .2s ease}
.mh-row:hover .mh-go{background:#0C2D19;color:#fff}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.mh-row .mh-txt{transition:transform .2s cubic-bezier(.16,1,.3,1)}.mh-row:hover .mh-txt{transform:translateX(.5rem)}}
.mh-row:focus-visible,.mh-btn:focus-visible,.mh-call:focus-visible{outline:3px solid #D87C4A;outline-offset:2px}
.mh-note{margin:.75rem 0 0;font-size:.75rem;line-height:1.5;color:#4b5a52}

.mh-trust{background:#fff;border-top:1px solid #dfe8e2;border-bottom:1px solid #dfe8e2}
.mh-trust p{max-width:72rem;margin:0 auto;padding:1.25rem 1rem;font-size:.875rem;line-height:1.6;color:#2b3a33}
@media(min-width:640px){.mh-trust p{padding-left:1.5rem;padding-right:1.5rem}}
@media(min-width:1024px){.mh-trust p{padding-left:2rem;padding-right:2rem}}
.mh-trust strong{color:#0B1F15}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* readable line length for long-form text on guide pages */
#main-content .faq-answer{max-width:68ch}
#main-content section p.text-gray-700,#main-content section p.text-gray-600:not(.text-center){max-width:68ch}
#main-content .mh-lead{max-width:36rem}

/* Match the homepage ground: white page, bands use #F4F8F5 / neutral tints */
body{background-color:#fff!important}

/* Photo variant: image replaces the rows (suburb pages) */
.mh-fig{margin:0;display:none}
@media(min-width:1024px){.mh-fig{display:block}}
.mh-img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:1rem;box-shadow:0 18px 40px -22px rgba(6,32,18,.45)}

/* Chat variant: the lead-capture chat card sits in the right column */
.mh-chat{border:1px solid #dfe8e2;border-radius:1rem;overflow:hidden;background:#fff;box-shadow:0 18px 40px -26px rgba(6,32,18,.35)}

/* Solo variant: one column, no side panel (tools, contact, panel pages) */
.mh-in--solo{max-width:72rem;grid-template-columns:1fr!important;gap:0;padding-bottom:2.25rem}
.mh-in--solo .mh-lead{max-width:42rem}