/** Version 5.0.22: site-wide academic-portfolio popup standard. */

.had-detail-drawer.is-academic-portfolio-standard{
  --had-standard-border:#bfd4da;
  --had-standard-soft:#eef5f7;
  --had-standard-ink:#173f4b;
  --had-standard-muted:#607f88;
}
.had-detail-drawer.is-academic-portfolio-standard .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-academic-portfolio-standard .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;
  background:#fff!important;
  border-color:var(--had-standard-border)!important;
}
.had-detail-drawer.is-academic-portfolio-standard .had-record-cover img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
}
.had-detail-drawer.is-academic-portfolio-standard .had-record-copy{
  min-width:0!important;
  min-height:0!important;
  max-height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  padding-right:10px!important;
  scrollbar-width:thin;
  scrollbar-color:#13899a #dce8eb;
}

/* v5.0.8 intentionally hides these for journal papers; governed portfolio
   records need their overview and full structured record visible. */
.had-detail-drawer.is-academic-portfolio-standard [data-had-detail-description],
.had-detail-drawer.is-academic-portfolio-standard .had-rich-content{
  display:block!important;
}
.had-detail-drawer.is-academic-portfolio-standard .had-lead[hidden],
.had-detail-drawer.is-academic-portfolio-standard .had-rich-content[hidden]{
  display:none!important;
}
.had-detail-drawer.is-academic-portfolio-standard .had-lead{
  margin:5px 0 18px!important;
  color:#315d67!important;
  font-size:clamp(14px,1.05vw,15px)!important;
  line-height:1.72!important;
  max-width:78ch;
}
.had-detail-drawer.is-academic-portfolio-standard .had-rich-content{
  max-height:none!important;
  overflow:visible!important;
  margin:0!important;
  padding:0!important;
}
.had-detail-drawer.is-academic-portfolio-standard .had-record-copy>.had-tag-row{
  display:none!important;
}

.had-portfolio-facts[hidden]{display:none!important}
.had-detail-drawer.is-academic-portfolio-standard .had-portfolio-facts{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:14px 0 22px;
}
.had-detail-drawer.is-academic-portfolio-standard .had-portfolio-facts>div{
  min-width:0;
  padding:11px 12px;
  border:1px solid var(--had-standard-border);
  background:var(--had-standard-soft);
}
.had-detail-drawer.is-academic-portfolio-standard .had-portfolio-facts small,
.had-detail-drawer.is-academic-portfolio-standard .had-portfolio-facts b{display:block}
.had-detail-drawer.is-academic-portfolio-standard .had-portfolio-facts small{
  color:var(--had-standard-muted);
  font:700 10px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.085em;
}
.had-detail-drawer.is-academic-portfolio-standard .had-portfolio-facts b{
  margin-top:5px;
  color:var(--had-standard-ink);
  font-size:13px;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.had-standard-popup-content{
  display:grid;
  gap:14px;
  min-width:0;
}
.had-standard-popup-section{
  min-width:0;
  padding:15px 16px;
  border:1px solid #ccdde1;
  background:#f8fbfc;
}
.had-standard-popup-section h2{
  margin:0 0 10px!important;
  color:#173f4b!important;
  font-size:15px!important;
  line-height:1.35!important;
  letter-spacing:.015em;
}
.had-standard-popup-section p{
  margin:0 0 8px;
  color:#315d67;
  font-size:13px;
  line-height:1.72;
}
.had-standard-popup-section p:last-child{margin-bottom:0}
.had-standard-list{
  display:grid;
  gap:7px;
  margin:0!important;
  padding:0 0 0 17px!important;
}
.had-standard-list li{
  color:#315d67;
  font-size:13px;
  line-height:1.62;
  padding-left:2px;
}
.had-standard-list a{
  color:#0e7485;
  font-weight:700;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
  overflow-wrap:anywhere;
}
.had-standard-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.had-standard-chip-row span{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  max-width:100%;
  padding:5px 8px;
  border:1px solid #bdd4d9;
  border-radius:999px;
  background:#eef6f7;
  color:#28545f;
  font-size:11px;
  font-weight:700;
  line-height:1.3;
  overflow-wrap:anywhere;
}
.had-standard-thesis{
  display:grid;
  gap:5px;
  padding:12px 13px;
  border-left:3px solid var(--drawer-accent,#148a9b);
  background:#eef5f7;
}
.had-standard-thesis p{margin:0!important}
.had-standard-fact-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.had-standard-fact-list>span{
  padding:10px 11px;
  border:1px solid #cbdde1;
  background:#fff;
}
.had-standard-fact-list small,.had-standard-fact-list b{display:block}
.had-standard-fact-list small{
  color:#6a858c;
  font:700 10px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.07em;
}
.had-standard-fact-list b{
  margin-top:4px;
  color:#234b55;
  font-size:12px;
  line-height:1.5;
}

/* Old record-specific boxes are replaced by the shared structured facts. */
.had-detail-drawer.is-academic-portfolio-standard [data-had-publication-abstract],
.had-detail-drawer.is-academic-portfolio-standard [data-had-publication-keywords],
.had-detail-drawer.is-academic-portfolio-standard [data-had-publication-facts],
.had-detail-drawer.is-academic-portfolio-standard [data-had-conference-facts],
.had-detail-drawer.is-academic-portfolio-standard [data-had-thesis-facts],
.had-detail-drawer.is-academic-portfolio-standard [data-had-citation-box],
.had-detail-drawer.is-academic-portfolio-standard [data-had-detail-url],
.had-detail-drawer.is-academic-portfolio-standard [data-had-copy],
.had-detail-drawer.is-academic-portfolio-standard .had-teaching-popup-discussion{
  display:none!important;
}

/* Preserve Journal/Papers Reader Reactions styling, without the discussion form. */
.had-detail-drawer.is-academic-portfolio-standard .had-blog-popup-engagement{
  display:block!important;
  margin:16px 0 4px!important;
  padding:12px 13px!important;
  border:1px solid #c8dde2!important;
  border-left:3px solid var(--drawer-accent,#148a9b)!important;
  background:#eef5f7!important;
  color:#254852!important;
}
.had-detail-drawer.is-academic-portfolio-standard .had-blog-popup-comment-total{display:none!important}
.had-detail-drawer.is-academic-portfolio-standard .had-blog-popup-engagement-head h2{
  margin:3px 0 0!important;
  font-size:15px!important;
  color:#173f4b!important;
}
.had-detail-drawer.is-academic-portfolio-standard .had-blog-popup-engagement-head small{font-size:10px!important}
.had-detail-drawer.is-academic-portfolio-standard .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-academic-portfolio-standard .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-academic-portfolio-standard .had-blog-reaction-buttons button>span{font-size:15px!important}
.had-detail-drawer.is-academic-portfolio-standard .had-blog-reaction-buttons button>b{font-size:10px!important;line-height:1.15!important}
.had-detail-drawer.is-academic-portfolio-standard .had-blog-reaction-buttons button>em{font-size:10px!important;min-width:20px!important;padding:3px 4px!important}
.had-detail-drawer.is-academic-portfolio-standard .had-engagement-message{min-height:10px!important;margin:4px 0 0!important;font-size:10px!important}

.had-detail-drawer.is-academic-portfolio-standard .had-drawer-actions{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  margin-top:12px!important;
}
.had-detail-drawer.is-academic-portfolio-standard .had-drawer-actions>button[data-had-close]{
  min-height:38px;
}

.had-detail-overlay :is(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid #0d8091!important;
  outline-offset:3px!important;
}
.had-detail-drawer.is-academic-portfolio-standard,
.had-detail-drawer.is-academic-portfolio-standard *{box-sizing:border-box}

@media(max-width:900px){
  .had-detail-drawer.is-academic-portfolio-standard .had-drawer-body{
    display:block!important;
    overflow:auto!important;
    overscroll-behavior:contain;
  }
  .had-detail-drawer.is-academic-portfolio-standard .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-academic-portfolio-standard .had-record-copy{
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
  }
}
@media(max-width:600px){
  .had-detail-drawer.is-academic-portfolio-standard .had-lead,
  .had-detail-drawer.is-academic-portfolio-standard .had-standard-popup-section p,
  .had-detail-drawer.is-academic-portfolio-standard .had-standard-list li{font-size:14px!important}
  .had-detail-drawer.is-academic-portfolio-standard .had-portfolio-facts,
  .had-standard-fact-list{grid-template-columns:1fr!important}
  .had-detail-drawer.is-academic-portfolio-standard .had-blog-reaction-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .had-standard-popup-section{padding:13px 12px}
}