/* Recipe Wiki styles — every rule is scoped under .recipe-wiki so this
   can never affect anything else on the site. No bare body/:root/element
   selectors. Colors are left to inherit from the theme wherever possible;
   only spacing, borders, and layout are opinionated here. */

.recipe-wiki { max-width: 56rem; margin: 0 auto; padding: 2.5rem 1.5rem 4rem; }

.recipe-wiki .rw-eyebrow {
	font-size: 0.7rem; letter-spacing: 0.14em; text-transform: uppercase;
	opacity: 0.65; display: block; margin-bottom: 0.6rem;
}
.recipe-wiki .rw-archive-title { font-size: 1.9rem; line-height: 1.2; margin: 0 0 0.8rem; }
.recipe-wiki .rw-archive-sub { max-width: 42em; line-height: 1.6; opacity: 0.85; margin: 0 0 2.5rem; }
.recipe-wiki .rw-archive-header { margin-bottom: 2rem; }

.recipe-wiki .rw-grid {
	display: grid; grid-template-columns: repeat(auto-fill, minmax(15.5rem,1fr)); gap: 1.1rem;
}
.recipe-wiki .rw-card {
	display: flex; flex-direction: column; gap: 0.8rem;
	border: 1px solid rgba(0,0,0,0.12); padding: 1.3rem 1.2rem;
	text-decoration: none; color: inherit;
}
.recipe-wiki .rw-card:hover { border-color: rgba(0,0,0,0.3); }
.recipe-wiki .rw-card-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 0.6rem; }
.recipe-wiki .rw-entry-no { font-size: 0.72rem; opacity: 0.6; letter-spacing: 0.06em; }
.recipe-wiki .rw-card-cat { font-size: 0.68rem; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.65; margin: 0; }
.recipe-wiki .rw-card-title { font-size: 1.2rem; margin: 0; line-height: 1.2; }
.recipe-wiki .rw-card-teaser { font-size: 0.9rem; line-height: 1.5; opacity: 0.85; margin: 0; }
.recipe-wiki .rw-empty { font-style: italic; opacity: 0.7; }

.recipe-wiki .rw-status-pill {
	font-size: 0.63rem; letter-spacing: 0.08em; text-transform: uppercase;
	padding: 0.22em 0.6em; border-radius: 3px; white-space: nowrap;
	border: 1px solid currentColor; opacity: 0.85;
}
.recipe-wiki .rw-status-confirmed { color: #4c6244; }
.recipe-wiki .rw-status-trial { color: #8c6414; }

.recipe-wiki .rw-back-link { display: inline-block; margin-bottom: 1.6rem; font-size: 0.85rem; text-decoration: none; opacity: 0.75; }
.recipe-wiki .rw-back-link:hover { opacity: 1; }

.recipe-wiki .rw-meta-row { display: flex; gap: 0.9rem; align-items: center; flex-wrap: wrap; margin-bottom: 0.7rem; }
.recipe-wiki .rw-cat, .recipe-wiki .rw-date { font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; opacity: 0.6; }
.recipe-wiki .rw-title { font-size: 2rem; line-height: 1.15; margin: 0 0 0.6rem; }
.recipe-wiki .rw-intro { font-size: 1rem; line-height: 1.6; max-width: 40em; opacity: 0.85; margin: 0 0 1.4rem; }
.recipe-wiki .rw-hero-image { margin: 1rem 0 1.6rem; }
.recipe-wiki .rw-hero-image img { width: 100%; height: auto; display: block; }

.recipe-wiki .rw-section-label {
	font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.7;
	border-bottom: 1px solid rgba(0,0,0,0.12); padding-bottom: 0.5rem; margin: 2.4rem 0 1.2rem;
}

.recipe-wiki .rw-cols { display: grid; grid-template-columns: 1fr 1.5fr; gap: 2.2rem; }
@media (max-width: 38rem) { .recipe-wiki .rw-cols { grid-template-columns: 1fr; } }

.recipe-wiki .rw-ingredient-list { list-style: none; margin: 0; padding: 0; }
.recipe-wiki .rw-ingredient-list li {
	display: flex; justify-content: space-between; gap: 1rem;
	padding: 0.55rem 0; border-bottom: 1px solid rgba(0,0,0,0.08); font-size: 0.95rem;
}
.recipe-wiki .rw-ingredient-qty { opacity: 0.65; white-space: nowrap; }

.recipe-wiki .rw-process-list { list-style: decimal; margin: 0; padding-left: 1.3rem; }
.recipe-wiki .rw-process-list li { padding: 0 0 1rem; line-height: 1.6; }

.recipe-wiki .rw-specimen { border: 1px solid rgba(0,0,0,0.12); margin-bottom: 1.3rem; }
.recipe-wiki .rw-specimen-head {
	font-size: 0.78rem; letter-spacing: 0.06em; text-transform: uppercase;
	padding: 0.85rem 1.1rem; border-bottom: 1px solid rgba(0,0,0,0.12); background: rgba(0,0,0,0.025);
}
.recipe-wiki .rw-specimen-body { padding: 0.3rem 1.1rem 0.9rem; }
.recipe-wiki .rw-specimen-row { display: grid; grid-template-columns: 9.5rem 1fr; gap: 1rem; padding: 0.5rem 0; border-bottom: 1px solid rgba(0,0,0,0.06); font-size: 0.9rem; }
.recipe-wiki .rw-specimen-row dt { font-size: 0.72rem; text-transform: uppercase; opacity: 0.6; }
.recipe-wiki .rw-specimen-row dd { margin: 0; }
.recipe-wiki .rw-specimen-photo { margin-top: 0.9rem; }
.recipe-wiki .rw-specimen-photo img { width: 100%; max-height: 26rem; object-fit: cover; display: block; }
.recipe-wiki .rw-specimen-photo figcaption { font-size: 0.7rem; opacity: 0.6; margin-top: 0.4rem; }
.recipe-wiki .rw-outcome { margin-top: 0.9rem; padding-top: 0.9rem; border-top: 1px dashed rgba(0,0,0,0.15); font-size: 0.92rem; line-height: 1.6; }
.recipe-wiki .rw-outcome-label { font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; display: block; margin-bottom: 0.3rem; opacity: 0.7; }

.recipe-wiki .rw-byproduct { border: 1px solid rgba(0,0,0,0.12); padding: 1.1rem 1.2rem; margin-bottom: 1rem; }
.recipe-wiki .rw-byproduct-name { font-size: 0.85rem; letter-spacing: 0.04em; margin: 0 0 0.7rem; }
.recipe-wiki .rw-byproduct-uses { margin: 0; padding-left: 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; }
.recipe-wiki .rw-byproduct-uses li { font-size: 0.93rem; line-height: 1.55; }