
/* CEMHS canonical breadcrumb: shared existing site-v4 design tokens; no global header modification. */
.cemhs-breadcrumb{
 position:sticky;top:var(--header);z-index:190;
 min-height:44px;display:flex;align-items:center;
 background:var(--white);color:var(--muted);border-bottom:1px solid var(--line);
 font-size:12px;line-height:1.35;
}
.cemhs-breadcrumb>.frame{
 display:flex;align-items:center;gap:12px;
 min-height:44px;max-width:var(--max);overflow:hidden;
}
.cemhs-breadcrumb a{
 flex:0 0 auto;color:var(--deep);font-weight:550;
 text-decoration:none;text-underline-offset:3px;
}
.cemhs-breadcrumb a:hover,.cemhs-breadcrumb a:focus-visible{text-decoration:underline;}
.cemhs-breadcrumb a:focus-visible{outline:2px solid var(--teal);outline-offset:4px;}
.cemhs-breadcrumb__sep{flex:0 0 auto;color:var(--muted);opacity:.6;user-select:none;}
.cemhs-breadcrumb [aria-current="page"]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
html:has(.cemhs-breadcrumb){scroll-padding-top:calc(var(--header) + 58px);}
@media(max-width:680px){
 .cemhs-breadcrumb{min-height:40px;font-size:11px;}
 .cemhs-breadcrumb>.frame{min-height:40px;gap:9px;}
 .cemhs-breadcrumb a{max-width:36vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}
@media print{.cemhs-breadcrumb{position:static;}}

/* MMD GSG — 20px of intentional top breathing room inside desktop sticky columns.
   Header, breadcrumb and hero heights remain unchanged; mobile remains canonical.
   These are the four sticky modules defined by site-v4.css for inner pages. */
@media (min-width:901px){
  .op-v2 .iso-editorial-copy,
  .experience-sticky,
  .arrival-address,
  .article-grid aside{
    padding-top:20px;
  }
}
