/* Filter nav  */
	.filter-nav.svelte-1j9c23l {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 0.5rem;
		margin-bottom: 1.5rem;
	}

	.filter-pill.svelte-1j9c23l {
		font-size: 0.82rem;
		font-weight: 500;
		padding: 0.35em 0.9em;
		border: 1px solid var(--border-color);
		border-radius: 99px;
		background: transparent;
		color: var(--text-secondary);
		cursor: pointer;
		transition:
			border-color 0.15s ease,
			color 0.15s ease,
			background 0.15s ease;

		&:hover {
			border-color: var(--accent);
			color: var(--accent);
		}

		&.active {
			border-color: var(--accent);
			background: color-mix(in srgb, var(--accent) 12%, transparent);
			color: var(--accent);
		}
	}

	.filter-count.svelte-1j9c23l {
		margin-left: auto;
		font-size: 0.8rem;
		color: var(--text-secondary);
		opacity: 0.7;
	}

	/* EIP list */
	.eip-list.svelte-1j9c23l {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}

	.eip-item.svelte-1j9c23l {
		details:where(.svelte-1j9c23l) {
			overflow: hidden;
			transition: border-color 0.15s ease;
			border: 1px solid transparent;

			&.open {
				border-color: var(--accent);
			}

			summary:where(.svelte-1j9c23l) {
				list-style: none;
				cursor: pointer;
				-webkit-user-select: none;
				   -moz-user-select: none;
				        user-select: none;

				&::-webkit-details-marker {
					display: none;
				}

				&::after {
					content: '›';
					font-size: 1.1rem;
					color: var(--text-secondary);
					opacity: 0.5;
					transition: transform 0.2s ease;
					flex-shrink: 0;
				}
			}

			&.open summary:where(.svelte-1j9c23l)::after {
				transform: rotate(90deg);
			}
		}
	}

	/* Row (summary line) */
	.eip-row.svelte-1j9c23l {
		display: flex;
		align-items: center;
		gap: 1.5rem;
		width: 100%;

		@media (width <= 40rem) {
			gap: 0.875rem;
		}
	}

	.eip-icon.svelte-1j9c23l {
		display: inline-grid;
		place-items: center;
		width: 1.25rem;
		height: 1.25rem;
		flex-shrink: 0;
		color: var(--accent);

		svg {
			width: 100%;
			height: 100%;
		}
	}

	.eip-label.svelte-1j9c23l {
		font-size: 0.85rem;
		font-weight: 600;
		color: var(--accent);
		min-width: 5.5rem;
		flex-shrink: 0;
	}

	.eip-name.svelte-1j9c23l {
		flex: 1;
		font-size: 0.95rem;
		color: var(--text-primary);
	}

	.eip-status.svelte-1j9c23l {
		font-size: 0.7rem;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		padding: 0.2em 0.6em;
		border-radius: 99px;
		flex-shrink: 0;

		&[data-status='FINAL'] {
			background: color-mix(in srgb, #4ade80 15%, transparent);
			color: light-dark(oklch(from #4ade80 0.48 c h), #4ade80);
		}

		&[data-status='DRAFT'] {
			background: color-mix(in srgb, var(--text-secondary) 12%, transparent);
			color: var(--text-secondary);
		}

		&[data-status='REVIEW'] {
			background: color-mix(in srgb, #a78bfa 15%, transparent);
			color: light-dark(oklch(from #a78bfa 0.48 c h), #a78bfa);
		}

		&[data-status='LIVING'] {
			background: color-mix(in srgb, #38bdf8 15%, transparent);
			color: light-dark(oklch(from #38bdf8 0.48 c h), #38bdf8);
		}

		&[data-status='LAST_CALL'] {
			background: color-mix(in srgb, #facc15 15%, transparent);
			color: light-dark(oklch(from #facc15 0.48 c h), #facc15);
		}
	}

	/* Expanded detail */
	details[data-card].svelte-1j9c23l > .eip-detail:where(.svelte-1j9c23l) {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		padding-top: 1rem;
		border-top: 1px solid var(--border-color);
		margin-top: 0.875rem;
	}

	.eip-detail__section.svelte-1j9c23l {
		h4:where(.svelte-1j9c23l) {
			font-size: 0.75rem;
			font-weight: 700;
			text-transform: uppercase;
			letter-spacing: 0.07em;
			color: var(--accent);
			margin: 0 0 0.375rem;
		}

		p {
			margin: 0;
			font-size: 0.9rem;
			color: var(--text-secondary);
			line-height: 1.65;
		}
	}

	.eip-implementers.svelte-1j9c23l {
		display: flex;
		flex-wrap: wrap;
		gap: 0.5rem;
		margin: 0;
	}

	.eip-implementer.svelte-1j9c23l {
		display: inline-flex;
		align-items: center;
		gap: 0.4em;
		padding: 0.25em 0.6em 0.25em 0.3em;
		border: 1px solid var(--border-color);
		border-radius: 99px;
		font-size: 0.82rem;
		font-weight: 500;
		color: var(--text-primary);
		text-decoration: none;

		&:hover {
			border-color: var(--accent);
			color: var(--accent);
			text-decoration: none;
		}

		img:where(.svelte-1j9c23l) {
			width: 1.25rem;
			height: 1.25rem;
			border-radius: 0.3rem;
			-o-object-fit: contain;
			   object-fit: contain;
		}
	}

	.eip-detail__links.svelte-1j9c23l {
		display: flex;
		gap: 1.25rem;
	}

	.eip-detail__spec-link.svelte-1j9c23l {
		align-self: flex-start;
		font-size: 0.82rem;
		color: var(--text-secondary);
		text-decoration: none;
		opacity: 0.7;

		&:hover {
			opacity: 1;
		}
	}

	/* Empty state */
	.empty.svelte-1j9c23l {
		font-size: 0.9rem;
		color: var(--text-secondary);
		opacity: 0.7;
		padding: 2rem 0;
		text-align: center;
	}
main[data-astro-cid-yshrrpp2] {
  &[data-sticky-container] {
    --scrollItem-inlineDetached-maxSize: 58rem;
    --scrollItem-inlineDetached-maxPaddingMatchStart: 5rem;
    --scrollItem-inlineDetached-maxPaddingMatchEnd: 5rem;
  }

  line-height: 1.4;

  & hgroup p {
    font-size: 1.1rem;
    color: var(--text-secondary);
    opacity: .75;
  }
}