/* Shared public-site identity. Staff and loan layouts use their own headers. */
.leaf-public{--leaf-navy:#0E2A4F;--leaf-gold:#BFA16A;--leaf-off-white:#F7F5EF;--ln-navy:#0E2A4F;--ln-blue:#245B91;--ln-terracotta:#8C3B24;--ln-green:#0F3822;--ln-ivory:#F7F5EF;--ln-mist:#EAF0F7;--ln-gold:#BFA16A;--ln-slate:#475569;--editorial-emerald:#0E2A4F;--editorial-earth:#8C3B24;--editorial-ivory:#F7F5EF;background:#F7F5EF;color:#253044}
.leaf-public main,.leaf-public .leaf-guides,.leaf-public .leaf-browse{background:#F7F5EF}
.leaf-public #nav-inner{border-radius:4px;border-color:#D1D5DB;box-shadow:none}
.leaf-public .font-display{letter-spacing:-.035em}
.leaf-public h1.font-display{font-weight:700;line-height:1.08}
.leaf-public :is(.text-leaf,.text-leaf-navy){color:#0E2A4F}
.leaf-public :is(.text-leaf-accent,.section-eyebrow-dark,.guide-eyebrow){color:#8C3B24}
.leaf-public :is(.bg-leaf,.bg-leaf-navy,.bg-emerald-600,.bg-emerald-700){background-color:#0E2A4F}
.leaf-public .bg-leaf-accent{background-color:#8C3B24;color:#F7F5EF}
.leaf-public .bg-leaf-light{background-color:#EAF0F7}
.leaf-public :is(.btn-primary,.structured-search-submit){background:#0E2A4F;border-radius:3px;box-shadow:none}
.leaf-public .btn-primary:hover{background:#245B91}
.leaf-public .btn-secondary{border-color:#0E2A4F;color:#0E2A4F;border-radius:3px}
.leaf-public main :is(.rounded-2xl,.rounded-3xl,.rounded-\[2rem\],.rounded-\[2\.5rem\]){border-radius:4px}
.leaf-public main .card-property{border-color:#D1D5DB;border-radius:4px;box-shadow:none}
.leaf-public .price-pill{background:#0E2A4F;color:#F7F5EF}
.leaf-public .guide-intro h1,.leaf-public .guide-shortcuts a,.leaf-public .guide-next{color:#0E2A4F}
.leaf-public .guide-shortcuts a{border-radius:3px;border-color:#D1D5DB}
.leaf-public .guide-shortcuts a:hover{border-color:#8C3B24}
.leaf-public :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #245B91;outline-offset:4px}
.leaf-public .about-timeline{background:#0E2A4F;color:#F7F5EF;padding:40px 24px;border-radius:4px}
.leaf-public .about-timeline :is(h2,.text-slate-900,.text-slate-500,.text-slate-600,.section-eyebrow){color:#F7F5EF}
.leaf-public .about-timeline .text-slate-500{color:#DCE5F0}
.leaf-public .mitengo-intro h2{font:700 30px/1.1 Outfit,sans-serif;letter-spacing:-.035em;color:#0E2A4F}
.leaf-public .stay-enquiry,.leaf-public .trust-panel{border-radius:4px;border-color:#D1D5DB}
.leaf-public .leaf-browse :is(.text-emerald-600,.text-emerald-700,.text-emerald-800),.leaf-public .guide-topic .text-emerald-600{color:#0E2A4F}
.leaf-public .city-guide-art{background:#EAF0F7;border-bottom:1px solid #D1D5DB}
.leaf-public .city-guide-art img{opacity:.9}
.leaf-public footer{background:#0E2A4F;border-color:#274567}
.leaf-public footer :is(.text-slate-400,.text-slate-500){color:#DCE5F0}
.leaf-public footer .text-white{color:#F7F5EF}
.leaf-public .bg-slate-900 .text-slate-600,.leaf-public .bg-slate-950 .text-slate-600{color:#DCE5F0}
@media(max-width:760px){.leaf-public .about-timeline{padding:32px 20px}.leaf-public .mitengo-intro h2{font-size:25px}}

/* Nature supports the blue identity; it does not replace the primary action colour. */
.leaf-public .guide-topic .text-emerald-600,.leaf-public .trust-panel .text-emerald-700{color:var(--ln-green)}

/* Shared page families, including styles loaded by listing templates after the header. */
.leaf-public .leaf-detail,.leaf-public .leaf-browse #listings-pane,.leaf-public .browse-welcome{background:var(--ln-ivory)}
.leaf-public .browse-welcome p,.leaf-public .guide-eyebrow{color:var(--ln-terracotta)}
.leaf-public .leaf-browse #listings-grid .card-property{border-radius:4px}
.leaf-public .leaf-browse #listings-grid .card-property:hover{border-color:var(--ln-terracotta)}
.leaf-public :is(.bg-emerald-50,.bg-emerald-100){background-color:var(--ln-mist)}
.leaf-public :is(.text-emerald-600,.text-emerald-700,.text-emerald-800){color:var(--ln-green)}
.leaf-public a.text-emerald-700{color:var(--ln-blue)}
.leaf-public :is(a,button).bg-emerald-600,.leaf-public :is(a,button).bg-emerald-700{background-color:var(--ln-navy);color:var(--ln-ivory)}
.leaf-public :is(a,button).bg-emerald-600:hover,.leaf-public :is(a,button).bg-emerald-700:hover{background-color:var(--ln-blue)}
.leaf-public .leaf-browse :is(.text-emerald-600,.text-emerald-700,.text-emerald-800){color:var(--ln-green)}
.leaf-public .guide-next,.leaf-public .browse-welcome a{color:var(--ln-blue)}
.leaf-public main :is(input,select,textarea){accent-color:var(--ln-navy)}
@media(prefers-reduced-motion:reduce){.leaf-public :is(.animate-pulse,.animate-on-scroll){animation:none;transition:none}}

/* Preserve the original mark: no monochrome filter on its opaque background. */
.leaf-public #nav-inner a[aria-label="Leaf-Note Home"]{gap:10px;min-height:44px}
.leaf-public #nav-inner a[aria-label="Leaf-Note Home"] img{width:40px;height:40px;flex-shrink:0;border-radius:4px;object-fit:contain;filter:none;opacity:1}
.leaf-public #nav-inner a[aria-label="Leaf-Note Home"] span{font-size:18px;line-height:1.2;color:var(--ln-navy)}
.leaf-public footer img[src*="images/brand/logo.webp"]{width:40px;height:40px;object-fit:contain;filter:none;opacity:1;border-radius:4px;flex-shrink:0}
.leaf-public footer img[src*="images/brand/logo.webp"]+span{font-size:18px}
@media(max-width:760px){.leaf-public #nav-inner a[aria-label="Leaf-Note Home"] img{width:36px;height:36px}.leaf-public #nav-inner a[aria-label="Leaf-Note Home"] span{font-size:16px}.leaf-public #nav-inner a[aria-label="Leaf-Note Home"]{gap:8px}}