.discovery-breadcrumb, .discovery-links, .discovery-heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-3);
}
.discovery-breadcrumb { font-size: var(--text-body-sm); color: var(--text-secondary); }
.discovery-breadcrumb a, .discovery-links a, .discovery-action {
    display: inline-flex;
    align-items: center;
    min-height: var(--control-navigation-height-mobile);
    color: var(--text-primary);
    white-space: nowrap;
    text-underline-offset: var(--space-1);
}
.discovery-guide {
    margin-block: var(--space-8);
    padding-block: var(--space-8);
    border-block-start: var(--border-width) solid var(--border-default);
    text-align: start;
    word-break: keep-all;
    overflow-wrap: anywhere;
}
.discovery-heading { justify-content: space-between; }
.discovery-heading h2 { margin: 0; font-size: var(--text-tool-section-title); color: var(--text-primary); }
.discovery-action {
    padding: var(--space-3) var(--space-5);
    background: var(--surface-primary);
    border: var(--border-width) solid var(--border-default);
    border-radius: var(--radius-medium);
    text-decoration: none;
    font-weight: var(--weight-navigation);
}
.discovery-action:hover, .discovery-links a:hover { text-decoration: underline; }
.discovery-access { color: var(--text-secondary); margin-block: var(--space-4) var(--space-6); }
.discovery-columns { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
.discovery-guide h3 { margin: 0 0 var(--space-3); font-size: var(--text-body-lg); color: var(--text-primary); }
.discovery-guide ul, .discovery-guide ol { padding-inline-start: var(--space-6); margin: 0; }
.discovery-guide li + li { margin-block-start: var(--space-2); }
.discovery-section { margin-block-start: var(--space-6); }
.discovery-section p, .discovery-faq { margin: 0; }
.discovery-faq dt { font-weight: var(--weight-navigation); margin-block-start: var(--space-4); }
.discovery-faq dd { margin: var(--space-2) 0 var(--space-4); color: var(--text-secondary); }
.discovery-links a { padding-inline: var(--space-3); border: var(--border-width) solid var(--border-default); border-radius: var(--radius-small); }
@media (min-width: 48rem) {
    .discovery-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}