::selection {
  background-color: orange; 
  color: #fff;             
}

section {
  padding: 3.5rem 7%;
}

.title {
  padding: 20px;
  background-color: #ffffff;
  color: #fff;
}

.title-row {
  display: flex;
  justify-content: space-between; /* h1 sola, linkler sağa */
  align-items: center;            /* dikeyde ortala */
  flex-wrap: wrap;                /* küçük ekranda alta geçsin */
}

.title h1 {
  font-size: 24px;
  color: #ffce54;
  margin: 0;
}

.links {
  display: flex;
  gap: 15px;
}

.links a {
  text-decoration: none;
  font-size: 18px;
  padding: 8px 15px;
  color: #fff;
  background-color: #ff7700;
  border-radius: 6px;
  transition: 0.3s;
}

.links a:hover {
  background-color: #ffce54;
  color: #000;
}

.links a.active {
  background-color: #ffce54;
  color: #000;
  font-weight: bold;
}

.title hr {
  border: none;
  height: 2px;
  background: #ff7700;
  margin-top: 15px;
}