/**
 * Interface corrections — version 2.4.32.
 * Homepage identity cleanup, complete conference profile chart, and a
 * purpose-built Contact visual using the user-supplied typewriter image.
 */

/* Homepage portrait identity. */
.had-home-screen .had-profile-card .had-portrait>span{
  min-width:31px;
  padding-inline:6px;
  letter-spacing:.08em;
}

/*
 * Conferences: the historical three-row panel declaration left an unused
 * grid row, causing the annual chart to be clipped. Use exactly one title row
 * and one flexible content row, then reserve a visible chart region below the
 * country/language facets.
 */
.had-type-conferences .had-conference-profile-panel{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
}
.had-type-conferences [data-had-conference-analytics-body="profile"]{
  width:100%;
  height:100%!important;
  min-height:0;
  display:grid!important;
  grid-template-rows:minmax(66px,auto) minmax(92px,1fr)!important;
  gap:5px;
  padding:0;
  overflow:hidden;
}
.had-type-conferences [data-had-conference-analytics-body="profile"]>.had-conference-profile-dimensions{
  min-height:0;
  max-height:76px;
  padding:4px 2px 1px;
  overflow:hidden;
}
.had-type-conferences [data-had-conference-analytics-body="profile"]>.had-conference-profile-dimensions.had-dimension-groups,
.had-type-conferences [data-had-conference-analytics-body="profile"]>.had-conference-profile-dimensions>.had-dimension-groups{
  height:100%;
  max-height:none;
  min-height:0;
  grid-template-columns:minmax(0,3fr) minmax(96px,1fr);
  gap:7px;
  padding:0;
  overflow:hidden;
}
.had-type-conferences .had-conference-year-chart{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:15px minmax(0,1fr);
  padding-top:3px;
  border-top:1px solid #173d51;
  overflow:hidden;
}
.had-type-conferences .had-conference-year-label{
  display:block;
  padding:1px 6px 0;
  color:#6f93a4;
  font:700 12px/1 ui-monospace,monospace;
  letter-spacing:.08em;
}
.had-type-conferences .had-conference-year-chart>.had-mini-year-bars{
  width:100%;
  height:100%!important;
  min-height:0!important;
  margin:0;
  border:0;
  overflow:hidden;
}
.had-type-conferences .had-conference-year-chart .had-advanced-year-bars{
  width:100%;
  height:100%!important;
  min-height:0!important;
  align-items:flex-end;
  gap:9px;
  padding:17px 7px 22px!important;
}
.had-type-conferences .had-conference-year-chart .had-advanced-year-bars>span{
  height:100%;
  min-height:0;
}
.had-type-conferences .had-conference-year-chart .had-advanced-year-bars i{
  width:min(34px,72%);
  height:100%!important;
  min-height:54px!important;
}
.had-type-conferences .had-conference-year-chart .had-advanced-year-bars em{
  top:-14px;
}
.had-type-conferences .had-conference-year-chart .had-advanced-year-bars small{
  bottom:-17px;
}

/* Contact-page image: retain the supplied photograph while matching the UI. */
.had-contact-portrait-typewriter{
  position:relative;
  isolation:isolate;
  border:1px solid #1d5268;
  border-radius:4px;
  background:#03111a;
  box-shadow:inset 0 0 0 1px rgba(34,211,238,.06),0 14px 34px rgba(0,0,0,.24);
}
.had-contact-portrait-typewriter:before{
  content:"";
  position:absolute;
  z-index:2;
  inset:8px;
  pointer-events:none;
  border:1px solid rgba(34,211,238,.24);
  background:
    linear-gradient(90deg,var(--had-cyan) 0 24px,transparent 24px) 0 0/42px 1px no-repeat,
    linear-gradient(var(--had-cyan) 0 24px,transparent 24px) 0 0/1px 42px no-repeat,
    linear-gradient(270deg,var(--had-cyan) 0 24px,transparent 24px) 100% 100%/42px 1px no-repeat,
    linear-gradient(0deg,var(--had-cyan) 0 24px,transparent 24px) 100% 100%/1px 42px no-repeat;
  opacity:.72;
}
.had-contact-portrait-typewriter:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(2,15,24,.05),rgba(2,15,24,.38)),
    radial-gradient(circle at 78% 16%,rgba(34,211,238,.16),transparent 34%),
    repeating-linear-gradient(180deg,transparent 0 3px,rgba(34,211,238,.025) 3px 4px);
  mix-blend-mode:multiply;
}
.had-contact-portrait-typewriter img{
  position:relative;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  filter:saturate(.72) contrast(1.08) brightness(.82) sepia(.06);
  transform:scale(1.01);
}

@media (min-width:901px) and (max-height:820px){
  .had-type-conferences [data-had-conference-analytics-body="profile"]{
    grid-template-rows:minmax(62px,auto) minmax(82px,1fr)!important;
  }
  .had-type-conferences [data-had-conference-analytics-body="profile"]>.had-conference-profile-dimensions{
    max-height:70px;
  }
  .had-type-conferences .had-conference-year-chart .had-advanced-year-bars{
    padding-top:15px!important;
  }
  .had-type-conferences .had-conference-year-chart .had-advanced-year-bars i{
    min-height:46px!important;
  }
}

@media (max-width:900px){
  .had-type-conferences [data-had-conference-analytics-body="profile"]{
    min-height:260px;
    grid-template-rows:auto minmax(135px,1fr)!important;
  }
  .had-contact-portrait-typewriter{
    min-height:340px;
  }
}
