/** Version 5.0.15: journal-style full Career Record drawers. */

.had-detail-drawer.is-career-record .had-drawer-body{
  grid-template-columns:minmax(300px,390px) minmax(0,1fr)!important;
  gap:clamp(24px,3vw,44px)!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
.had-detail-drawer.is-career-record .had-record-cover{
  position:sticky!important;
  top:0!important;
  align-self:start!important;
  width:100%!important;
  height:clamp(390px,62vh,590px)!important;
  margin:0!important;
  padding:clamp(14px,1.5vw,22px)!important;
  display:grid!important;
  place-items:center!important;
  background:#f5f8f9!important;
  border:1px solid #bdd5dc!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-height:0!important;
  max-height:100%!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding-right:10px!important;
  scrollbar-width:thin;
  scrollbar-color:#13899a #dce8eb;
}
.had-detail-drawer.is-career-record .had-record-copy>.had-lead,
.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:#315864;
  font-size:12px;
  line-height:1.65;
}
.had-detail-drawer.is-career-record .had-rich-content .had-career-profile{width:100%;max-width:none}
.had-detail-drawer.is-career-record .had-career-profile-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:2px 0 18px;
}
.had-detail-drawer.is-career-record .had-career-profile-facts>span{
  min-width:0;
  padding:11px 12px;
  border:1px solid #c5d8de;
  background:#eef5f7;
}
.had-detail-drawer.is-career-record .had-career-profile-facts small,
.had-detail-drawer.is-career-record .had-career-profile-facts b{display:block}
.had-detail-drawer.is-career-record .had-career-profile-facts small{
  color:#66828d;
  font:700 8px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.had-detail-drawer.is-career-record .had-career-profile-facts b{
  margin-top:5px;
  color:#183f4b;
  font-size:11px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.had-detail-drawer.is-career-record .had-career-profile h2{
  margin:18px 0 8px;
  padding-top:1px;
  color:#0c8798;
  font-size:15px;
  line-height:1.25;
}
.had-detail-drawer.is-career-record .had-career-profile p{margin:0 0 12px}
.had-detail-drawer.is-career-record .had-career-profile ul{
  margin:0 0 14px;
  padding-left:20px;
}
.had-detail-drawer.is-career-record .had-career-profile li{margin:0 0 7px}
.had-detail-drawer.is-career-record .had-career-profile a{
  color:#087f91;
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid rgba(8,127,145,.28);
}
.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}
.had-detail-drawer.is-career-record .had-career-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 14px;
}
.had-detail-drawer.is-career-record .had-career-chip-row span{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:5px 9px;
  border:1px solid #b9d6dd;
  border-radius:999px;
  background:#eef6f8;
  color:#245360;
  font-size:9.5px;
  line-height:1.25;
}
.had-detail-drawer.is-career-record .had-career-chip-row.is-methods span{border-left:2px solid #0aa6b8}
.had-detail-drawer.is-career-record .had-career-chip-row.is-competencies span{border-left:2px solid #7696d8}
.had-detail-drawer.is-career-record .had-career-link-list{padding-left:18px;margin-bottom:16px}

/* Career popups use reactions, but not the public comment form. */
.had-detail-drawer.is-career-record .had-blog-popup-engagement{
  display:block!important;
  margin:18px 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}

/* The complete role record lives in the popup. Evidence links are in-content. */
.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}

@media(max-width:900px){
  .had-detail-drawer.is-career-record .had-drawer-body{display:block!important;overflow:auto!important}
  .had-detail-drawer.is-career-record .had-record-cover{
    position:relative!important;
    width:min(100%,390px)!important;
    height:min(520px,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-career-profile-facts{grid-template-columns:1fr}
  .had-detail-drawer.is-career-record .had-blog-reaction-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}