/* Skillhouse Public CSS - Phase 9.B */
/* Layout marketing, hero, cards catalogue */

.sk-hero {
  position: relative;
}

.sk-page-header {
  position: relative;
}

.prose-skillhouse h2 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

.prose-skillhouse p {
  margin-bottom: 1em;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.sk-input {
  border: 1px solid var(--rule);
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: white;
  transition: border-color 0.15s;
}
.sk-input:focus {
  outline: none;
  border-color: var(--vert);
}
.sk-input-file {
  border: 1px dashed var(--rule);
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: white;
}

@media (max-width: 768px) {
  .sk-hero h1 { font-size: 2.5rem; }
}