/* Loaded only on the 106 routes with semantic copy. Keep the existing
 * typography and layouts; trim section whitespace and use the site CTA colour. */
.seo-document {
    --seo-action: var(--seo-accent, #c1492e);
    --seo-action-hover: #a93c25;
    --famous-action: var(--seo-action);
}

.seo-document :is(.kg-btn, .kg-filter-actions button, .kg-search button, .kg-voice-actions a) {
    border-color: var(--seo-action);
}

.seo-document .kg-section:not(#catalog):not(.kg-section--text-prep) {
    padding-block: var(--seo-section-space, clamp(48px, 5.2vw, 76px)) !important;
}

#recording-guide {
    --seo-section-space: clamp(40px, 4.5vw, 64px);
}

#recording-guide.s-need {
    padding-block: var(--seo-section-space);
}

#recording-guide.s-need .s-need__text {
    margin-bottom: 0;
}

.seo-document #recording-guide h3 {
    margin-block: 24px 8px;
}

.seo-document #recording-guide p {
    margin-block: 0 16px;
}

.seo-document #recording-guide p:last-child {
    margin-bottom: 0;
}

#start.seo-document #how .kg-how-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
}

.seo-document .kg-section.kg-profile-examples:not(#catalog) {
    padding-top: 16px !important;
}

.seo-document .kg-profile-demo {
    display: inline-block;
    margin-top: 16px;
    color: var(--seo-accent);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Older review components hard-code a second orange with !important. */
#start.seo-document #reviews.kg-reviews--php .kg-review-action {
    background: var(--seo-action) !important;
    border-color: var(--seo-action) !important;
}

#start.seo-document #reviews.kg-reviews--php .kg-review-action:is(:hover, :focus-visible) {
    background: var(--seo-action-hover) !important;
    border-color: var(--seo-action-hover) !important;
}