/* Scoped, transient orientation. The first screen keeps its original height. */
.atelier-reading-context {
  position:fixed;
  top:var(--atelier-context-header, 0px);
  inset-inline:0;
  z-index:390;
  box-sizing:border-box;
  max-width:100vw;
  height:29px;
  padding:4px clamp(16px, 4vw, 48px);
  overflow:hidden;
  background:#E4DCCF;
  color:#3c2c24;
  border-block-end:1px solid #bb785b66;
  font:400 15px/20px 'Hanken Grotesk',sans-serif;
  text-align:start;
}
.atelier-reading-context[hidden] {display:none!important}
.atelier-reading-context ol {
  display:flex;
  align-items:baseline;
  gap:0;
  width:100%;
  min-width:0;
  list-style:none;
  margin:0;
  padding:0;
}
.atelier-reading-context li {margin:0;padding:0;min-width:0}
.atelier-reading-context li:first-child:not(:last-child) {flex:0 0 auto}
.atelier-reading-context li+li::before {content:'›';padding-inline:9px;color:#945333}
.atelier-reading-context li[aria-current] {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.atelier-reading-context a {
  display:inline-block;
  min-height:24px;
  color:#79442f;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.atelier-reading-context a:hover {color:#995b3d}
.atelier-reading-context a:focus-visible {outline:2px solid #945333;outline-offset:1px;border-radius:1px}
/* Local tabs sit below this transient line, preserving both kinds of orientation. */
html:root body[data-atelier-context-visible='true'] .mobile-orientation {
  top:calc(var(--atelier-context-header, 0px) + var(--atelier-context-extra, 0px))!important;
}
@media(min-width:1500px) {
  .atelier-reading-context[data-mode='rail'] {
    top:calc(var(--atelier-context-header, 0px) + 22px);
    inset-inline-start:18px;
    inset-inline-end:auto;
    width:var(--atelier-context-rail-width, 104px);
    height:auto;
    padding:9px 0 9px 10px;
    overflow:visible;
    background:#E4DCCF;
    border-block-end:0;
    border-inline-start:1px solid #bb785b99;
    font-size:14px;
  }
  .atelier-reading-context[data-mode='rail'] ol {display:block}
  .atelier-reading-context[data-mode='rail'] li+li::before {content:none}
  .atelier-reading-context[data-mode='rail'] li[aria-current] {
    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    white-space:normal;
    overflow:hidden;
  }
}
@media(max-width:400px) {
  .atelier-reading-context {font-size:14px;padding-inline:12px}
  .atelier-reading-context li+li::before {padding-inline:6px}
}
@media(prefers-reduced-motion:reduce) {
  .atelier-reading-context,.atelier-reading-context * {animation:none!important;transition:none!important}
}
@media print {
  .atelier-reading-context {display:none!important}
}

/* Integrated Bio location 20261029: no additional horizontal strip or separator. */
@layer mobile-review-important{
 html:root body[data-project-identity] #contenido .bio-career-shortcut{grid-column:1/-1!important;width:fit-content!important;max-width:100%!important;min-width:0!important;white-space:normal!important;font-size:16px!important;line-height:1.4!important;flex-shrink:0!important;}
}
@media(max-width:900px){
 .atelier-reading-context[data-mode='header']{top:calc(var(--atelier-context-header,80px) - 21px);height:20px;padding:0 16px;z-index:501;background:transparent;border:0;color:#f4eadd;font-size:14px;line-height:20px;pointer-events:none;}
}