/**
 * Version 5.0.16: Career Record drawers aligned to the Education Record layout.
 *
 * The Big Data Analytics Specialisation Studies education popup is the visual
 * reference: compact 320px evidence panel on the left, contained authentic
 * image, readable full record on the right, and one shared scrolling surface.
 */

.had-detail-drawer.is-career-record .had-drawer-body{
  grid-template-columns:minmax(250px,320px) minmax(0,1fr)!important;
  gap:clamp(24px,3vw,42px)!important;
  align-items:start!important;
  overflow:auto!important;
}

.had-detail-drawer.is-career-record .had-record-cover{
  position:relative!important;
  top:auto!important;
  align-self:start!important;
  width:100%!important;
  height:clamp(340px,52vh,430px)!important;
  margin:0!important;
  padding:12px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:#f3f7f8!important;
  border:1px solid #b9d6dd!important;
  box-shadow:0 18px 38px rgba(0,31,48,.16)!important;
}

.had-detail-drawer.is-career-record .had-record-cover:before{display:none!important}

.had-detail-drawer.is-career-record .had-record-cover img{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
}

.had-detail-drawer.is-career-record .had-record-cover img:not([hidden])~span,
.had-detail-drawer.is-career-record .had-record-cover img:not([hidden])~b,
.had-detail-drawer.is-career-record .had-record-cover img:not([hidden])~em,
.had-detail-drawer.is-career-record .had-record-cover img:not([hidden])~i{display:none!important}

.had-detail-drawer.is-career-record .had-record-copy{
  min-width:0!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding-right:0!important;
  scrollbar-width:auto!important;
}

/* Education records show the introductory summary immediately below FULL RECORD. */
.had-detail-drawer.is-career-record .had-record-copy>.had-lead{
  display:block!important;
  margin:0 0 16px!important;
  color:#315864!important;
  font-size:12px!important;
  line-height:1.65!important;
}

.had-detail-drawer.is-career-record .had-record-copy>.had-tag-row{display:none!important}

.had-detail-drawer.is-career-record .had-rich-content{
  display:block!important;
  max-height:none!important;
  overflow:visible!important;
  margin:0!important;
  color:#405c68!important;
  font-size:12px!important;
  line-height:1.65!important;
}

.had-detail-drawer.is-career-record .had-rich-content[hidden]{display:none!important}
.had-detail-drawer.is-career-record .had-rich-content .had-career-profile{width:100%;max-width:none}

/* Match the education record's simple heading/list treatment rather than card facts. */
.had-detail-drawer.is-career-record .had-career-profile h2{display:none!important}
.had-detail-drawer.is-career-record .had-career-profile h3{
  margin:18px 0 8px!important;
  color:#154a5b!important;
  font-size:14px!important;
  line-height:1.35!important;
}
.had-detail-drawer.is-career-record .had-career-profile p{margin:0 0 12px!important}
.had-detail-drawer.is-career-record .had-career-profile ul{
  margin:0!important;
  padding-left:20px!important;
}
.had-detail-drawer.is-career-record .had-career-profile li{
  margin:0 0 8px!important;
  color:#405c68!important;
}
.had-detail-drawer.is-career-record .had-career-position-details strong{color:#214c59}

.had-detail-drawer.is-career-record .had-career-profile a{
  color:#087f91!important;
  font-weight:700!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(8,127,145,.28)!important;
}
.had-detail-drawer.is-career-record .had-career-profile a:hover,
.had-detail-drawer.is-career-record .had-career-profile a:focus-visible{border-bottom-color:currentColor!important}

.had-detail-drawer.is-career-record .had-career-chip-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:0 0 4px!important;
}
.had-detail-drawer.is-career-record .had-career-chip-row span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:27px!important;
  padding:5px 9px!important;
  border:1px solid #b9d6dd!important;
  border-radius:999px!important;
  background:#eef6f8!important;
  color:#245360!important;
  font-size:9.5px!important;
  line-height:1.25!important;
}
.had-detail-drawer.is-career-record .had-career-chip-row.is-methods span{border-left:2px solid #0aa6b8!important}
.had-detail-drawer.is-career-record .had-career-chip-row.is-competencies span{border-left:2px solid #7696d8!important}
.had-detail-drawer.is-career-record .had-career-link-list{padding-left:20px!important;margin:0!important}

/* Keep the previously requested reader-reaction block, but size it to the education layout. */
.had-detail-drawer.is-career-record .had-blog-popup-engagement{
  display:block!important;
  margin:20px 0 4px!important;
  padding:12px 13px!important;
  border:1px solid #c8dde2!important;
  border-left:3px solid var(--drawer-accent)!important;
  background:#eef5f7!important;
  color:#254852!important;
}
.had-detail-drawer.is-career-record .had-blog-popup-comment-total,
.had-detail-drawer.is-career-record .had-teaching-popup-discussion{display:none!important}
.had-detail-drawer.is-career-record .had-blog-popup-engagement-head h2{
  margin:3px 0 0!important;
  font-size:14px!important;
  color:#173f4b!important;
}
.had-detail-drawer.is-career-record .had-blog-popup-engagement-head small{font-size:8px!important}
.had-detail-drawer.is-career-record .had-blog-reaction-buttons{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  margin-top:10px!important;
}
.had-detail-drawer.is-career-record .had-blog-reaction-buttons button{
  min-height:45px!important;
  padding:7px 8px!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:5px!important;
}
.had-detail-drawer.is-career-record .had-blog-reaction-buttons button>span{font-size:15px!important}
.had-detail-drawer.is-career-record .had-blog-reaction-buttons button>b{font-size:8px!important;line-height:1.15!important}
.had-detail-drawer.is-career-record .had-blog-reaction-buttons button>em{font-size:8px!important;min-width:20px!important;padding:3px 4px!important}
.had-detail-drawer.is-career-record .had-engagement-message{min-height:10px;margin:4px 0 0;font-size:8px}

/* Career records are complete in the drawer: no redundant full-page/source links. */
.had-detail-drawer.is-career-record [data-had-detail-url],
.had-detail-drawer.is-career-record [data-had-detail-permalink]{display:none!important}
.had-detail-drawer.is-career-record .had-drawer-actions{justify-content:flex-start!important}

@media(max-width:760px){
  .had-detail-drawer.is-career-record .had-drawer-body{
    display:block!important;
    overflow:auto!important;
  }
  .had-detail-drawer.is-career-record .had-record-cover{
    width:min(100%,320px)!important;
    height:min(430px,58vh)!important;
    margin:0 auto 22px!important;
  }
  .had-detail-drawer.is-career-record .had-record-copy{
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
  }
}

@media(max-width:600px){
  .had-detail-drawer.is-career-record .had-blog-reaction-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}