/* Editorial views share the existing ERP WAPRO design tokens. */
.guide-breadcrumb { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2); margin-bottom: var(--space-10); color: var(--color-text-muted); font-size: var(--font-size-sm); }
.guide-breadcrumb span[aria-current] { overflow-wrap: anywhere; }
.guide-lead { max-width: var(--content-measure); color: var(--color-text-muted); font-size: var(--font-size-lg); }
.guide-grid { display: grid; gap: var(--space-5); margin-block: var(--space-8); }
.guide-card { padding: var(--card-padding); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); box-shadow: var(--shadow-xs); }
.guide-card time, .erp-article .entry-meta { color: var(--color-text-muted); font-size: var(--font-size-sm); }
.guide-card h3 { margin-block: var(--space-4); font-size: var(--font-size-xl); }
.guide-card h3 a { color: var(--color-text); text-decoration-thickness: 1px; text-underline-offset: var(--space-1); }
.guide-card h3 a:hover { color: var(--color-link); }
.guide-card p { margin: 0; color: var(--color-text-muted); }
.guide-hub-link { display: inline-block; padding-block: var(--space-3); font-weight: var(--font-weight-semibold); }
.site-main.guide-hub { max-width: none; padding: 0; }
.guide-hub__hero { padding-block: var(--space-8) var(--hero-space); }
.guide-hub h1, .erp-article h1 { font-size: var(--font-size-4xl); line-height: var(--line-height-tight); text-wrap: balance; }
.guide-hub h1 { max-width: var(--heading-measure); }
.guide-cluster { border-top: 1px solid var(--color-border); }
.guide-cluster:nth-of-type(even), .pillar-guides { background: var(--color-surface-muted); }
.guide-cluster h2, .pillar-guides h2 { font-size: var(--font-size-3xl); }
.erp-article .entry-header { margin-bottom: var(--space-10); }
.erp-article .entry-meta { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-block: var(--space-6); }
.erp-article .entry-content h2 { margin-top: var(--space-12); font-size: var(--font-size-2xl); }
.erp-article .entry-content h3 { margin-top: var(--space-8); font-size: var(--font-size-xl); }
.erp-article .entry-content li { margin-block: var(--space-3); }
.guide-primary { margin-block: var(--space-12); padding: var(--card-padding); border: 1px solid var(--color-border); border-top: var(--brand-detail-size) solid var(--color-brand-magenta); border-radius: var(--radius-md); background: var(--color-surface-muted); }
.guide-primary h2 { font-size: var(--font-size-2xl); }
.guide-primary .button { white-space: normal; }
.guide-related { padding-top: var(--space-8); border-top: 1px solid var(--color-border); }
.guide-sources { margin-block: var(--space-10); padding: var(--space-5); background: var(--color-surface-muted); border-radius: var(--radius-sm); font-size: var(--font-size-sm); }
.guide-sources summary { cursor: pointer; font-weight: var(--font-weight-semibold); }
@media (min-width: 48rem) {
 .guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .guide-card:only-child { grid-column: 1 / -1; }
}
@media (min-width: 64rem) {
 .guide-hub .guide-grid, .pillar-guides .guide-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}