/* Language-aware portfolio-deck entry; keep the theme's avatar link in its original slot. */
/* The theme hides behavior 1–3 headers on desktop; this site already reserves header space. */
@media only screen and (min-width: 768px) {
  #header[data-behavior="1"],
  #header[data-behavior="2"],
  #header[data-behavior="3"] {
    display: block !important;
  }
}

#header .header-presentation-cta {
  position: absolute;
  top: 10px;
  right: 62px;
  z-index: 2;
  display: inline-flex;
  min-height: 35px;
  align-items: center;
  padding: 0 13px;
  border: 1px solid rgba(52, 158, 243, 0.42);
  border-radius: 999px;
  background: rgba(52, 158, 243, 0.08);
  color: #1f6fa8;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.01em;
  text-decoration: none;
  white-space: nowrap;
}

#header .header-presentation-cta:hover,
#header .header-presentation-cta:active {
  border-color: #1f6fa8;
  background: #1f6fa8;
  color: #fff;
  text-decoration: none;
}

#header .header-presentation-cta:focus-visible {
  outline: 3px solid #8a5a00;
  outline-offset: 2px;
}

@media only screen and (max-width: 550px) {
  #header .header-title {
    overflow: hidden;
    padding-right: 155px;
    padding-left: 10px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #header .header-presentation-cta {
    right: 56px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 11px;
  }
}

@media only screen and (max-width: 360px) {
  #header .header-title { visibility: hidden; }
}