/* Heading */
  h2.verbo.svelte-wfd6ik {
    text-transform: capitalize;
  }

  /* Container for question list */
  .holder.svelte-wfd6ik {
    width: 50%;
  }

  /* Reset list styles */
  ul.svelte-wfd6ik {
    margin: 0;
    padding: 0;
  }

  /* Pronoun label */
  .man-pro.svelte-wfd6ik {
    text-transform: capitalize;
    font-size: var(--font-lg);
    line-height: var(--line-height);
    margin: var(--spacing-md) 0;
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    font-family: "Inconsolata";
  }

  /* Question container styling */
  .qs.svelte-wfd6ik div:where(.svelte-wfd6ik) {
    font-size: var(--font-lg);
    line-height: var(--line-height);
    margin: var(--spacing-md) 0;
  }

  /* Input field styling */
  .qs.svelte-wfd6ik div:where(.svelte-wfd6ik) input:where(.svelte-wfd6ik) {
    font-size: var(--font-lg);
    border: none;
    border-bottom: solid 1px;
    padding: var(--spacing-sm) 0;
    font-family: inherit;
    transition: all var(--transition-speed) ease;
  }

  .qs.svelte-wfd6ik div:where(.svelte-wfd6ik) input:where(.svelte-wfd6ik):focus {
    outline: none;
    border-bottom-color: var(--color-primary);
  }

  /* Toggle button for endings help */
  /* (unused) .endings-toggle {
    margin-left: var(--spacing-md);
    padding: var(--spacing-sm);
    background-color: transparent;
    border: 3px solid var(--color-text-dark);
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    transition: all var(--transition-speed) ease;
  }*/

  /* (unused) .endings-toggle img {
    height: 2rem;
    width: auto;
    opacity: 0.8;
    transition: opacity var(--transition-speed) ease;
  }*/

  /* (unused) .endings-toggle:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }*/

  /* (unused) .endings-toggle:hover img {
    opacity: 1;
  }*/

  /* Endings widget container */
  .endings-widget.svelte-wfd6ik {
    margin: var(--spacing-xl) 0;
    padding: var(--spacing-md);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    background-color: var(--color-bg-light);
  }

  /* Progress indicator */
  /* (unused) .progress-indicator {
    margin-top: var(--spacing-xl);
    padding: var(--spacing-md);
    text-align: center;
    font-size: var(--font-base);
    color: var(--color-text-muted);
    font-style: italic;
  }*/

  /* Completion message */
  .completion-message.svelte-wfd6ik {
    margin-top: var(--spacing-xl);
    padding: var(--spacing-lg);
    text-align: center;
    background: linear-gradient(135deg, #f0f8ff 0%, #e6f2ff 100%);
    border: 2px solid var(--color-primary);
    border-radius: 8px;
  }

  .completion-message.svelte-wfd6ik h3:where(.svelte-wfd6ik) {
    margin: 0 0 var(--spacing-md) 0;
    font-size: var(--font-xl);
    color: var(--color-primary);
  }

  .completion-message.svelte-wfd6ik p:where(.svelte-wfd6ik) {
    margin: var(--spacing-sm) 0;
    font-size: var(--font-base);
    color: var(--color-text);
  }