.panel-breadcrumb {
  color: #53665b;
  font-size: .8rem;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
}
.panel-search-toggle {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  border: 1px solid #cbdcc4;
  background: #fff;
  color: #18311e;
  border-radius: 999px;
  padding: .4rem .75rem;
  white-space: nowrap;
}
.panel-search-toggle .material-symbols-outlined { font-size: 1.25rem; }
.panel-search-toggle kbd { background: #eef4e9; color: #526359; font-size: .68rem; }
.panel-search[hidden] { display: none; }
.panel-search {
  position: fixed;
  inset: 0;
  z-index: 1100;
  background: rgba(9, 30, 19, .45);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: min(12vh, 90px) 16px 16px;
}
.panel-search__box {
  width: min(600px, 100%);
  max-height: min(75vh, 680px);
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #d5e8ca;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .2);
  overflow: hidden;
}
.panel-search__input-row { display: flex; align-items: center; gap: .7rem; padding: .8rem 1rem; border-bottom: 1px solid #e0ead9; }
.panel-search__input-row input { flex: 1; min-width: 0; border: 0; outline: 0; font: inherit; }
.panel-search__input-row button { border: 0; background: transparent; color: #53665b; }
.panel-search__results { overflow-y: auto; padding: .5rem; }
.panel-search__item { display: flex; align-items: center; border-radius: 12px; }
.panel-search__item:hover, .panel-search__item:focus-within { background: #f1f9eb; }
.panel-search__result { display: flex; flex: 1; flex-direction: column; padding: .55rem .75rem; color: #18311e; text-decoration: none; }
.panel-search__result small { color: #617268; }
.panel-search__star { border: 0; background: transparent; color: #7c9300; padding: .5rem .75rem; font-size: 1.4rem; }
.panel-search__heading, .panel-search__empty { margin: .5rem .75rem; color: #53665b; font-size: .85rem; }
.panel-section-tabs { display: flex; flex-wrap: wrap; gap: .35rem; border-bottom: 1px solid #d5e8ca; margin-bottom: 1.25rem; }
.panel-section-tabs__link { display: inline-block; padding: .7rem 1rem; color: #365342; text-decoration: none; border-bottom: 3px solid transparent; }
.panel-section-tabs__link:hover, .panel-section-tabs__link.is-active { color: #0d5734; border-bottom-color: #a6bd00; }
.panel-period { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin: -.3rem 0 1.25rem; }
.panel-period__button { border: 1px solid #cbdcc4; border-radius: 999px; background: #fff; color: #365342; padding: .4rem .8rem; font-size: .84rem; }
.panel-period__button:hover, .panel-period__button.is-active { background: #eaf7de; border-color: #a4bc8c; color: #0d5734; }
@media (max-width: 700px) {
  .panel-breadcrumb, .panel-search-toggle__label, .panel-search-toggle kbd { display: none; }
  .panel-search-toggle { padding: .35rem; border: 0; }
}