/* Yalnız 7. Sınıf Matematik üst kategorisindeki doğrulanmış pilot kartı. */
.sinavsor-subcategory-button.ssce04-two-way-unit {
  cursor: default;
  align-items: center;
  text-decoration: none;
}
.ssce04-two-way-unit .sinavsor-subcategory-main {
  min-width: 0;
}
.ssce04-two-way-unit .ssce04-two-way-title {
  color: inherit;
  font: inherit;
  text-decoration: none;
}
.ssce04-two-way-unit .ssce04-two-way-title:hover,
.ssce04-two-way-unit .ssce04-two-way-title:focus-visible {
  text-decoration: underline;
}
.ssce04-two-way-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}
.ssce04-two-way-buttons .ssce04-two-way-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 43px;
  padding: 9px 16px;
  border-radius: 11px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  box-sizing: border-box;
  transition: background-color 150ms ease, box-shadow 150ms ease;
}
.ssce04-two-way-buttons .ssce04-test {
  background: #087657;
  color: #fff;
  border: 1px solid #087657;
}
.ssce04-two-way-buttons .ssce04-learn {
  background: #fff;
  color: #0a4669;
  border: 1px solid #a3c9dc;
}
.ssce04-two-way-buttons .ssce04-test:hover,
.ssce04-two-way-buttons .ssce04-test:focus-visible {
  background: #07543e;
  color: #fff;
}
.ssce04-two-way-buttons .ssce04-learn:hover,
.ssce04-two-way-buttons .ssce04-learn:focus-visible {
  background: #e8f5fb;
  color: #0a4669;
}
.ssce04-two-way-buttons .ssce04-two-way-button:focus-visible,
.ssce04-two-way-unit .ssce04-two-way-title:focus-visible {
  outline: 3px solid #e5a40f;
  outline-offset: 3px;
}
@media (max-width: 640px) {
  .ssce04-two-way-buttons { width: 100%; gap: 8px; }
  .ssce04-two-way-buttons .ssce04-two-way-button { flex: 1 1 140px; }
}

/* Pilot v1.1 - telefonda kartı daha kompakt göster, iki erişim yolu korunur. */
@media (max-width: 560px) {
  .sinavsor-subcategory-button.ssce04-two-way-unit {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: start;
    column-gap: 10px;
    row-gap: 8px;
    padding: 13px 12px;
  }
  .ssce04-two-way-unit > .material-symbols-outlined {
    grid-column: 1;
    grid-row: 1;
    align-self: start;
  }
  .ssce04-two-way-unit > .sinavsor-subcategory-main {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
  }
  .ssce04-two-way-unit > small {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    align-self: start;
  }
  .ssce04-two-way-unit .ssce04-two-way-buttons {
    margin-top: 8px;
  }
  .ssce04-two-way-unit .ssce04-two-way-buttons .ssce04-two-way-button {
    min-height: 44px;
    padding: 9px 10px;
    font-size: 13px;
    white-space: nowrap;
  }
}
@media (max-width: 350px) {
  .ssce04-two-way-unit .ssce04-two-way-buttons .ssce04-two-way-button {
    flex-basis: 100%;
  }
}