/**
 * Version 5.0.14
 * Authoritative Course Syllabi reader refinements.
 * Keeps the supplied course visual fixed on the left and the complete syllabus
 * independently scrollable on the right, matching the publication readers.
 */

.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-drawer-body{
  grid-template-columns:minmax(320px,420px) minmax(0,1fr)!important;
}
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-record-cover{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:clamp(410px,64vh,610px)!important;
  padding:16px!important;
  background:#fff!important;
}
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-record-cover img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important;
}

/* The right pane is the complete course record. */
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-record-copy{
  padding-right:12px!important;
}
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-rich-content{
  font-size:12px!important;
  line-height:1.7!important;
}
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-rich-content p,
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-rich-content li,
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-rich-content td,
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-rich-content th{
  font-size:12px!important;
  line-height:1.62!important;
}
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-rich-content a{
  color:#067f91!important;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:2px;
}

/* Course metadata uses the compact journal fact-card language. */
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-syllabus-facts{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 0 18px!important;
}
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-syllabus-facts>div{
  padding:10px 12px!important;
  border:1px solid #c7dce2!important;
  background:#eef6f7!important;
}
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-syllabus-facts dt{
  margin:0 0 4px!important;
  color:#08798a!important;
  font:700 8px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-syllabus-facts dd{
  margin:0!important;
  color:#193f4c!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.4!important;
}

.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-syllabus-section{
  margin:0 0 19px!important;
}
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-syllabus-section>h2{
  margin:0 0 8px!important;
  padding:0 0 7px!important;
  border-bottom:1px solid #c7dce2!important;
  color:#0a5362!important;
  font-size:15px!important;
  line-height:1.25!important;
}
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-syllabus-section:first-of-type{
  padding:13px 14px!important;
  border:1px solid #c7dce2!important;
  border-left:3px solid var(--drawer-accent)!important;
  background:#eef6f7!important;
}
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-syllabus-section:first-of-type>h2{
  color:#08798a!important;
}

.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-syllabus-list{
  display:block!important;
  margin:7px 0 0!important;
  padding-left:20px!important;
}
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-syllabus-list li{
  margin:0 0 5px!important;
}
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-syllabus-table-wrap{
  width:100%!important;
  margin:9px 0 0!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch;
}
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-syllabus-table{
  width:100%!important;
  min-width:520px!important;
  border-collapse:collapse!important;
}
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-syllabus-table th,
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-syllabus-table td{
  padding:7px 9px!important;
  border:1px solid #c7dce2!important;
  vertical-align:top!important;
}
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-syllabus-table th{
  background:#e4f1f3!important;
  color:#0a5362!important;
  font-weight:800!important;
}

/* Course readers keep only useful popup actions. */
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record [data-had-detail-permalink]{
  display:none!important;
}
.had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record [data-had-detail-url]:not([hidden]){
  display:inline-flex!important;
  align-items:center;
  gap:6px;
}

@media(max-width:900px){
  .had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-record-cover{
    width:min(100%,560px)!important;
    height:min(470px,58vh)!important;
  }
  .had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-syllabus-facts{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:600px){
  .had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-record-cover{
    height:360px!important;
  }
  .had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-syllabus-facts{
    grid-template-columns:1fr!important;
  }
  .had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-rich-content,
  .had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-rich-content p,
  .had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-rich-content li,
  .had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-rich-content td,
  .had-detail-drawer.is-teaching-portfolio-context.is-course-syllabus-record .had-rich-content th{
    font-size:14px!important;
  }
}