/* COGO_LECTURE_FIT_R1. Scope every rule to the lecture route. */
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 {
  display:flex!important; flex-direction:column!important;
  height:var(--lf-room)!important; max-height:var(--lf-room)!important;
  min-height:0!important; box-sizing:border-box!important;
  padding-top:18px!important; padding-bottom:10px!important;
  row-gap:10px!important; overflow:auto!important; scrollbar-gutter:auto!important;
}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 > .page {
  display:flex!important; flex-direction:column!important; flex:0 0 auto!important;
  height:auto!important; min-height:0!important; max-height:none!important;
  padding-top:0!important; padding-bottom:0!important; overflow:visible!important;
}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 .media-desk11 {
  display:flex!important; flex-direction:column!important; gap:14px!important;
  height:auto!important; min-height:0!important; max-height:none!important;
  flex:none!important; padding:0!important; overflow:visible!important;
}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 .desk-head9 {
  flex:0 0 auto!important; margin:0!important; min-height:48px!important; gap:12px;
}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 .desk-head9 .eyebrow {display:none}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 .desk-head9 h1 {font-size:24px;line-height:1.3;margin:0}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 .desk-head9 p {font-size:12px;line-height:1.5;margin:5px 0 0}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 .cert-tools11 {
  display:flex!important; gap:10px!important; margin:0!important; flex:0 0 auto!important;
}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 .cert-tools11 .v6-search {min-width:0;flex:1}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 #lectureCards11 {
  display:grid!important; grid-template-columns:repeat(var(--lf-columns,3),minmax(0,1fr))!important;
  grid-template-rows:none!important; grid-auto-rows:var(--lf-card,270px)!important;
  gap:14px!important; padding:0!important; margin:0!important;
  height:auto!important; min-height:0!important; max-height:none!important; flex:none!important;
  align-content:start!important; align-items:stretch!important; overflow:visible!important;
}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 #lectureCards11 :is(.lecture-card301,.lecture-card11) {
  display:flex!important; flex-direction:column!important; min-width:0!important;
  height:100%!important; min-height:0!important; max-height:none!important; padding:0!important;
  border:1px solid var(--line,#dbe3f1); border-radius:14px; background:var(--surface,#fff);
  overflow:hidden!important; box-shadow:0 3px 12px #21345e05; text-align:left;
}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 #lectureCards11 :is(.lecture-art301,.lecture-thumb12) {
  position:relative; display:flex!important; align-items:center; justify-content:center;
  height:var(--lf-art,150px)!important; min-height:0!important; max-height:none!important;
  width:100%!important; aspect-ratio:auto!important; flex:0 0 var(--lf-art,150px)!important;
  margin:0!important; padding:0!important; background:var(--surface-soft,#eef2fa); overflow:hidden;
}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 #lectureCards11 img {
  width:100%!important; height:100%!important; object-fit:contain!important; display:block;
}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 #lectureCards11 img[hidden] {display:none!important}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 #lectureCards11 :is(.lecture-info301,.lecture-card11>section) {
  display:flex!important; flex-direction:column!important; flex:1!important; min-height:0!important;
  min-width:0!important; padding:12px 14px!important; gap:6px!important;
}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 #lectureCards11 :is(h2,h3) {
  display:-webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  overflow:hidden; font-size:14px!important; line-height:1.5!important; font-weight:650;
  margin:0!important; min-height:0!important; flex:0 0 auto; overflow-wrap:anywhere;
}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 #lectureCards11 small {
  display:block; font-size:11px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:none;
}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 .lecture-watch301 {
  margin-top:auto!important; min-height:36px!important; padding:7px 10px!important; flex:none;
  color:var(--blue,#4059bd); background:var(--blue-soft,#f4f7ff); border-color:var(--line,#dce4fa);
}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 .lecture-card11 section > p {
  margin-top:auto!important; margin-bottom:0!important; font-size:11px!important;line-height:1.4;
}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 #lecturePager11 {
  display:flex!important; flex-wrap:wrap; align-items:center; justify-content:space-between;
  min-height:44px!important; margin:0!important; padding:4px 0!important; gap:8px;
  flex:none!important; box-sizing:border-box;
}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 #lecturePager11 button {min-height:36px;min-width:54px}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 #lectureCards11 > :is(.empty9,.ops-board-empty22,.ops-error22) {
  grid-column:1/-1; align-self:center; justify-self:center; text-align:center; padding:20px;
}
html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 .lf-image-error {color:var(--muted,#65728c);font-size:14px;font-weight:650}
@media(max-width:760px){
  html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 {padding-top:10px!important}
  html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 .desk-head9 h1 {font-size:21px}
  html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 .desk-head9 p {display:none}
  html body[data-view=lectures] #main.content.cogo-lecture-fit-r1 .desk-head9 {min-height:36px!important}
}