@charset "UTF-8";
/* ==========================================================================
   Light skin — companion to _aquila_dark. Same instrument panel, lights on:
   the primary teal and accent coral are brand-invariant and stay untouched:
   only the two roots (background/text) invert, in the same slate hue family
   as the dark skin's #252a34, so the two read as one identity, not two skins.
   ========================================================================== */
/* Colors */
.publi-controls {
  display: flex;
  justify-content: flex-end;
}

.listing-pref__toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: 44px;
  padding: 0 0.6rem;
  margin-inline-end: -0.6rem;
  background: none;
  border: 1px solid transparent;
  border-radius: 4px;
  color: rgb(66.6, 74.6, 79.2);
  font-family: inherit;
  font-size: 0.8rem;
  line-height: 1;
  cursor: pointer;
  transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}
.listing-pref__toggle:hover {
  color: #20242c;
  border-color: rgb(170.4, 190.4, 184.8);
}
.listing-pref__toggle:focus-visible {
  outline: 2px solid rgb(8, 138.75, 146.75);
  outline-offset: 2px;
}

.publi-show-all .listing-pref__toggle {
  color: #20242c;
  background: rgb(191.16, 213.56, 205.92);
  border-color: rgb(170.4, 190.4, 184.8);
}

#publi-container,
#talks-container {
  margin-top: 1rem;
}

.publi-controls {
  margin-bottom: 0.5rem;
}

.listing-pref__icon--years,
.listing-pref__label--years {
  display: none;
}

.publi-show-all .listing-pref__icon--all,
.publi-show-all .listing-pref__label--all {
  display: none;
}
.publi-show-all .listing-pref__icon--years,
.publi-show-all .listing-pref__label--years {
  display: inline;
}

.publi-tabs {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid rgb(170.4, 190.4, 184.8);
  margin-bottom: 1rem;
}

.publi-tab-btn {
  color: #20242c;
  font-size: 90%;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0.3rem 0.7rem;
  background: transparent;
  border: 1px solid transparent;
  border-bottom: none;
  cursor: pointer;
  position: relative;
  bottom: -1px;
  transition: color 0.15s ease;
}
.publi-tab-btn:hover {
  color: #00adb5;
  border-color: rgb(170.4, 190.4, 184.8) rgb(170.4, 190.4, 184.8) transparent;
}
.publi-tab-btn:focus-visible {
  outline: 2px solid rgb(8, 138.75, 146.75);
  outline-offset: -2px;
  color: #00adb5;
}
.publi-tab-btn.is-active {
  color: #00adb5;
  background-color: #cde5dc;
  border-color: rgb(170.4, 190.4, 184.8) rgb(170.4, 190.4, 184.8) #cde5dc;
}

.publi-count {
  display: inline-block;
  background-color: rgb(182.51, 203.91, 197.12);
  color: #20242c;
  border-radius: 8px;
  padding: 1px 6px;
  font-size: 85%;
  font-weight: normal;
  vertical-align: middle;
  margin-left: 3px;
}

.publi-panels {
  padding-top: 0;
}

.publi-panel + .publi-panel {
  margin-top: 2em;
}

.js .publi-panel {
  display: none;
}
.js .publi-panel.is-active {
  display: block;
}
.js .publi-show-all .publi-tabs {
  display: none;
}
.js .publi-show-all .publi-panel {
  display: block;
}

html:not(.js) .publi-tabs,
html:not(.js) .publi-controls {
  display: none;
}

@media print {
  .publi-controls {
    display: none;
  }
  .js .publi-tabs {
    display: none;
  }
  .js .publi-panel {
    display: block;
  }
}

/*# sourceMappingURL=publi-tab-light.css.map */