/* Shared editorial landings. All visual values use the theme tokens. */
.site-main.erp-landing { max-width: none; padding: 0; }
.landing-hero { padding-block: var(--space-8) var(--hero-space); border-bottom: 1px solid var(--color-border); }
.landing-hero__layout { display: grid; gap: var(--space-10); align-items: center; }
.landing-hero__layout > *, .landing-grid > * { min-width: 0; }
.landing-breadcrumb { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-10); color: var(--color-text-muted); font-size: var(--font-size-sm); }
.landing-hero h1 { max-width: var(--heading-measure); margin-block: var(--space-4) var(--space-6); font-size: var(--font-size-4xl); line-height: var(--line-height-tight); text-wrap: balance; }
.landing-lead { max-width: var(--content-measure); color: var(--color-text-muted); font-size: var(--font-size-lg); }
.landing-overview { position: relative; overflow: hidden; padding: var(--card-padding); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface-muted); box-shadow: var(--shadow-sm); }
.landing-overview::before { position: absolute; inset: 0 0 auto; height: var(--brand-detail-size); background: var(--gradient-brand); content: ""; }
.landing-overview__title { margin-block: var(--space-4) var(--space-6); font-size: var(--font-size-2xl); font-weight: var(--font-weight-semibold); line-height: var(--line-height-heading); }
.landing-overview ul { padding: 0; margin: 0; list-style: none; }
.landing-overview li { display: flex; gap: var(--space-3); padding-block: var(--space-4); border-top: 1px solid var(--color-border); }
.landing-overview li span { color: var(--color-link); }
.landing-section { padding-block: var(--section-space); }
.landing-section--muted { background: var(--color-surface-muted); }
.landing-section h2 { max-width: var(--content-measure); margin-block: 0 var(--space-6); font-size: var(--font-size-3xl); text-wrap: balance; }
.landing-section h3 { margin-block: 0 var(--space-3); font-size: var(--font-size-xl); }
.landing-prose { max-width: var(--container-narrow); }
.landing-prose p, .landing-prose li { max-width: var(--content-measure); }
.landing-grid { display: grid; gap: var(--space-5); margin-top: var(--space-8); }
.landing-card { display: flex; flex-direction: column; align-items: flex-start; padding: var(--card-padding); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); box-shadow: var(--shadow-xs); }
.landing-card p { margin-block: 0 var(--space-5); color: var(--color-text-muted); }
.landing-card a { margin-top: auto; font-weight: var(--font-weight-semibold); }
.landing-link-list { display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-6); padding: 0; margin-block: var(--space-6) 0; list-style: none; }
.landing-link-list a { display: inline-flex; align-items: center; min-height: var(--control-min-height); }
.landing-faq { border-top: 1px solid var(--color-border); }
.landing-faq details { padding-block: var(--space-5); border-bottom: 1px solid var(--color-border); }
.landing-faq summary { padding: var(--space-2); font-weight: var(--font-weight-semibold); cursor: pointer; }
.landing-faq details p { margin: var(--space-4) var(--space-2) 0; color: var(--color-text-muted); }
.landing-cta { border-top: var(--brand-detail-size) solid var(--color-brand-magenta); }
.landing-sources { padding-block: var(--space-6); color: var(--color-text-muted); font-size: var(--font-size-sm); }
.landing-sources summary { cursor: pointer; }
.landing-table-wrap { overflow-x: auto; border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.landing-table { width: 100%; border-collapse: collapse; background: var(--color-surface); }
.landing-table caption { padding: var(--space-4); text-align: left; font-weight: var(--font-weight-semibold); }
.landing-table th, .landing-table td { padding: var(--space-4); border-top: 1px solid var(--color-border); text-align: left; vertical-align: top; }
.landing-table thead { background: var(--color-surface-muted); }
.landing-table th { font-weight: var(--font-weight-semibold); }
.landing-table a { display: inline-block; min-width: var(--space-24); }
@media (min-width: 48rem) {
	.landing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 64rem) {
	.landing-hero__layout { grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: var(--space-16); }
	.landing-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}