/* 88 Options (#vybava): native <details>, the first open, no script. Continues the paper band; the top rule is the seam. */

.ar-options { padding-block-start: var(--wp--preset--spacing--60); border-block-start: 1px solid var(--ar-line-strong); }
.ar-options__grid { display: grid; gap: var(--wp--preset--spacing--40); }

@media (min-width: 1024px) {
  .ar-options__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; column-gap: clamp(2.5rem, 5vw, 5rem); }
}

.ar-options__list { border-block-end: 1px solid var(--ar-line); counter-reset: ar-options; }
.ar-options details { border-block-start: 1px solid var(--ar-line); counter-increment: ar-options; }

.ar-options summary {
  display: flex; align-items: center; gap: 1rem; min-height: 4.5rem; padding-block: 0.75rem;
  color: var(--ar-fg); list-style: none; cursor: pointer;
  font: 700 var(--wp--preset--font-size--heading-s) / var(--wp--custom--leading--snug) var(--wp--preset--font-family--display);
}

.ar-options summary::-webkit-details-marker { display: none; }

.ar-options summary::before {
  content: counter(ar-options, decimal-leading-zero);
  content: counter(ar-options, decimal-leading-zero) / "";
  flex: none; width: 1.5rem; color: var(--ar-fg-muted);
  font: 700 var(--wp--preset--font-size--x-small) / 1.4 var(--wp--preset--font-family--display);
  letter-spacing: var(--wp--custom--tracking--wider);
}

/* a chevron, not a plus: nothing here may read as a cross */
.ar-options summary::after {
  content: ""; flex: none; width: 0.6rem; height: 0.6rem; margin-inline-start: auto;
  border: solid var(--ar-fg-muted); border-width: 0 2px 2px 0; transform: translateY(-25%) rotate(45deg);
}

.ar-options summary:hover::after { border-color: var(--ar-fg); }
.ar-options details[open] summary::after { transform: translateY(25%) rotate(-135deg); }
.ar-motion .ar-options summary::after { transition: transform var(--wp--custom--duration--slow) var(--ar-ease-expo); }

.ar-options ul { margin: 0; padding: 0 0 1rem 2.5rem; list-style: none; }
.ar-options li { padding-block: 0.8rem; border-block-start: 1px solid var(--ar-line); color: var(--ar-fg-muted); font-size: var(--wp--preset--font-size--medium); text-wrap: pretty; }