/* Door Line Pilates — KVKK page styles
 *
 * Loaded only by kvkk/index.html, after assets/css/main.css. Every rule is
 * scoped to body.page-kvkk, so nothing here reaches the other pages. Colors
 * come from the main.css tokens.
 */

/* Shorter title size on narrow screens so the long H1 wraps in three lines. */
@media (max-width: 29.99em) {
  .page-kvkk h1 {
    font-size: 1.75rem;
  }
}

/* Draft disclaimer in the hero: more prominent than the standard placeholder note. */
.page-kvkk .page-hero .placeholder-note {
  margin-top: 1.5rem;
  padding: 0.875rem 1.125rem;
  background: var(--color-beige);
  color: var(--color-ink);
  font-size: 1rem;
  border: 0;
  border-left: 4px solid var(--color-gold);
}

.page-kvkk .page-hero .placeholder-note strong {
  color: var(--color-primary);
}

/* Table of contents */
.page-kvkk .kvkk-toc {
  max-width: 44rem;
  margin-bottom: 2rem;
  padding: 1.25rem 1.5rem;
  background: var(--color-surface-alt);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
}

.page-kvkk .kvkk-toc__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-kvkk .kvkk-toc__list li {
  break-inside: avoid;
}

.page-kvkk .kvkk-toc__list a {
  display: block;
  padding-block: 0.4rem;
  line-height: 1.4;
}

@media (min-width: 48em) {
  .page-kvkk .kvkk-toc__list {
    column-count: 2;
    column-gap: 2rem;
  }
}

.page-kvkk .section__header h2 {
  scroll-margin-top: 1.5rem;
}

/* Lettered list: the letters are part of the text, so no extra marker. */
.page-kvkk .kvkk-lettered {
  padding-left: 0;
  list-style: none;
}

/* Hanging indent: wrapped lines line up after the letter. */
.page-kvkk .kvkk-lettered li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}