/* MapMyStaff content pilot v1761 — shared help components */
body.mms-content-pilot {
  --mms-route-ink: #102f2d;
  --mms-route-muted: #526d6a;
  --mms-route-border: #d8e4e0;
  --mms-route-soft: #f3f7f5;
  --mms-route-accent: #0d746c;
  --mms-route-accent-dark: #075b55;
  --mms-route-gold: #f4c542;
}
body.mms-content-pilot main[data-mms-content-root] { overflow:visible; }
body.mms-content-pilot .mms-route-hero { position: relative; min-height: clamp(33rem,70vh,46rem); overflow: hidden; background:#eef3f1; }
body.mms-content-pilot .mms-route-hero .mms-hero__media { position:absolute; inset:0; display:block; margin:0; }
body.mms-content-pilot .mms-route-hero .mms-hero__media, body.mms-content-pilot .mms-route-hero .mms-hero__media img { width:100%; height:100%; }
body.mms-content-pilot .mms-route-hero .mms-hero__media img { display:block; object-fit:cover; object-position:center; }
body.mms-content-pilot .mms-route-hero .mms-hero__veil { position:absolute; inset:0; background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.995) 31%,rgba(255,255,255,.95) 48%,rgba(255,255,255,.7) 65%,rgba(255,255,255,.25) 84%,rgba(255,255,255,0) 100%); }
body.mms-content-pilot .mms-route-hero .mms-hero__grid { position:relative; z-index:1; min-height:inherit; grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr); align-items:center; }
body.mms-content-pilot .mms-route-hero__copy { max-width:54rem; padding-block:clamp(6rem,11vw,9rem) clamp(4rem,8vw,6rem); }
body.mms-content-pilot .mms-route-hero__copy h1 { max-width:17ch; color:var(--mms-route-ink); font-size:clamp(2.5rem,5vw,4.9rem); line-height:1.01; }
body.mms-content-pilot .mms-route-hero__copy>p { max-width:72ch; margin-top:1.2rem; color:#365754; font-size:clamp(1rem,1.5vw,1.18rem); line-height:1.7; }
body.mms-content-pilot .mms-route-hero__note { align-self:end; margin-bottom:clamp(3rem,7vw,5.5rem); padding:1.05rem 1.15rem; border:1px solid rgba(255,255,255,.92); border-radius:1rem; background:rgba(255,255,255,.9); box-shadow:var(--mms-help-floating-note-shadow); backdrop-filter:blur(14px); }
body.mms-content-pilot .mms-route-hero__note strong, body.mms-content-pilot .mms-route-hero__note span { display:block; }
body.mms-content-pilot .mms-route-hero__note strong { color:var(--mms-route-ink); }
body.mms-content-pilot .mms-route-hero__note span { margin-top:.35rem; color:var(--mms-route-muted); font-size:.86rem; line-height:1.5; }
body.mms-content-pilot .mms-route-section--soft { background:var(--mms-route-soft); }
body.mms-content-pilot .mms-route-heading { max-width:62rem; margin-bottom:clamp(1.7rem,4vw,3rem); }
body.mms-content-pilot .mms-route-heading h2 { margin:.45rem 0 .75rem; color:var(--mms-route-ink); font-size:clamp(1.85rem,3.5vw,3rem); line-height:1.12; }
body.mms-content-pilot .mms-route-heading p, body.mms-content-pilot .mms-route-answer p { color:var(--mms-route-muted); line-height:1.72; }
body.mms-content-pilot .mms-route-answer { display:grid; grid-template-columns:auto minmax(0,1fr); gap:1rem; align-items:start; padding:clamp(1.35rem,3vw,2.1rem); border:1px solid var(--mms-route-border); border-radius:1.3rem; background:#fff; box-shadow:0 18px 48px rgba(16,49,46,.07); }
body.mms-content-pilot .mms-route-answer h2 { margin:0 0 .55rem; color:var(--mms-route-ink); font-size:clamp(1.4rem,2.4vw,1.9rem); }
body.mms-content-pilot .mms-route-answer p { max-width:90ch; margin:0; }
body.mms-content-pilot .mms-route-icon { display:grid; place-items:center; width:2.75rem; height:2.75rem; border-radius:.85rem; background:#e5f3f0; color:var(--mms-route-accent-dark); flex:0 0 auto; }
body.mms-content-pilot .mms-route-icon svg { width:1.25rem; height:1.25rem; fill:currentColor; }




body.mms-content-pilot .mms-pilot-grid { display:grid; gap:1rem; }
body.mms-content-pilot .mms-pilot-grid--count-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
body.mms-content-pilot .mms-pilot-grid--count-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.mms-content-pilot .mms-pilot-grid--count-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
body.mms-content-pilot .mms-pilot-grid--count-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
body.mms-content-pilot .mms-pilot-grid--count-6 { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.mms-content-pilot .mms-pilot-grid--count-7, body.mms-content-pilot .mms-pilot-grid--count-8, body.mms-content-pilot .mms-pilot-grid--count-9 { grid-template-columns:repeat(3,minmax(0,1fr)); }
body.mms-content-pilot .mms-pilot-card { display:flex; min-height:100%; flex-direction:column; padding:clamp(1.2rem,2.6vw,1.7rem); border:1px solid var(--mms-route-border); border-radius:1.15rem; background:#fff; color:inherit; text-decoration:none; box-shadow:var(--mms-help-soft-card-shadow); }
body.mms-content-pilot .mms-pilot-card h3 { margin:.9rem 0 .65rem; color:var(--mms-route-ink); font-size:clamp(1.1rem,2vw,1.35rem); line-height:1.27; }
body.mms-content-pilot .mms-pilot-card p { margin:0; color:var(--mms-route-muted); line-height:1.66; }
body.mms-content-pilot .mms-pilot-card p+p { margin-top:.7rem; }
body.mms-content-pilot .mms-route-limit { margin-top:1rem; padding-top:.95rem; border-top:1px solid var(--mms-route-border); color:#3f5e5a; font-size:.92rem; line-height:1.62; }
body.mms-content-pilot .mms-route-limit strong { color:var(--mms-route-ink); }
body.mms-content-pilot .mms-pilot-card--resource { transition:transform .2s ease,border-color .2s ease; }
body.mms-content-pilot .mms-pilot-card--resource:hover { transform:translateY(-2px); border-color:#9dc8c1; }
body.mms-content-pilot .mms-pilot-card__action { margin-top:auto; padding-top:1.1rem; color:var(--mms-route-accent-dark); font-weight:820; }
body.mms-content-pilot .mms-route-flow__number { display:inline-grid; place-items:center; width:2rem; height:2rem; border-radius:999px; background:var(--mms-route-accent-dark); color:#fff; font-weight:850; font-size:.8rem; }
body.mms-content-pilot .mms-pilot-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
body.mms-content-pilot .mms-pilot-checklist, body.mms-content-pilot .mms-pilot-procedure { display:grid; gap:.7rem; margin:0; padding:0; list-style:none; }
body.mms-content-pilot .mms-pilot-checklist li { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.7rem; align-items:start; padding:.9rem 1rem; border:1px solid var(--mms-route-border); border-radius:.85rem; background:#fff; color:#3f5e5a; line-height:1.55; }
body.mms-content-pilot .mms-pilot-checklist svg { width:1.05rem; height:1.05rem; margin-top:.18rem; fill:var(--mms-route-accent-dark); }
body.mms-content-pilot .mms-pilot-procedure { grid-template-columns:repeat(2,minmax(0,1fr)); counter-reset:pilot-step; }
body.mms-content-pilot .mms-pilot-procedure li { counter-increment:pilot-step; display:grid; grid-template-columns:auto minmax(0,1fr); gap:.75rem; align-items:start; padding:1rem; border:1px solid var(--mms-route-border); border-radius:.9rem; background:#fff; color:#3f5e5a; line-height:1.55; }
body.mms-content-pilot .mms-pilot-procedure li::before { content:counter(pilot-step,decimal-leading-zero); display:grid; place-items:center; width:2rem; height:2rem; border-radius:999px; background:var(--mms-route-accent-dark); color:#fff; font-weight:850; font-size:.78rem; }
body.mms-content-pilot .mms-pilot-notice { margin-top:1rem; padding:1rem 1.1rem; border-left:.28rem solid var(--mms-route-accent-dark); border-radius:.2rem .9rem .9rem .2rem; background:#edf8f5; color:#355653; line-height:1.65; }
body.mms-content-pilot .mms-pilot-notice strong { color:var(--mms-route-ink); }
body.mms-content-pilot .mms-pilot-inner-list { margin:.8rem 0 0; padding-left:1.2rem; color:var(--mms-route-muted); line-height:1.6; }
body.mms-content-pilot .mms-route-support { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:clamp(1.5rem,4vw,3rem); align-items:center; padding:clamp(1.5rem,4vw,2.5rem); border:1px solid #b6d6d0; border-radius:1.35rem; background:linear-gradient(135deg,#edf8f5,#fff); }
body.mms-content-pilot .mms-route-support h2 { margin:.45rem 0 .7rem; color:var(--mms-route-ink); }
body.mms-content-pilot .mms-route-support p { max-width:78ch; margin:0; color:var(--mms-route-muted); line-height:1.7; }
body.mms-content-pilot .mms-route-support ul { margin:1rem 0 0; padding-left:1.2rem; color:var(--mms-route-muted); line-height:1.65; columns:2; column-gap:2rem; }
body.mms-content-pilot .mms-route-support__security { margin-top:1rem; color:#365754; font-size:.92rem; }
body.mms-content-pilot .mms-help-feedback { margin-top:2rem; }

@media(max-width:1100px){
  body.mms-content-pilot .mms-route-hero .mms-hero__grid{grid-template-columns:1fr;}
  body.mms-content-pilot .mms-route-hero__note{display:none;}
  body.mms-content-pilot .mms-pilot-grid--count-4, body.mms-content-pilot .mms-pilot-grid--count-5{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:850px){
  body.mms-content-pilot .mms-pilot-grid, body.mms-content-pilot .mms-pilot-columns, body.mms-content-pilot .mms-pilot-procedure{grid-template-columns:1fr;}
  body.mms-content-pilot .mms-route-support{grid-template-columns:1fr;}
  body.mms-content-pilot .mms-route-support ul{columns:1;}
}
@media(max-width:700px){
  body.mms-content-pilot .mms-route-hero{min-height:38rem;}
  body.mms-content-pilot .mms-route-hero .mms-hero__veil{background:linear-gradient(180deg,rgba(255,255,255,.995) 0%,rgba(255,255,255,.98) 47%,rgba(255,255,255,.77) 72%,rgba(255,255,255,.18) 100%);}
  body.mms-content-pilot .mms-route-answer{grid-template-columns:1fr;}
  
  
}


/* ===== v87 — Territories & routing family refinement ===== */
body.mms-content-pilot .mms-pilot-card{
  border-radius:1.12rem;
  box-shadow:0 14px 36px rgba(16,49,46,.05);
}
body.mms-content-pilot .mms-number-title{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:.72rem;
  row-gap:.58rem;
  align-items:start;
}
body.mms-content-pilot .mms-number-title > :is(.mms-route-flow__number,span:first-child){
  grid-column:1;
  grid-row:1;
  align-self:center;
}
body.mms-content-pilot .mms-number-title > h3{
  grid-column:2;
  grid-row:1;
  align-self:center;
  margin:0;
}
body.mms-content-pilot .mms-number-title > :is(p,.mms-route-limit,ul){
  grid-column:1/-1;
}
body.mms-content-pilot .mms-pilot-grid--count-6,
body.mms-content-pilot .mms-pilot-grid--count-7,
body.mms-content-pilot .mms-pilot-grid--count-8,
body.mms-content-pilot .mms-pilot-grid--count-9{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
body.mms-content-pilot .mms-pilot-card--resource{
  position:relative;
  border-top:3px solid #72bfb2;
}
body.mms-content-pilot .mms-pilot-card--resource .mms-pilot-card__action{
  border-top:1px solid #e8efec;
  margin-top:1rem;
  padding-top:.9rem;
}
body.mms-content-pilot .mms-pilot-checklist li,
body.mms-content-pilot .mms-pilot-procedure li{
  box-shadow:0 8px 24px rgba(16,49,46,.035);
}
body.mms-content-pilot .mms-route-support{
  box-shadow:0 14px 38px rgba(16,49,46,.045);
}
body.mms-content-pilot .mms-help-feedback{
  border-radius:1.1rem;
  box-shadow:0 10px 30px rgba(16,49,46,.04);
}
@media(max-width:1100px){
  body.mms-content-pilot .mms-pilot-grid--count-6,
  body.mms-content-pilot .mms-pilot-grid--count-7,
  body.mms-content-pilot .mms-pilot-grid--count-8,
  body.mms-content-pilot .mms-pilot-grid--count-9{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px){
  body.mms-content-pilot .mms-pilot-grid--count-6,
  body.mms-content-pilot .mms-pilot-grid--count-7,
  body.mms-content-pilot .mms-pilot-grid--count-8,
  body.mms-content-pilot .mms-pilot-grid--count-9{grid-template-columns:1fr;}
}