/* Thinner text rendering, as on faberpet.ro and in Figma. */
.pbly {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* In-page links (#descriere) stop below the sticky header. */
.pbly main [id] { scroll-margin-top: var(--pbly-space-20); }

.pbly a { color: inherit; }

/* Plain <button>s (menu toggles, icon buttons) start without the browser's grey box; pbly-btn keeps its own look. */
.pbly :where(button) {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  cursor: pointer;
}

/* FaberPet buttons have no border: without this, Portably's transparent 1px border makes them 2px taller than on faberpet.ro. */
.pbly .pbly-btn { border-width: 0; }

.pbly :where(ul, ol) {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Links inside running text: green, no underline, brighter green on hover (as on faberpet.ro). */
.pbly main p a {
  color: var(--pbly-color-palette-green-link);
  text-decoration: none;
  transition: color 0.2s;
}

.pbly main p a:hover { color: var(--pbly-color-action-hover); }

.pbly .eyebrow {
  color: var(--pbly-color-text-muted);
  font-family: var(--pbly-text-label-sm-font-family);
  font-size: var(--pbly-text-label-sm-font-size);
  font-weight: var(--pbly-text-label-sm-font-weight);
  line-height: var(--pbly-text-label-sm-line-height);
  letter-spacing: var(--pbly-text-label-sm-letter-spacing);
  text-transform: uppercase;
}