/*
 * Base: reset, helpers, buttons. Layout pieces are in layout.css.
 */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img, video, iframe { max-width: 100%; height: auto; }
a { text-underline-offset: 0.18em; }
:focus-visible { outline: 2px solid var(--wp--preset--color--gold); outline-offset: 2px; border-radius: 2px; }
button { font: inherit; color: inherit; }

.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.feu-wrap { width: min(100% - 2 * var(--feu-gutter), var(--feu-wide)); margin-inline: auto; }
.feu-skip { position: absolute; left: -9999px; }
.feu-skip:focus { left: 1rem; top: 1rem; z-index: 1000; background: var(--wp--preset--color--surface); padding: .5rem 1rem; }

/* small gold capitals above titles */
.feu-eyebrow { margin: 0; font-family: var(--wp--preset--font-family--body); font-size: var(--wp--preset--font-size--xs); font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--wp--preset--color--gold-text); }

.feu-btn {
	display: inline-flex; align-items: center; gap: .5rem;
	padding: .7rem 1.35rem; border-radius: 999px; border: 0;
	background: var(--wp--preset--color--brand); color: var(--feu-on-brand);
	font-weight: 600; font-size: var(--wp--preset--font-size--sm); text-decoration: none; cursor: pointer;
	transition: background-color .2s var(--feu-ease), transform .2s var(--feu-ease);
}
.feu-btn:hover { background: var(--wp--preset--color--burgundy-deep); color: var(--feu-on-brand); transform: translateY(-1px); }
.feu-arrow-link { color: var(--wp--preset--color--brand); font-weight: 600; font-size: var(--wp--preset--font-size--sm); text-decoration: none; }
.feu-arrow-link, .feu-nowrap { white-space: nowrap; }
.feu-arrow-link span { display: inline-block; transition: transform .2s var(--feu-ease); }
.feu-arrow-link:hover span { transform: translateX(3px); }
.feu-count { color: var(--wp--preset--color--gold-text); font-size: var(--wp--preset--font-size--xs); font-variant-numeric: tabular-nums; }

/* batch 1 index list (replaced by real templates in later batches) */
.feu-main { padding-block: 3rem; }
.feu-main:focus { outline: none; }
.feu-list { display: grid; gap: 1.25rem; padding: 0; list-style: none; }
.feu-list li { background: var(--wp--preset--color--surface); border: 1px solid var(--wp--preset--color--border); border-radius: var(--feu-radius-xl); padding: 1.25rem 1.5rem; box-shadow: 0 1px 2px var(--feu-shadow); }
.feu-list h2 { font-size: var(--wp--preset--font-size--xl); margin: .35rem 0 .25rem; }
.feu-list h2 a { color: var(--wp--preset--color--text); text-decoration: none; }
.feu-list h2 a:hover { color: var(--wp--preset--color--brand); }
.feu-list p { margin: 0; color: var(--wp--preset--color--text-secondary); }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition-duration: 0s !important; animation-duration: 0s !important; }
}