/**
 * Version 5.0.13
 * - Publication overview contains only the four authored-output families.
 * - Teaching Portfolio drawers use the same fixed-image / scrollable-record
 *   reading model as journal-article drawers, with reactions and discussion.
 */

/* Four publication families: Journal Papers, Books, Theses and Persian Articles. */
.had-publications-final .had-output-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:none!important;
  grid-auto-rows:minmax(292px,auto)!important;
}
.had-publications-final .had-publication-dashboard{
  align-content:start!important;
}

/* Popup discussion is reserved for Teaching Portfolio records. */
.had-blog-popup-engagement .had-teaching-popup-discussion{
  display:none;
}
.had-detail-drawer.is-teaching-portfolio-context .had-blog-popup-engagement .had-teaching-popup-discussion{
  display:block;
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #c7dce2;
}

/* Journal-style Teaching popup: fixed evidence visual on the left, independently
   scrollable complete record on the right. */
.had-detail-drawer.is-teaching-portfolio-context .had-drawer-body{
  grid-template-columns:minmax(320px,420px) minmax(0,1fr)!important;
  gap:clamp(24px,3vw,44px)!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
.had-detail-drawer.is-teaching-portfolio-context .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:14px!important;
  border:1px solid #bfd5dc!important;
  background:#fff!important;
  box-shadow:0 18px 35px rgba(15,44,55,.14)!important;
}
.had-detail-drawer.is-teaching-portfolio-context .had-record-cover:before,
.had-detail-drawer.is-teaching-portfolio-context .had-record-cover>span,
.had-detail-drawer.is-teaching-portfolio-context .had-record-cover>b,
.had-detail-drawer.is-teaching-portfolio-context .had-record-cover>em,
.had-detail-drawer.is-teaching-portfolio-context .had-record-cover>i,
.had-detail-drawer.is-teaching-portfolio-context .had-record-cover>.had-media-motion{
  display:none!important;
}
.had-detail-drawer.is-teaching-portfolio-context .had-record-cover img{
  position:relative!important;
  inset:auto!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;
  filter:none!important;
  transform:none!important;
}
.had-detail-drawer.is-teaching-portfolio-context .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-teaching-portfolio-context .had-record-copy::-webkit-scrollbar{width:10px}
.had-detail-drawer.is-teaching-portfolio-context .had-record-copy::-webkit-scrollbar-track{background:#dce8eb}
.had-detail-drawer.is-teaching-portfolio-context .had-record-copy::-webkit-scrollbar-thumb{background:#13899a;border:2px solid #dce8eb;border-radius:999px}
.had-detail-drawer.is-teaching-portfolio-context .had-lead{
  display:none!important;
}
.had-detail-drawer.is-teaching-portfolio-context .had-rich-content{
  display:block!important;
  max-height:none!important;
  overflow:visible!important;
  color:#2d4c57!important;
  font-size:12px!important;
  line-height:1.68!important;
}
.had-detail-drawer.is-teaching-portfolio-context .had-rich-content[hidden]{display:none!important}
.had-detail-drawer.is-teaching-portfolio-context .had-rich-content h2{
  margin:1.15em 0 .55em;
  color:#0a5362;
  font-size:22px;
  line-height:1.2;
}
.had-detail-drawer.is-teaching-portfolio-context .had-rich-content h3{
  margin:1.2em 0 .45em;
  color:#0b6573;
  font-size:17px;
  line-height:1.25;
}
.had-detail-drawer.is-teaching-portfolio-context .had-rich-content h4{
  margin:1.15em 0 .4em;
  color:#245f6c;
  font-size:14px;
}
.had-detail-drawer.is-teaching-portfolio-context .had-rich-content p,
.had-detail-drawer.is-teaching-portfolio-context .had-rich-content li{
  font-size:12px;
  line-height:1.68;
}
.had-detail-drawer.is-teaching-portfolio-context .had-rich-content blockquote{
  margin:0 0 18px;
  padding:16px 18px;
  border-left:3px solid #0ca5ba;
  background:#eaf5f7;
  color:#164b59;
}

/* The supplied Teaching Evidence composite remains the fixed left visual. The
   detailed narrative stays readable on the right without repeating each image. */
.had-detail-drawer.is-teaching-portfolio-context .had-teaching-evidence-v440 .had-evidence-figure-v440,
.had-detail-drawer.is-teaching-portfolio-context .had-teaching-evidence-v440 .had-evidence-pair-v440{
  display:none!important;
}
.had-detail-drawer.is-teaching-portfolio-context .had-teaching-evidence-v440 .had-evidence-section-v440{
  margin-top:16px!important;
}

/* Teaching Evidence abstract uses the same compact treatment as publication abstracts. */
.had-detail-drawer.is-teaching-portfolio-context .had-publication-abstract:not([hidden]){
  display:block!important;
  margin:0 0 16px;
  padding:14px 15px;
  border:1px solid #c7dce2;
  border-left:3px solid var(--drawer-accent);
  background:#eef6f7;
}
.had-detail-drawer.is-teaching-portfolio-context .had-publication-abstract small{
  color:#08798a;
  font:700 8px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.1em;
}
.had-detail-drawer.is-teaching-portfolio-context .had-publication-abstract p{
  margin:8px 0 0;
  color:#31545f;
  font-size:12px;
  line-height:1.65;
}

/* Reactions + full discussion at the end of each Teaching popup. */
.had-detail-drawer.is-teaching-portfolio-context .had-blog-popup-engagement{
  display:block!important;
  margin:18px 0 4px;
  padding:13px 14px;
  border:1px solid #c8dde2;
  border-left:3px solid var(--drawer-accent);
  background:#eef5f7;
  color:#254852;
}
.had-detail-drawer.is-teaching-portfolio-context .had-blog-popup-comment-total{
  display:none!important;
}
.had-detail-drawer.is-teaching-portfolio-context .had-blog-popup-engagement-head h2,
.had-detail-drawer.is-teaching-portfolio-context .had-teaching-popup-discussion h2{
  margin:3px 0 0;
  color:#173f4b;
  font-size:14px;
}
.had-detail-drawer.is-teaching-portfolio-context .had-blog-popup-engagement-head small,
.had-detail-drawer.is-teaching-portfolio-context .had-teaching-popup-discussion small{
  color:#08798a;
  font-size:8px;
}
.had-detail-drawer.is-teaching-portfolio-context .had-blog-reaction-buttons{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  margin-top:10px;
}
.had-detail-drawer.is-teaching-portfolio-context .had-blog-reaction-buttons button{
  min-height:45px;
  padding:7px 8px;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:5px;
}
.had-detail-drawer.is-teaching-portfolio-context .had-blog-reaction-buttons button>span{font-size:15px}
.had-detail-drawer.is-teaching-portfolio-context .had-blog-reaction-buttons button>b{font-size:8px;line-height:1.15}
.had-detail-drawer.is-teaching-portfolio-context .had-blog-reaction-buttons button>em{font-size:8px;min-width:20px;padding:3px 4px}
.had-detail-drawer.is-teaching-portfolio-context .had-teaching-popup-discussion>header{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.had-detail-drawer.is-teaching-portfolio-context .had-teaching-popup-discussion>header>span{
  color:#5f7e89;
  font:700 8px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.had-detail-drawer.is-teaching-portfolio-context .had-comment-list{
  margin:0 0 12px;
}
.had-detail-drawer.is-teaching-portfolio-context .had-comment-form{
  padding-top:12px;
  border-top:1px solid #d3e2e6;
}
.had-detail-drawer.is-teaching-portfolio-context .had-comment-form h3{
  margin:0 0 4px;
  color:#173f4b;
  font-size:13px;
}
.had-detail-drawer.is-teaching-portfolio-context .had-comment-form>p{
  margin:0 0 10px;
  color:#5a7781;
  font-size:9px;
}

/* No full-page action in Teaching Portfolio popups; the popup is now complete. */
.had-detail-drawer.is-teaching-portfolio-context [data-had-detail-permalink]{
  display:none!important;
}
.had-detail-drawer.is-teaching-portfolio-context .had-drawer-actions{
  padding-top:14px;
  border-top:1px solid #d3e2e6;
}

@media(max-width:900px){
  .had-publications-final .had-output-grid{grid-template-columns:1fr!important;grid-template-rows:none!important;grid-auto-rows:auto!important}
  .had-detail-drawer.is-teaching-portfolio-context .had-drawer-body{display:block!important;overflow:auto!important}
  .had-detail-drawer.is-teaching-portfolio-context .had-record-cover{position:relative!important;width:min(100%,540px)!important;height:min(430px,58vh)!important;margin:0 auto 22px!important}
  .had-detail-drawer.is-teaching-portfolio-context .had-record-copy{max-height:none!important;overflow:visible!important;padding-right:0!important}
}
@media(max-width:600px){
  .had-detail-drawer.is-teaching-portfolio-context .had-blog-reaction-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
  .had-detail-drawer.is-teaching-portfolio-context .had-rich-content{font-size:14px!important}
  .had-detail-drawer.is-teaching-portfolio-context .had-rich-content p,
  .had-detail-drawer.is-teaching-portfolio-context .had-rich-content li{font-size:14px}
}