/* PLS Components – minimal, token-basiert */

.pls-grid{
  display:grid;
  gap: var(--space-6);
}

.pls-grid--cols-1{ grid-template-columns: 1fr; }
.pls-grid--cols-2{ grid-template-columns: repeat(2, 1fr); }
.pls-grid--cols-3{ grid-template-columns: repeat(3, 1fr); }
.pls-grid--cols-4{ grid-template-columns: repeat(4, 1fr); }

@media (max-width: 980px){
  .pls-grid--cols-3, .pls-grid--cols-4{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .pls-grid--cols-2, .pls-grid--cols-3, .pls-grid--cols-4{ grid-template-columns: 1fr; }
}

.pls-card{
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow:hidden;
  background: var(--c-bg);
}

.pls-card__thumb img{
  width:100%;
  height:auto;
  display:block;
}

.pls-card__body{
  padding: var(--space-6);
}

.pls-card__title{
  margin: 0 0 var(--space-3);
  font-size: var(--step-1);
}

.pls-card__meta{
  margin: 0 0 var(--space-3);
  opacity: .75;
}

.pls-card__text{
  margin: 0 0 var(--space-4);
}

.pls-btn{
  display:inline-block;
  padding: .7em 1em;
  border-radius: calc(var(--radius) * .75);
  background: var(--c-primary);
  color: #fff;
  text-decoration:none;
}

/* Accordion */
.pls-accordion__item{
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  background: var(--c-bg);
  overflow:hidden;
  margin-bottom: var(--space-4);
}

.pls-accordion__summary{
  cursor:pointer;
  padding: var(--space-4) var(--space-6);
  font-weight: 600;
}

.pls-accordion__content{
  padding: 0 var(--space-6) var(--space-6);
}
