/* Matching single-row search controls from the reference layouts. */
body .mi-service-quick-search{
  position:relative;z-index:5;
  width:min(1470px,calc(100% - 64px));max-width:1470px;
  display:flex;align-items:center;gap:0;
  margin:20px auto 17px;
  padding:9px 11px 9px 22px;
  min-height:62px;border:1px solid #dbe8fa;border-radius:19px;
  background:#fff;
  box-shadow:0 12px 30px rgba(24,79,157,.07);
}
body .mi-service-quick-search__field{
  display:flex;align-items:center;gap:11px;flex:1;min-width:0;
  height:42px;margin:0;color:#4984d0;
}
body .mi-service-quick-search .icon{width:17px;height:17px;flex:none}
body .mi-service-quick-search__field input{
  display:block;width:100%;min-width:0;height:100%;padding:0;
  border:0!important;background:transparent!important;box-shadow:none!important;outline:none;
  color:#1a4577;font-family:inherit;font-size:12px;line-height:1.3;font-weight:600;
}
body .mi-service-quick-search__field input::placeholder{color:#8ca9cc}
body .mi-service-quick-search__select{
  display:flex;align-items:center;gap:9px;flex:0 1 226px;
  min-width:155px;border-left:1px solid #e1ecf9;
  padding:0 16px;color:#1873e9;
}
body .mi-service-quick-search__select select{
  min-width:0;width:100%;border:0!important;outline:none;background:transparent!important;
  box-shadow:none!important;font-size:11px;font-weight:800;color:#254b7d;
  cursor:pointer;
}
body .mi-service-quick-search__submit{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:44px;white-space:nowrap;padding:0 17px;
  border:0;border-radius:13px;
  background:linear-gradient(120deg,#247ef9,#1360e1);color:#fff;
  font-size:11px;font-weight:900;
  box-shadow:0 8px 20px rgba(26,97,217,.19);
  cursor:pointer;transition:box-shadow .2s,background .2s,transform .2s;
}
body .mi-service-quick-search__submit:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(26,97,217,.23)}
body .mi-service-quick-search :is(input,select,button):focus-visible{
  outline:2px solid #499efc!important;outline-offset:3px;
}
/* In news, keep the original category tabs and remove only duplicate search box. */
body .mj-news-dashboard .mj-news-search{display:none!important}
body .mj-news-shell{padding-top:0!important}
/* Marketplace category jump, with functionality retained via ordinary Django URLs. */
body .mi-market-discovery{
  margin:0 0 18px;
  display:flex;flex-direction:column;gap:11px;
  background:transparent;
}
body .mi-market-discovery__heading{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
body .mi-market-discovery__heading h2{
  margin:0;color:#153d72;font-size:16px;line-height:1.4;font-weight:900;letter-spacing:-.04em;
  display:inline-flex;align-items:center;gap:8px;
}
body .mi-market-discovery__heading h2 .icon{width:18px;height:18px;color:#1472e9}
body .mi-market-discovery__heading>a{
  display:inline-flex;align-items:center;gap:7px;color:#2773d8;text-decoration:none;
  font-size:11px;font-weight:800;
}
body .mi-market-discovery__heading>a .icon{width:13px;height:13px}
body .mi-market-discovery__items{
  display:flex;gap:8px;flex-wrap:wrap;
}
body .mi-market-discovery__items a{
  padding:8px 13px;border:1px solid #d8e7f9;border-radius:12px;
  background:rgba(255,255,255,.9);color:#315e97;
  text-decoration:none;font-size:11px;font-weight:780;
  transition:border-color .2s,background .2s,transform .2s;
}
body .mi-market-discovery__items a:hover{transform:translateY(-1px);border-color:#8ebeff;background:#f2f8ff}
body .mi-market-discovery__items a.is-active{background:#e7f1ff;color:#1262d2;border-color:#aaccfa}
body .mm-market-app{padding-top:0!important}
body .mi-service-hero--auto + .ma-app .ma-searchbar{scroll-margin-top:92px;margin-top:24px!important;margin-bottom:11px!important}



@media(max-width:750px){
 body .mi-service-quick-search{width:calc(100% - 26px);padding:9px;gap:7px;flex-wrap:wrap;margin:14px auto;border-radius:15px}
 body .mi-service-quick-search__field{flex:1 0 100%;min-height:37px}
 body .mi-service-quick-search__select{flex:1 1 140px;min-width:0;padding:7px 10px;border-left:0;border-top:1px solid #e4edfa}
 body .mi-service-quick-search__submit{flex:0 0 auto;min-height:40px;padding:0 13px}
 body .mi-market-discovery__items a{padding:7px 10px;font-size:10px}
}

/* MIJUONE v1.20.6 — Community-aligned six-service hero system.
   Uses Community's real .container breakpoint widths, 280px hero baseline,
   navy/blue editorial hierarchy and physical-page geometry. High quality WebP
   photos remain page-specific; no screenshot, baked UI or pointer parallax. */
:root{--mi-service-h:315px;--mi-service-navy:#0c2857;--mi-service-blue:#136de9}
body .mi-service-hero{
  position:relative!important;display:block!important;isolation:isolate!important;
  box-sizing:border-box!important;width:100%!important;max-width:none!important;
  min-height:var(--mi-service-h)!important;height:auto!important;
  padding:0!important;margin:0!important;
  overflow:hidden!important;border:0!important;border-radius:0!important;
  border-bottom:1px solid #dce9fa!important;
  box-shadow:0 15px 35px rgba(49,95,167,.08)!important;
  color:var(--mi-service-navy)!important;background:#edf5ff!important;
}
/* Photo is an actual photo-only image, not a rendered screenshot with duplicated UI. */
body .mi-service-hero::before{
  content:"";position:absolute;inset:0 0 0 30%;z-index:0;pointer-events:none;
  background:var(--mi-service-photo) center / cover no-repeat!important;
  opacity:1;filter:saturate(1.06) contrast(1.02);
  transform:none!important;animation:none!important;transition:filter .45s ease!important;
}
body .mi-service-hero:hover::before{filter:saturate(1.12) contrast(1.03)}
body .mi-service-hero::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(91deg,rgba(245,249,255,.997) 0%,rgba(243,249,255,.989) 27%,rgba(239,247,255,.95) 40%,rgba(234,245,255,.78) 53%,rgba(220,236,255,.32) 69%,rgba(223,240,255,.06) 92%)!important;
}
body .mi-service-hero--news{--mi-service-photo:url('../img/mi-newsroom-v1206.webp')}
body .mi-service-hero--local{--mi-service-photo:url('../img/mi-neighborhood-people-v1206.webp')}
body .mi-service-hero--market{--mi-service-photo:url('../img/mi-market-banner-v1205.webp')}
body .mi-service-hero--careers{--mi-service-photo:url('../img/mi-careers-banner-v1205.webp')}
body .mi-service-hero--homes{--mi-service-photo:url('../img/mi-homes-property-v1206.webp')}
body .mi-service-hero--auto{--mi-service-photo:url('../img/mi-auto-banner-v1205.webp')}
/* Exact matches for Community's .container geometry, including breakpoint offsets. */
body .mi-service-hero .mi-service-hero__inner,
body .mn-app .mi-service-hero .mi-service-hero__inner,
body .mh-app .mi-service-hero .mi-service-hero__inner{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  box-sizing:border-box!important;position:relative!important;z-index:3!important;
  min-height:var(--mi-service-h)!important;
  width:min(1600px,calc(100% - 66px))!important;max-width:1600px!important;
  margin:0 auto!important;padding:28px 0!important;gap:22px;
  background:transparent!important;box-shadow:none!important;border:none!important;
}
body .mi-service-hero .mi-service-hero__copy{
  width:min(740px,75%)!important;max-width:min(740px,75%)!important;
  min-width:0!important;flex:0 1 auto!important;position:relative!important;z-index:3!important;
  margin:0!important;padding:0!important;background:none!important;
}
body .mi-service-hero .mi-service-hero__eyebrow{
  display:inline-flex!important;align-items:center!important;gap:10px!important;
  font-size:10px!important;letter-spacing:.16em!important;line-height:1.4!important;
  font-weight:900!important;color:#115ac6!important;white-space:normal;
}
body .mi-service-hero .mi-service-hero__signal{
  display:inline-block;flex:0 0 8px!important;width:8px!important;height:8px!important;
  border-radius:50%!important;background:#17bb9b!important;box-shadow:0 0 0 5px rgba(20,183,155,.13)!important;
}
body .mi-service-hero h1{
  font-size:clamp(27px,2.6vw,43px)!important;font-weight:930!important;
  letter-spacing:-.068em!important;line-height:1.18!important;
  margin:19px 0 10px!important;max-width:740px!important;
  color:#0c2857!important;text-wrap:balance;word-break:keep-all;
}
body .mi-service-hero h1 em{
  font-style:normal!important;background:linear-gradient(120deg,#0d57c9,#289feb)!important;
  background-clip:text!important;-webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:#1769e9!important;
}
body .mi-service-hero .mi-service-hero__copy>p{
  margin:0 0 17px!important;max-width:660px!important;
  color:#4f6d96!important;font-size:12.5px!important;line-height:1.65!important;
  font-weight:650!important;letter-spacing:0!important;
}
body .mi-service-hero .mi-service-hero__actions{
  display:flex!important;align-items:center!important;gap:9px!important;
  flex-wrap:wrap!important;width:auto!important;max-width:740px!important;
}
body .mi-service-hero .mi-service-hero__button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;gap:7px!important;
  width:auto!important;max-width:none!important;min-height:40px!important;height:auto!important;
  margin:0!important;padding:11px 17px!important;border-radius:11px!important;
  font-family:inherit;font-size:11.5px!important;line-height:1.4!important;font-weight:820!important;
  text-decoration:none!important;white-space:nowrap!important;cursor:pointer;
  transition:background .23s ease,border-color .23s ease,box-shadow .28s ease,transform .28s cubic-bezier(.2,.8,.2,1)!important;
}
body .mi-service-hero .mi-service-hero__button .icon{width:15px!important;height:15px!important;flex:none!important}
body .mi-service-hero .mi-service-hero__button--primary{
  background:linear-gradient(120deg,#237dff,#1259d8)!important;color:#fff!important;
  border:1px solid transparent!important;box-shadow:0 9px 22px rgba(20,100,232,.23)!important;
}
body .mi-service-hero .mi-service-hero__button--glass{
  background:rgba(255,255,255,.8)!important;color:#1d5ec1!important;
  border:1px solid #bad4fb!important;box-shadow:0 9px 21px rgba(43,99,190,.08)!important;
  backdrop-filter:blur(12px);
}
body .mi-service-hero .mi-service-hero__button:hover{transform:translateY(-2px)!important;box-shadow:0 13px 28px rgba(23,102,219,.24)!important}
body .mi-service-hero .mi-service-hero__button:focus-visible{outline:3px solid #81c2ff!important;outline-offset:3px}
body .mi-service-hero .mi-service-hero__tag{
  display:inline-flex;align-items:center;gap:7px;padding:8px 11px;
  color:#306aa9!important;font-size:10px;font-weight:800;line-height:1.45;
  border:1px solid #cfdef4!important;border-radius:999px;background:rgba(255,255,255,.8)!important;
  box-shadow:0 5px 16px rgba(43,99,190,.045);
}
body .mi-service-hero .mi-service-hero__tag .icon{width:14px;height:14px;color:#176ee0}
/* Deliberately stationary decorative details; never drifting or cursor-following. */
body .mi-service-hero .mi-service-hero__orbit{display:none!important}
body .mi-service-hero .mi-service-hero__float{
  position:absolute;right:max(30px,calc((100vw - 1600px)/2));top:28px;bottom:auto;
  display:inline-flex;align-items:center;gap:7px;z-index:3;white-space:nowrap;
  padding:10px 15px;color:#3c68a4!important;background:rgba(255,255,255,.87)!important;
  border:1px solid rgba(245,250,255,.95)!important;border-radius:999px;
  backdrop-filter:blur(14px);font-size:9px;font-weight:880;letter-spacing:.12em;
  box-shadow:0 12px 26px rgba(36,81,149,.10);animation:none!important;
}
body .mi-service-hero .mi-service-hero__float::before{content:"✦";color:#1ba2e9;font-size:13px}
/* Preserve functional neighborhood story-composer, matching the existing Community stat card placement. */
body .mi-service-hero--local .mi-service-hero__aside{width:min(310px,28%);flex:0 0 auto;min-width:0;position:relative;z-index:3;margin-left:auto}
body .mi-service-hero--local .mn-story-composer{
  width:100%;max-width:none;display:flex!important;flex-direction:column!important;
  border:1px solid rgba(255,255,255,.88)!important;border-radius:20px!important;
  background:rgba(255,255,255,.88)!important;padding:16px!important;
  box-shadow:0 18px 40px rgba(26,88,169,.12)!important;backdrop-filter:blur(15px);
}
body .mi-service-hero--local .mi-service-hero__float{display:none!important}
body .mi-service-hero--local .mi-service-hero__button--primary{display:none!important}
/* Main content naturally follows the edge-to-edge title: do not add a blank gap ABOVE it. */
main.main-content:has(> .mi-service-hero){padding-top:0!important}
body .mj-news-shell,body .mm-market-app,body .page-careers .cj-app,body .page-auto .ma-app{padding-top:0!important}
body .mn-app>.mn-page{margin-top:0!important;padding-top:24px!important}
body .mh-app>.mh-searchbar{margin-top:24px!important}
/* One brief, perceptible entrance with no opacity trap and no infinite/scroll-linked animation. */
@media(prefers-reduced-motion:no-preference){
  body .mi-service-hero.mi-service-hero--ready .mi-service-hero__copy{animation:miHero1206Enter .56s cubic-bezier(.22,.8,.28,1) both}
  body .mi-service-hero.mi-service-hero--ready .mi-service-hero__aside{animation:miHero1206Enter .56s cubic-bezier(.22,.8,.28,1) .1s both}
}
@keyframes miHero1206Enter{from{opacity:.25;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:1400px){
  body .mi-service-hero .mi-service-hero__inner,body .mn-app .mi-service-hero .mi-service-hero__inner,body .mh-app .mi-service-hero .mi-service-hero__inner{width:calc(100% - 36px)!important}
  body .mi-service-hero .mi-service-hero__float{right:18px}
}
@media(max-width:1130px){
  :root{--mi-service-h:305px}
  body .mi-service-hero .mi-service-hero__copy{width:83%!important;max-width:83%!important}
  body .mi-service-hero .mi-service-hero__float{display:none!important}
  body .mi-service-hero--local .mi-service-hero__aside{display:none!important}
  body .mi-service-hero--local .mi-service-hero__button--primary{display:inline-flex!important}
}
@media(max-width:780px){
  :root{--mi-service-h:240px}
  body .mi-service-hero .mi-service-hero__inner,body .mn-app .mi-service-hero .mi-service-hero__inner,body .mh-app .mi-service-hero .mi-service-hero__inner{
    min-height:240px!important;padding:30px 0!important;width:calc(100% - 28px)!important;
  }
  body .mi-service-hero .mi-service-hero__copy{width:100%!important;max-width:100%!important}
  body .mi-service-hero h1{font-size:28px!important;margin:14px 0 11px!important;max-width:570px!important}
  body .mi-service-hero .mi-service-hero__copy>p{font-size:11px!important;line-height:1.6!important;max-width:570px!important}
  body .mi-service-hero::before{inset:0 0 0 12%;opacity:.7}
  body .mi-service-hero::after{background:linear-gradient(91deg,rgba(246,250,255,.99),rgba(246,250,255,.92) 66%,rgba(232,245,255,.7))!important}
}
@media(max-width:550px){
  :root{--mi-service-h:250px}
  body .mi-service-hero .mi-service-hero__inner,body .mn-app .mi-service-hero .mi-service-hero__inner,body .mh-app .mi-service-hero .mi-service-hero__inner{
    width:calc(100% - 26px)!important;min-height:250px!important;padding:24px 0!important;
  }
  body .mi-service-hero h1{font-size:25px!important;line-height:1.18!important;margin:14px 0 11px!important}
  body .mi-service-hero .mi-service-hero__copy>p{font-size:11px!important;line-height:1.6!important;margin:0 0 16px!important}
  body .mi-service-hero .mi-service-hero__button{font-size:10px!important;padding:10px 13px!important;min-height:39px!important}
  body .mi-service-hero .mi-service-hero__actions{gap:7px!important}
  body .mi-service-hero .mi-service-hero__tag{font-size:9px;padding:7px 9px}
  body .mi-service-hero .mi-service-hero__tag:nth-of-type(n+3){display:none}
}
@media(prefers-reduced-motion:reduce){
  body .mi-service-hero *,body .mi-service-hero::before,body .mi-service-hero::after{
    animation:none!important;transform:none!important;transition:none!important;opacity:1!important;
  }
}


/* MIJUONE v1.21.1 — Community hero uses the SAME component, geometry and
   editorial scale as the six established service heroes + Experts.  The old
   mc-hero markup no longer applies on the community landing page. */
body .mi-service-hero--community{
  --mi-service-photo:url('../img/hero-friends.jpg');
}
body .mi-service-hero--community::before{
  inset:0 0 0 29%;background-position:center 47%;
  filter:saturate(1.055) contrast(1.015);
}
body .mi-service-hero--community::after{
  background:linear-gradient(91deg,
    rgba(245,249,255,.997) 0%,rgba(243,249,255,.99) 27%,
    rgba(239,247,255,.95) 41%,rgba(234,245,255,.78) 54%,
    rgba(220,236,255,.30) 70%,rgba(223,240,255,.055) 92%)!important;
}
/* Preserve live Community stats, but avoid the obsolete large promo panel. */
body .page-community .mi-service-hero--community .mi-community-hero-stats{
  z-index:3;position:relative;align-self:flex-end;flex:0 0 auto;
  width:auto;max-width:min(340px,32%);margin:0 0 13px auto;
}
body .page-community .mi-service-hero--community .mc-hero-stats{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;
  gap:0;width:100%;max-width:none;margin:0;padding:15px 13px;
  border:1px solid rgba(235,245,255,.95);border-radius:17px;
  background:rgba(250,253,255,.89);box-shadow:0 13px 32px rgba(20,65,127,.13);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  transform:none;animation:none!important;
}
body .page-community .mi-service-hero--community .mc-hero-stats>div{
  min-width:0;padding:0 13px;text-align:center;
  border-right:1px solid #d9e8fa;
}
body .page-community .mi-service-hero--community .mc-hero-stats>div:last-child{border-right:0}
body .page-community .mi-service-hero--community .mc-hero-stats strong{
  display:block;color:#155bc7;font-size:23px;line-height:1.15;font-weight:930;
  font-variant-numeric:tabular-nums;
}
body .page-community .mi-service-hero--community .mc-hero-stats span{
  display:block;margin-top:5px;color:#5279ad;font-size:10px;font-weight:760;
  line-height:1.4;white-space:nowrap;
}
/* Service headers use a brief one-time entrance, not looping float motion. */
body .page-community .mi-service-hero--community .mi-service-hero__float{
  top:28px;right:max(30px,calc((100vw - 1600px)/2));
  bottom:auto;transform:none;animation:none!important;
}
@media(max-width:1400px){
  body .page-community .mi-service-hero--community .mi-service-hero__float{right:18px}
}
@media(max-width:1130px){
  body .page-community .mi-service-hero--community .mi-community-hero-stats{display:none}
}
@media(max-width:780px){
  body .mi-service-hero--community::before{inset:0 0 0 12%;background-position:68% center;opacity:.57}
  body .mi-service-hero--community::after{
    background:linear-gradient(91deg,rgba(248,252,255,.998) 0%,rgba(248,252,255,.975) 55%,rgba(239,247,255,.90) 78%,rgba(235,245,255,.72) 100%)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body .page-community .mi-service-hero--community *,
  body .page-community .mi-service-hero--community::before,
  body .page-community .mi-service-hero--community::after{animation:none!important;transition:none!important}
}

/* v1.24 Business Hub distinctive photographic banner */
body .mi-service-hero--hub{--mi-service-photo:url('../img/carousel/business.webp')}