* {
  box-sizing:border-box
}
body {
  margin:0;
  color:#20231f;
  font:16px/1.65 Arial,"Noto Sans Hebrew",sans-serif
}
.layout {
  max-width:1050px;
  margin:0 auto;
  padding:32px 24px;
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  gap:42px
}
aside {
  position:sticky;
  top:32px;
  align-self:start;
  border-left:1px solid #e5e7e3;
  padding-left:20px
}
aside ul {
  list-style:none;
  padding:0;
  margin:0
}
aside nav li {
  margin:0 0 8px
}
a {
  color:#24583c;
  text-decoration:underline;
  text-underline-offset:3px
}
a.missing-file {
  color:#a34c35;
  text-decoration-style:dashed
}
a.missing-file:hover {
  color:#7c3020
}
aside a {
  text-decoration:none
}
aside a[aria-current="page"] {
  font-weight:700;
  color:#20231f
}
h1 {
  font-size:22px;
  font-weight:600;
  margin:0 0 22px
}
h2 {
  font-size:17px;
  font-weight:600;
  margin:24px 0 4px;
  padding-bottom:3px;
  border-bottom:1px solid #e5e7e3
}
.files {
  padding-right:22px;
  margin:4px 0 20px
}
.files li {
  padding:2px 0;
  scroll-margin-block:45vh
}
.files li.record-target-flash {
  border-radius:4px;
  animation:record-target-flash 3.2s ease-in-out both
}
@keyframes record-target-flash {
  0%,100% { background:transparent; box-shadow:0 0 0 0 transparent }
  18%,54% { background:#fff3bb; box-shadow:0 0 0 5px #fff3bb }
  36%,72% { background:#fffaf0; box-shadow:0 0 0 2px #fffaf0 }
}
@media(prefers-reduced-motion:reduce) {
  .files li.record-target-flash { animation:none; background:#fff3bb; box-shadow:0 0 0 5px #fff3bb }
}
.search {
  margin:0 0 24px
}
.search label {
  display:block;
  font-weight:600;
  margin-bottom:4px
}
.search input {
  font:inherit;
  width:min(100%,420px);
  padding:8px 10px;
  border:1px solid #cdd3cc;
  border-radius:4px
}
aside .search input {
  width:100%;
  min-width:0
}
.search-status {
  color:#777;
  font-size:14px;
  margin:4px 0
}
.search-results {
  padding-right:22px;
  margin:0 0 10px
}
.search-results li {
  padding:2px 0
}
.record-location-link {
  display:inline-grid;
  width:18px;
  height:18px;
  place-items:center;
  border:1px solid #d9ddd8;
  border-radius:50%;
  color:#526c62;
  font-size:11px;
  line-height:1;
  text-decoration:none;
  vertical-align:middle
}
.record-location-link:hover,.record-location-link:focus-visible {
  border-color:#789184;
  background:#f1f5f1;
  color:#263f34;
  outline:0
}
.search-results small {
  color:#666
}
.search-page-link {
  margin:0 0 14px;
  font-size:14px
}
.sidebar-divider {
  border:0;
  border-top:1px solid #e5e7e3;
  margin:0 0 18px
}
.pdf-search-form {
  margin-bottom:20px
}
.advanced-filters {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 10px;
  margin:12px 0
}
.advanced-filters>label {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:3px;
  min-width:0;
  font-size:14px
}
.advanced-filters>.inline-filter,
.advanced-filters>.type-filter,
.advanced-filters>label[for="exclude-terms"] { grid-column:1 / -1 }
.advanced-filters>.type-filter { grid-column:1 }
.advanced-filters>.year-filter { grid-column:2 }
.advanced-filters>label[for="instructor-filter"] { grid-column:1 }
.advanced-filters>label[for="exclude-terms"] { grid-column:2 }
.type-filter {
  display:flex;
  flex-wrap:wrap;
  gap:4px 10px;
  margin:0;
  padding:5px 8px 7px;
  min-width:0
}
.type-filter legend { font-size:14px }
.type-filter label {
  display:flex;
  align-items:center;
  gap:7px
}
.type-filter input {
  margin:0
}
.year-range-values {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
  font-size:14px;
  padding:0
}
.year-range-values output {
  font-weight:600
}
.year-slider {
  position:relative;
  grid-column:1;
  grid-row:2;
  height:112px;
  width:18px;
  margin:0 auto 4px
}
.year-filter {
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:center;
  column-gap:5px;
  margin:0;
  padding:5px 7px 7px;
  min-width:0
}
.year-filter legend { grid-column:1 / -1; font-size:14px }
.year-range-values { grid-column:2; grid-row:2; overflow-wrap:anywhere }
.year-slider:before {
  content:"";
  position:absolute;
  left:8px;
  top:0;
  bottom:0;
  width:2px;
  border-radius:2px;
  background:linear-gradient(to bottom,#dfe4df 0 var(--range-start,0%),#24583c var(--range-start,0%) var(--range-end,100%),#dfe4df var(--range-end,100%) 100%)
}
.year-slider input[type=range] {
  position:absolute;
  left:0;
  top:0;
  height:112px;
  width:18px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  appearance:none;
  writing-mode:vertical-lr;
  direction:rtl;
  pointer-events:none
}
.year-slider input[type=range]::-webkit-slider-runnable-track {
  background:transparent
}
.year-slider input[type=range]::-webkit-slider-thumb {
  appearance:none;
  width:12px;
  height:12px;
  border:2px solid #24583c;
  border-radius:50%;
  background:#fff;
  pointer-events:none
}
.year-slider input[type=range]::-moz-range-track {
  background:transparent
}
.year-slider input[type=range]::-moz-range-thumb {
  width:12px;
  height:12px;
  border:2px solid #24583c;
  border-radius:50%;
  background:#fff;
  pointer-events:none
}
.year-slider {
  touch-action:none
}
.year-slider:after {
  content:"";
  position:absolute;
  inset:-10px;
  z-index:3;
  background:transparent;
  touch-action:none;
  cursor:ns-resize
}
.filter-heading {
  margin-top:0
}
.inline-filter {
  flex-direction:row!important;
  align-items:center!important
}
.pdf-search-results p {
  unicode-bidi:plaintext
}
.pdf-search-results a {
  unicode-bidi:plaintext
}
.search-layout {
  grid-template-columns:280px minmax(0,1fr)
}
.search-layout aside {
  max-height:calc(100vh - 32px);
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable
}
.advanced-filters input,.advanced-filters select {
  font:inherit;
  padding:4px 6px;
  border:1px solid #cdd3cc;
  border-radius:4px
}
.pdf-search-results {
  list-style:none;
  padding:0;
  margin:18px 0
}
.pdf-search-results li {
  border-bottom:1px solid #e5e7e3;
  padding:12px 0
}
.pdf-search-results .record-location-link { margin-inline-start:4px }
.pdf-search-results p {
  margin:4px 0;
  color:#555;
  font-size:14px
}
.attribution {
  color:#666;
  font-size:14px
}
.empty {
  color:#777;
  font-size:14px
}
@media(max-width:650px) {
  .layout {
  display:block;
  padding:20px
}
aside {
  position:static;
  border-left:0;
  border-bottom:1px solid #e5e7e3;
  padding:0 0 12px;
  margin-bottom:24px
}
.search-layout aside {
  max-height:44vh;
  overflow-y:auto;
  overscroll-behavior:contain
}
.search-layout .advanced-filters { grid-template-columns:repeat(2,minmax(0,1fr)) }
aside nav ul {
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px
}
aside nav li {
  margin:0
}

}