/* UIDomains shared visual system.
   This deliberately loads after page-specific styles and resolves the legacy
   cascade to one consistent set of colors, shapes, elevations, and controls. */

body.bg-light {
    --uid-canvas: #f6f8f8;
    --uid-surface: #ffffff;
    --uid-surface-subtle: #eef6f5;
    --uid-surface-selected: #def0ef;
    --uid-ink: #14212b;
    --uid-muted: #5f6e78;
    --uid-accent: #08757a;
    --uid-accent-hover: #055d61;
    --uid-accent-strong: #064e52;
    --uid-line: #d7e0e2;
    --uid-line-strong: #b8c7ca;
    --uid-danger: #a52a2a;
    --uid-radius-sm: 8px;
    --uid-radius-md: 12px;
    --uid-radius-lg: 16px;
    --uid-shadow-sm: 0 1px 2px rgba(20, 33, 43, .05);
    --uid-shadow-md: 0 10px 28px rgba(20, 33, 43, .08);
    --uid-focus: 0 0 0 3px rgba(8, 117, 122, .2);
    min-height: 100vh;
    background: var(--uid-canvas);
    color: var(--uid-ink);
}

body.bg-light h1,
body.bg-light h2,
body.bg-light h3,
body.bg-light h4,
body.bg-light h5,
body.bg-light h6 {
    color: var(--uid-ink);
}

body.bg-light p,
body.bg-light label,
body.bg-light .lead,
body.bg-light .text-muted {
    color: var(--uid-muted);
}

body.bg-light a {
    color: var(--uid-accent);
}

body.bg-light a:hover,
body.bg-light a:focus {
    color: var(--uid-accent-hover);
}

/* Navigation */
body.bg-light .shell-nav {
    border-bottom: 1px solid var(--uid-line);
    background: rgba(255, 255, 255, .97);
    box-shadow: var(--uid-shadow-sm);
}

body.bg-light .shell-nav .nav-link,
body.bg-light .shell-nav .nav-sign-in {
    border-radius: var(--uid-radius-sm);
    color: #34434d;
}

body.bg-light .shell-nav .nav-link:hover,
body.bg-light .shell-nav .nav-link:focus-visible,
body.bg-light .shell-nav .nav-sign-in:hover,
body.bg-light .shell-nav .nav-sign-in:focus-visible {
    background: var(--uid-surface-subtle);
    color: var(--uid-accent-hover);
}

body.bg-light .shell-nav .dropdown-menu {
    overflow: hidden;
    padding: .45rem;
    border: 1px solid var(--uid-line);
    border-radius: var(--uid-radius-md);
    background: var(--uid-surface);
    box-shadow: var(--uid-shadow-md);
}

body.bg-light .shell-nav .dropdown-item {
    border-radius: var(--uid-radius-sm);
}

body.bg-light .shell-nav .nav-premium {
    border: 1px solid rgba(8, 117, 122, .25);
    border-radius: var(--uid-radius-sm);
    background: var(--uid-surface-subtle);
    color: var(--uid-accent-strong);
    box-shadow: none;
}

/* Intent-led navigation: the generator is the clear starting point, while
   research, saved work, and specialist utilities remain easy to scan. */
body.bg-light .shell-nav .navbar-nav {
    width: auto;
    gap: .2rem;
}

body.bg-light .shell-nav .navbar-nav .nav-link {
    min-height: 42px;
    border-radius: var(--uid-radius-sm) !important;
}

body.bg-light .shell-nav .navbar-nav .nav-link.nav-link--find,
body.bg-light .shell-nav .navbar-nav .nav-link.nav-link--find.active,
body.bg-light .shell-nav .navbar-nav .nav-link.nav-link--find:hover,
body.bg-light .shell-nav .navbar-nav .nav-link.nav-link--find:focus {
    display: inline-flex;
    align-items: center;
    padding: .65rem 1rem;
    border: 1px solid var(--uid-accent) !important;
    border-radius: var(--uid-radius-sm) !important;
    background: var(--uid-accent) !important;
    color: #ffffff !important;
    text-decoration: none;
}

body.bg-light .shell-nav .navbar-nav .nav-link.nav-link--find:hover,
body.bg-light .shell-nav .navbar-nav .nav-link.nav-link--find:focus {
    border-color: var(--uid-accent-hover) !important;
    background: var(--uid-accent-hover) !important;
}

body.bg-light .shell-nav .navbar-nav > .nav-item:not(.nav-item--find) > .nav-link.active {
    background: var(--uid-surface-subtle) !important;
    color: var(--uid-accent-strong) !important;
    text-decoration: none;
}

body.bg-light .shell-nav #premium-button.nav-premium,
body.bg-light .shell-nav .nav-premium {
    min-height: 40px;
    padding: .55rem .8rem;
    border: 1px solid rgba(8, 117, 122, .25) !important;
    border-radius: var(--uid-radius-sm) !important;
    background: var(--uid-surface-subtle) !important;
    color: var(--uid-accent-strong) !important;
    box-shadow: none !important;
    font-weight: 700;
}

body.bg-light .shell-nav #premium-button.nav-premium:hover,
body.bg-light .shell-nav #premium-button.nav-premium:focus,
body.bg-light .shell-nav .nav-premium:hover,
body.bg-light .shell-nav .nav-premium:focus {
    border-color: rgba(8, 117, 122, .4) !important;
    background: var(--uid-surface-selected) !important;
    color: var(--uid-accent-hover) !important;
    text-decoration: none;
}

/* Buttons */
body.bg-light .btn:not(.btn-link):not(.close),
body.bg-light .home-button,
body.bg-light .domain-search-hero button,
body.bg-light .generate-button,
body.bg-light .easy-generate {
    min-height: 44px;
    border-radius: var(--uid-radius-sm) !important;
    box-shadow: none !important;
    font-weight: 750;
    transition: background-color .16s ease, border-color .16s ease,
        color .16s ease, box-shadow .16s ease, transform .16s ease;
}

body.bg-light .btn-primary,
body.bg-light .btn.btn-primary,
body.bg-light .workspace-page .btn-primary,
body.bg-light .workspace-results .btn-primary,
body.bg-light .domain-search-hero button[type="submit"],
body.bg-light .generate-button,
body.bg-light .easy-generate,
body.bg-light .home-button--dark {
    border-color: var(--uid-accent) !important;
    background: var(--uid-accent) !important;
    color: #ffffff !important;
}

body.bg-light .generator-search-summary__submit {
    border-color: var(--uid-accent) !important;
    border-radius: var(--uid-radius-sm) !important;
    background: var(--uid-accent) !important;
    color: #ffffff !important;
}

body.bg-light .btn-primary:not(:disabled):hover,
body.bg-light .btn-primary:not(:disabled):focus,
body.bg-light .workspace-page .btn-primary:not(:disabled):hover,
body.bg-light .workspace-results .btn-primary:not(:disabled):hover,
body.bg-light .domain-search-hero button[type="submit"]:not(:disabled):hover,
body.bg-light .generate-button:not(:disabled):hover,
body.bg-light .easy-generate:not(:disabled):hover,
body.bg-light .home-button--dark:hover,
body.bg-light .home-button--dark:focus-visible {
    border-color: var(--uid-accent-hover) !important;
    background: var(--uid-accent-hover) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(8, 117, 122, .18) !important;
    transform: translateY(-1px);
}

body.bg-light .btn-outline-dark,
body.bg-light .btn-outline-secondary,
body.bg-light .btn-light {
    border-color: var(--uid-line-strong) !important;
    background: var(--uid-surface) !important;
    color: var(--uid-ink) !important;
}

body.bg-light .btn-outline-dark:hover,
body.bg-light .btn-outline-secondary:hover,
body.bg-light .btn-light:hover {
    border-color: var(--uid-accent) !important;
    background: var(--uid-surface-subtle) !important;
    color: var(--uid-accent-hover) !important;
}

body.bg-light .home-button--light {
    border: 1px solid rgba(255, 255, 255, .72);
    background: #ffffff;
    color: var(--uid-accent-strong);
}

body.bg-light .home-button--light:hover,
body.bg-light .home-button--light:focus-visible {
    border-color: #ffffff;
    background: #f3fbfa;
    color: var(--uid-accent-hover);
}

/* Premium retains its intentional gold conversion action; it is a purchase
   decision rather than a standard tool-page secondary button. */
body.bg-light.premium-page .premium-primary-action:not(.premium-primary-action--secondary) {
    border-color: #f6c453 !important;
    background: #f6c453 !important;
    color: #10224f !important;
}

body.bg-light.premium-page .premium-primary-action:not(.premium-primary-action--secondary):hover,
body.bg-light.premium-page .premium-primary-action:not(.premium-primary-action--secondary):focus-visible {
    border-color: #ffda78 !important;
    background: #ffda78 !important;
    color: #07132e !important;
}

body.bg-light.premium-page .premium-primary-action--secondary {
    border-color: #ffffff !important;
    background: #ffffff !important;
    color: #10224f !important;
}

body.bg-light.account-page .account-entry .btn {
    min-height: 48px;
}

/* Fields and grouped search controls */
body.bg-light .form-control,
body.bg-light input.form-control,
body.bg-light select.form-control,
body.bg-light textarea.form-control,
body.bg-light .workspace-page input.form-control,
body.bg-light .workspace-page select.form-control,
body.bg-light .workspace-page textarea.form-control {
    min-height: 48px;
    border: 1px solid var(--uid-line-strong) !important;
    border-radius: var(--uid-radius-sm) !important;
    background: var(--uid-surface) !important;
    color: var(--uid-ink) !important;
    box-shadow: none !important;
}

body.bg-light .form-control:focus,
body.bg-light input.form-control:focus,
body.bg-light select.form-control:focus,
body.bg-light textarea.form-control:focus {
    border-color: var(--uid-accent) !important;
    outline: 0;
    box-shadow: var(--uid-focus) !important;
}

body.bg-light .form-control::placeholder,
body.bg-light input::placeholder,
body.bg-light textarea::placeholder {
    color: #7a8993;
    opacity: 1;
}

body.bg-light.workspace-page--generator.generator-page #easy-form .input-group.mt-3,
body.bg-light.domain-search-page #cats-form .domain-search-control,
body.bg-light .domain-search-hero .domain-search-form {
    border: 1px solid var(--uid-line-strong) !important;
    border-radius: var(--uid-radius-md) !important;
    background: var(--uid-surface) !important;
    box-shadow: var(--uid-shadow-md) !important;
}

body.bg-light.workspace-page--generator.generator-page #easy-form .input-group.mt-3:focus-within,
body.bg-light.domain-search-page #cats-form .domain-search-control:focus-within,
body.bg-light .domain-search-hero .domain-search-form:focus-within {
    border-color: var(--uid-accent) !important;
    outline: 0 !important;
    box-shadow: var(--uid-focus), var(--uid-shadow-md) !important;
}

body.bg-light.domain-search-page #cats-form .domain-search-control .search_icon,
body.bg-light.workspace-page--generator .generator-mobile-submit {
    border-color: var(--uid-accent) !important;
    border-radius: var(--uid-radius-sm) !important;
    background: var(--uid-accent) !important;
}

body.bg-light.domain-search-page #cats-form .domain-search-control .search_icon {
    height: 64px !important;
    min-height: 64px !important;
}

body.bg-light.domain-search-page #cats-form .domain-search-control #domain {
    height: 64px !important;
    min-height: 64px !important;
}

/* Shared surfaces */
body.bg-light .workspace-page .card,
body.bg-light .workspace-results .card,
body.bg-light .workspace-panel,
body.bg-light .workspace-results .available-domains,
body.bg-light .workspace-page .category-results,
body.bg-light .blog-shell .card,
body.bg-light #blogPostForm,
body.bg-light #previewCard,
body.bg-light .recent-find-card {
    border: 1px solid var(--uid-line) !important;
    border-radius: var(--uid-radius-md) !important;
    background: var(--uid-surface) !important;
    box-shadow: var(--uid-shadow-sm) !important;
}

body.bg-light .workspace-page .card-header,
body.bg-light .workspace-results .card-header,
body.bg-light .blog-shell .card-header,
body.bg-light #previewCard .card-header {
    border-bottom: 1px solid var(--uid-line);
    border-radius: var(--uid-radius-md) var(--uid-radius-md) 0 0 !important;
    background: var(--uid-surface-subtle) !important;
}

body.bg-light .workspace-hero:not(.storefront-page-hero),
body.bg-light.domain-search-page .workspace-hero--search,
body.bg-light .workspace-hero.storefront-page-hero {
    border-bottom-color: var(--uid-line);
    background: var(--uid-surface-subtle) !important;
}

body.bg-light .storefront-snapshot {
    overflow: hidden;
    border: 1px solid var(--uid-line) !important;
    border-radius: var(--uid-radius-md);
    background: var(--uid-surface) !important;
    box-shadow: var(--uid-shadow-md) !important;
}

body.bg-light .storefront-snapshot__heading,
body.bg-light .storefront-snapshot dl > div,
body.bg-light .storefront-snapshot dl > div + div {
    border-color: var(--uid-line) !important;
}

body.bg-light .valuation-mini-ledger > div {
    border: 1px solid var(--uid-line) !important;
    border-radius: var(--uid-radius-sm) !important;
    background: var(--uid-surface) !important;
}

body.bg-light .workspace-hero:not(.storefront-page-hero) .workspace-form:not(#easy-form):not(#cats-form) {
    border: 1px solid var(--uid-line) !important;
    border-radius: var(--uid-radius-md) !important;
    background: var(--uid-surface) !important;
    box-shadow: var(--uid-shadow-md) !important;
}

/* Advanced controls, chips, and selectable options */
body.bg-light .tool-advanced-options {
    border: 1px solid var(--uid-line);
    border-radius: var(--uid-radius-md);
    background: var(--uid-surface);
    box-shadow: var(--uid-shadow-sm);
}

body.bg-light .tool-advanced-options > summary,
body.bg-light .tool-advanced-options[open] > summary {
    background: var(--uid-surface);
    color: var(--uid-ink);
}

body.bg-light .tool-advanced-options > summary:hover,
body.bg-light .tool-advanced-options > summary:focus-visible {
    background: var(--uid-surface-subtle);
    color: var(--uid-accent-hover);
}

body.bg-light .workspace-option-toggle,
body.bg-light.domain-search-page .domain-search-options .workspace-option-toggle {
    border: 1px solid var(--uid-line) !important;
    border-radius: var(--uid-radius-sm) !important;
    background: var(--uid-surface) !important;
    box-shadow: none !important;
}

body.bg-light .workspace-option-toggle:has(input:checked),
body.bg-light.domain-search-page .domain-search-options .workspace-option-toggle:has(input:checked) {
    border-color: var(--uid-accent) !important;
    background: var(--uid-surface-selected) !important;
    color: var(--uid-accent-strong);
}

body.bg-light .tool-example-chip {
    border-color: var(--uid-line-strong);
    border-radius: 999px;
    background: var(--uid-surface);
    color: var(--uid-ink);
    box-shadow: var(--uid-shadow-sm);
}

body.bg-light .tool-example-chip:hover,
body.bg-light .tool-example-chip:focus-visible {
    border-color: var(--uid-accent);
    background: var(--uid-surface-subtle);
    color: var(--uid-accent-hover);
}

/* Homepage: retain its editorial layout, but use the shared component skin. */
body.home-page .domain-search-hero {
    background: var(--uid-surface-subtle);
}

body.home-page .home-offers__grid,
body.home-page .home-product-grid {
    gap: 1rem;
    border: 0;
}

body.home-page .home-offer,
body.home-page .home-product,
body.home-page .home-tool-links__grid > a,
body.home-page .recent-domain {
    border: 1px solid var(--uid-line);
    border-radius: var(--uid-radius-md);
    background: var(--uid-surface);
    box-shadow: var(--uid-shadow-sm);
}

body.home-page .recent-domain {
    padding-right: clamp(1rem, 3vw, 1.75rem);
    padding-left: clamp(1rem, 3vw, 1.75rem);
}

body.home-page .home-offer--primary {
    border-color: transparent;
    background: var(--uid-accent) !important;
}

body.home-page .home-offer--secondary {
    background: var(--uid-surface) !important;
}

body.home-page .home-product:first-child,
body.home-page .home-product:last-child {
    padding-right: clamp(1.35rem, 2.5vw, 2rem);
    padding-left: clamp(1.35rem, 2.5vw, 2rem);
}

body.home-page .home-product__number {
    border-radius: 999px;
    background: var(--uid-surface-selected);
    color: var(--uid-accent-strong);
}

body.home-page .home-workspace-story__media,
body.home-page .domain-ledger,
body.home-page .home-final-cta__inner {
    overflow: hidden;
    border-radius: var(--uid-radius-lg);
    box-shadow: var(--uid-shadow-md);
}

body.home-page .home-final-cta__inner {
    background: var(--uid-accent);
}

/* Informational cards use the same surface treatment across tools. */
body.bg-light .workspace-proofs .features-icons-item,
body.bg-light.domain-search-page .domain-search-benefit {
    border: 1px solid var(--uid-line);
    border-radius: var(--uid-radius-md);
    background: var(--uid-surface);
    box-shadow: var(--uid-shadow-sm);
}

body.bg-light.domain-search-page .domain-search-benefit {
    border-top: 1px solid var(--uid-line);
}

/* Core tool-page anatomy
   Generator, archive search, valuation, and traffic share this structural
   rhythm while retaining the controls and result content unique to each job. */
body.bg-light .uid-tool-hero {
    padding-top: clamp(2.75rem, 5vw, 4.5rem) !important;
    padding-bottom: clamp(3rem, 5vw, 4.75rem) !important;
}

body.bg-light .uid-tool-hero > .container,
body.bg-light .uid-tool-hero > .domain-hero-inner {
    width: min(calc(100vw - 2.5rem), 1040px) !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

body.bg-light .uid-tool-hero .workspace-shell--hero {
    width: 100%;
    max-width: 1040px !important;
}

body.bg-light .uid-tool-heading {
    max-width: 760px;
    margin-right: 0 !important;
    margin-left: 0 !important;
    text-align: left;
}

body.bg-light .uid-tool-heading .storefront-eyebrow {
    margin: 0 0 .8rem;
    color: var(--uid-accent-strong) !important;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .13em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.bg-light .uid-tool-heading .enter-domain-phrase,
body.bg-light .uid-tool-hero--search .enter-domain-phrase,
body.bg-light .uid-tool-hero--report .enter-domain-phrase {
    max-width: 15ch;
    margin: 0 0 .8rem !important;
    color: var(--uid-ink) !important;
    font-size: clamp(2.75rem, 5vw, 4.25rem) !important;
    font-weight: 780;
    letter-spacing: -.045em;
    line-height: .98;
    text-align: left;
}

body.bg-light .uid-tool-heading .hero-subtitle,
body.bg-light .uid-tool-heading .storefront-page-hero__intro {
    max-width: 680px;
    margin: 0 !important;
    color: #41515c !important;
    font-size: 1.05rem !important;
    line-height: 1.55 !important;
    text-align: left;
}

body.bg-light .uid-tool-related-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem 1rem;
    margin: 1rem 0 0;
    color: var(--uid-muted);
    font-size: .88rem;
    line-height: 1.4;
}

body.bg-light .uid-tool-related-links > span {
    color: var(--uid-muted);
}

body.bg-light .uid-tool-related-links a {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    color: var(--uid-accent-strong);
    font-weight: 750;
    text-decoration: none;
}

body.bg-light .uid-tool-related-links a:hover,
body.bg-light .uid-tool-related-links a:focus-visible {
    color: var(--uid-accent-hover);
    text-decoration: underline;
    text-underline-offset: 3px;
}

body.bg-light .uid-tool-form {
    margin-top: 1.5rem !important;
}

body.bg-light .uid-tool-form .col-form-label,
body.bg-light .uid-tool-form .valuation-label {
    color: #465863;
    font-weight: 750;
}

body.bg-light .uid-tool-form .tool-example-row {
    margin-top: .85rem;
}

body.bg-light .uid-tool-form .tool-advanced-options {
    margin-top: 1rem;
    margin-bottom: 0;
}

body.bg-light .uid-tool-primary-panel {
    border-radius: var(--uid-radius-md) !important;
    box-shadow: var(--uid-shadow-md) !important;
}

body.bg-light .uid-tool-page--report .workspace-section {
    width: min(calc(100vw - 2.5rem), 1040px);
    margin-right: auto;
    margin-left: auto;
    padding-top: 1.5rem;
}

/* Shared feedback and run states */
body.bg-light .uid-tool-form .form-feedback,
body.bg-light .uid-tool-form .domain-search-help {
    min-height: 1.25rem;
    margin: .55rem 0 0;
    color: var(--uid-muted);
    font-size: .82rem;
    line-height: 1.45;
}

body.bg-light .uid-tool-form .form-feedback.is-error {
    color: var(--uid-danger);
}

body.bg-light .workspace-loading,
body.bg-light .uid-tool-page .valuation-loading {
    align-items: center;
    gap: .75rem;
    padding: .9rem 1rem;
    border: 1px solid var(--uid-line);
    border-radius: var(--uid-radius-sm);
    background: var(--uid-surface-subtle);
    color: var(--uid-ink);
}

body.bg-light .uid-tool-page .report-alert,
body.bg-light .uid-tool-results .generator-results-notice {
    border-radius: var(--uid-radius-sm) !important;
    box-shadow: none !important;
}

body.bg-light .uid-tool-page .valuation-empty-state,
body.bg-light .uid-tool-results .generator-results-notice[data-state="empty"] {
    border: 1px dashed var(--uid-line-strong);
    border-radius: var(--uid-radius-sm);
    background: #f8fbfb;
}

body.bg-light .uid-tool-page .valuation-result,
body.bg-light .uid-tool-results .results-panel,
body.bg-light .uid-tool-results .magic-assistant {
    border: 1px solid var(--uid-line) !important;
    border-radius: var(--uid-radius-md) !important;
    background: var(--uid-surface) !important;
    box-shadow: var(--uid-shadow-sm) !important;
}

/* Results headers and toolbars */
body.bg-light .uid-tool-results .results-panel__header,
body.bg-light .uid-tool-results .workspace-panel__intro,
body.bg-light .uid-tool-results .magic-assistant__header {
    display: flex;
    min-height: 64px;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem;
    border-bottom: 1px solid var(--uid-line);
    background: var(--uid-surface-subtle) !important;
}

body.bg-light .uid-tool-results .workspace-panel__intro {
    margin: -1.15rem -1.15rem 1rem;
}

body.bg-light .uid-tool-results .results-panel__title,
body.bg-light .uid-tool-results .workspace-panel__intro h2,
body.bg-light .uid-tool-results .magic-assistant__header h3 {
    color: var(--uid-ink);
    font-size: 1.1rem;
    font-weight: 780;
    line-height: 1.25;
}

body.bg-light .uid-tool-results .workspace-toolbar,
body.bg-light .uid-tool-results .results-panel__actions,
body.bg-light .uid-tool-results .result-pagination,
body.bg-light .uid-tool-page .valuation-result-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
}

body.bg-light .uid-tool-results .workspace-result-modes .nav-tabs {
    gap: .35rem;
    padding: .35rem;
    border: 1px solid var(--uid-line);
    border-radius: var(--uid-radius-md);
    background: var(--uid-surface);
}

body.bg-light .uid-tool-results .workspace-result-modes .nav-link {
    border: 0;
    border-radius: var(--uid-radius-sm);
    color: var(--uid-muted);
}

body.bg-light .uid-tool-results .workspace-result-modes .nav-link.active {
    background: var(--uid-surface-selected);
    color: var(--uid-accent-strong);
}

/* Once archive results exist, collapse the introductory hero into the same
   compact query-and-refine header used by the generator results state. */
body.bg-light.domain-search-page.domain-search-has-results .uid-tool-hero--search {
    padding: 1.5rem 0 !important;
}

body.bg-light.domain-search-page.domain-search-has-results .uid-tool-hero--search .workspace-shell--hero {
    display: grid;
    grid-template-columns: minmax(14rem, .7fr) minmax(32rem, 1.3fr);
    align-items: center;
    gap: .5rem clamp(2rem, 5vw, 4rem);
    padding: 1.1rem 1.25rem !important;
}

body.bg-light.domain-search-page.domain-search-has-results .uid-tool-hero--search .uid-tool-heading {
    grid-column: 1;
    min-width: 0;
}

body.bg-light.domain-search-page.domain-search-has-results .uid-tool-hero--search .enter-domain-phrase {
    max-width: 18ch;
    margin: .15rem 0 0 !important;
    font-size: clamp(1.65rem, 3vw, 2.3rem) !important;
    line-height: 1.05;
}

body.bg-light.domain-search-page.domain-search-has-results .uid-tool-hero--search .hero-subtitle,
body.bg-light.domain-search-page.domain-search-has-results .uid-tool-hero--search .uid-tool-related-links {
    display: none !important;
}

body.bg-light.domain-search-page.domain-search-has-results .uid-tool-hero--search .domain-search-active-query {
    display: block;
    margin: .35rem 0 0;
}

body.bg-light.domain-search-page.domain-search-has-results .uid-tool-hero--search .uid-tool-form {
    grid-column: 2;
    margin: 0 !important;
    padding: .75rem !important;
}

body.bg-light :focus-visible {
    outline-color: var(--uid-accent);
}

@media (max-width: 767.98px) {
    body.bg-light .uid-tool-hero {
        padding-top: 1.75rem !important;
        padding-bottom: 2.25rem !important;
    }

    body.bg-light .uid-tool-hero > .container,
    body.bg-light .uid-tool-hero > .domain-hero-inner {
        width: min(calc(100vw - 1.5rem), 1040px) !important;
    }

    body.bg-light .uid-tool-heading .enter-domain-phrase,
    body.bg-light .uid-tool-hero--search .enter-domain-phrase,
    body.bg-light .uid-tool-hero--report .enter-domain-phrase {
        max-width: 16ch;
        font-size: clamp(2.15rem, 10vw, 2.7rem) !important;
        line-height: 1.02;
    }

    body.bg-light .uid-tool-heading .hero-subtitle,
    body.bg-light .uid-tool-heading .storefront-page-hero__intro {
        font-size: .98rem !important;
        line-height: 1.45 !important;
    }

    body.bg-light .uid-tool-related-links {
        gap: .25rem .8rem;
        margin-top: .75rem;
    }

    body.bg-light .uid-tool-related-links > span {
        flex-basis: 100%;
    }

    body.bg-light .uid-tool-form {
        margin-top: 1.15rem !important;
    }

    body.bg-light .uid-tool-page--report .workspace-section {
        width: min(calc(100vw - 1.5rem), 1040px);
        padding-top: .75rem;
    }

    body.bg-light .uid-tool-results .results-panel__header,
    body.bg-light .uid-tool-results .workspace-panel__intro,
    body.bg-light .uid-tool-results .magic-assistant__header {
        align-items: flex-start;
        padding: .8rem;
    }

    body.bg-light .uid-tool-results .workspace-panel__intro {
        margin: -1rem -1rem .85rem;
    }

    body.bg-light.domain-search-page.domain-search-has-results .uid-tool-hero--search {
        padding: .75rem 0 1rem !important;
    }

    body.bg-light.domain-search-page.domain-search-has-results .uid-tool-hero--search .workspace-shell--hero {
        display: block;
        padding: .8rem !important;
    }

    body.bg-light.domain-search-page.domain-search-has-results .uid-tool-hero--search .enter-domain-phrase {
        margin-top: .2rem !important;
        font-size: 1.55rem !important;
    }

    body.bg-light.domain-search-page.domain-search-has-results .uid-tool-hero--search .domain-search-active-query {
        margin: .2rem 0 .65rem;
    }

    body.bg-light.domain-search-page.domain-search-has-results .uid-tool-hero--search .uid-tool-form {
        padding: .65rem !important;
    }

    body.bg-light .shell-nav .navbar-collapse {
        border-color: var(--uid-line);
        border-radius: var(--uid-radius-md);
        background: var(--uid-surface);
        box-shadow: var(--uid-shadow-md);
    }

    body.bg-light .shell-nav .navbar-nav {
        align-items: stretch !important;
        gap: .25rem;
    }

    body.bg-light .shell-nav .navbar-nav .nav-link,
    body.bg-light .shell-nav .navbar-nav .nav-link.nav-link--find {
        width: 100%;
        justify-content: flex-start;
        min-height: 46px;
        padding: .7rem .8rem;
    }

    body.bg-light .shell-nav .dropdown-menu {
        margin: .15rem 0 .5rem;
        border: 1px solid var(--uid-line) !important;
        background: var(--uid-canvas) !important;
        box-shadow: none;
    }

    body.bg-light .shell-nav .nav-account {
        padding-top: .65rem;
        border-top: 1px solid var(--uid-line);
    }

    body.bg-light.workspace-page--generator.generator-page #easy-form .input-group.mt-3,
    body.bg-light.domain-search-page #cats-form .domain-search-control {
        border-color: var(--uid-line-strong) !important;
        box-shadow: var(--uid-shadow-md) !important;
    }

    body.bg-light.workspace-page--generator .workspace-proofs > .container,
    body.bg-light.bulk-export-page .workspace-proofs > .container {
        width: min(calc(100% - 1.5rem), 1320px);
        padding: 0 !important;
    }

    body.bg-light.workspace-page--generator .workspace-proofs > .container > .row,
    body.bg-light.bulk-export-page .workspace-proofs > .container > .row {
        display: grid;
        grid-auto-flow: row;
        grid-template-columns: minmax(0, 1fr);
        gap: .75rem;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible;
    }

    body.bg-light.workspace-page--generator .workspace-proofs > .container > .row > [class*="col-"],
    body.bg-light.bulk-export-page .workspace-proofs > .container > .row > [class*="col-"] {
        width: 100% !important;
        max-width: none !important;
        padding: 0 !important;
    }

    body.home-page .home-product,
    body.home-page .home-product:first-child,
    body.home-page .home-product:last-child {
        border-right: 1px solid var(--uid-line);
        border-bottom: 1px solid var(--uid-line);
        padding: 1rem;
    }
}

/* Unified search and filter controls
   Primary searches use a 56px control; filtering and sorting use 42px. */
body.bg-light .uid-search-control {
    display: flex !important;
    width: 100%;
    align-items: stretch;
    gap: .5rem !important;
    padding: .375rem !important;
    border: 1px solid var(--uid-line-strong) !important;
    border-radius: var(--uid-radius-md) !important;
    background: var(--uid-surface) !important;
    box-shadow: var(--uid-shadow-sm) !important;
    transition: border-color .16s ease, box-shadow .16s ease;
}

body.bg-light .uid-search-control:focus-within {
    border-color: var(--uid-accent) !important;
    outline: 0 !important;
    box-shadow: var(--uid-focus), var(--uid-shadow-sm) !important;
}

body.bg-light .uid-search-control > input,
body.bg-light .uid-search-control > input.form-control,
body.bg-light .uid-search-control > .form-control {
    width: auto;
    height: 48px !important;
    min-width: 0;
    min-height: 48px !important;
    flex: 1 1 auto;
    margin: 0 !important;
    padding: .7rem .85rem !important;
    border: 0 !important;
    border-radius: var(--uid-radius-sm) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 1rem;
}

body.bg-light .uid-search-control > input:focus,
body.bg-light .uid-search-control > input.form-control:focus,
body.bg-light .uid-search-control > .form-control:focus {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

body.bg-light .uid-search-control > button,
body.bg-light .uid-search-control > .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding-right: 1rem;
    padding-left: 1rem;
    flex: 0 0 auto;
    border-radius: var(--uid-radius-sm) !important;
}

body.bg-light .uid-search-control > .input-group-append {
    display: flex;
    margin: 0;
}

body.bg-light .uid-search-control > .input-group-append > button {
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    border-radius: var(--uid-radius-sm) !important;
}

body.bg-light .uid-search-control--hero > input,
body.bg-light .uid-search-control--hero > input.form-control,
body.bg-light .uid-search-control--hero > .form-control,
body.bg-light .uid-search-control--hero > button {
    height: 56px !important;
    min-height: 56px !important;
}

body.bg-light.domain-search-page #cats-form .domain-search-control.uid-search-control--hero #domain,
body.bg-light.domain-search-page #cats-form .domain-search-control.uid-search-control--hero .search_icon {
    height: 56px !important;
    min-height: 56px !important;
}

body.bg-light .workspace-page--valuation .valuation-input-row.uid-search-control #valuation-domain,
body.bg-light .workspace-page--traffic .valuation-input-row.uid-search-control #traffic-domain,
body.bg-light .workspace-page--valuation .valuation-input-row.uid-search-control .valuation-submit-button {
    height: 48px !important;
    min-height: 48px !important;
}

body.bg-light .uid-search-control--compact {
    gap: .35rem !important;
    padding: .25rem !important;
}

body.bg-light .uid-search-control--compact > input,
body.bg-light .uid-search-control--compact > input.form-control,
body.bg-light .uid-search-control--compact > button,
body.bg-light .uid-search-control--compact > .input-group-append > button {
    height: 42px !important;
    min-height: 42px !important;
}

body.bg-light .uid-search-control > .search_icon:not(button) {
    position: static;
    display: inline-flex;
    width: 48px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    border: 0 !important;
    border-radius: var(--uid-radius-sm) !important;
    background: var(--uid-surface-subtle) !important;
    color: var(--uid-accent-strong) !important;
}

body.bg-light .uid-search-control [aria-invalid="true"] {
    background: #fff8f7 !important;
}

body.bg-light .uid-search-control:has([aria-invalid="true"]) {
    border-color: var(--uid-danger) !important;
    box-shadow: 0 0 0 3px rgba(165, 42, 42, .12) !important;
}

body.bg-light .uid-search-control:has(:disabled) {
    background: #f3f5f5 !important;
}

body.bg-light .uid-filter-panel,
body.bg-light .ux-toolbar {
    padding: .75rem !important;
    border: 1px solid var(--uid-line) !important;
    border-radius: var(--uid-radius-md) !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: var(--uid-shadow-sm) !important;
}

body.bg-light .uid-filter-field label,
body.bg-light .generator-source-filter label,
body.bg-light .ux-toolbar label {
    display: block;
    margin: 0 0 .3rem;
    color: #465863;
    font-size: .75rem;
    font-weight: 750;
    letter-spacing: .01em;
    line-height: 1.3;
    text-transform: none;
}

body.bg-light .uid-filter-control,
body.bg-light .uid-filter-field > .form-control,
body.bg-light .search-filter-container > .form-control,
body.bg-light .ux-toolbar .form-control {
    height: 42px !important;
    min-height: 42px !important;
    padding: .5rem .7rem !important;
    border: 1px solid var(--uid-line-strong) !important;
    border-radius: var(--uid-radius-sm) !important;
    background-color: var(--uid-surface) !important;
    box-shadow: none !important;
    color: var(--uid-ink) !important;
    font-size: .88rem;
}

body.bg-light .uid-filter-control:focus,
body.bg-light .uid-filter-field > .form-control:focus,
body.bg-light .search-filter-container > .form-control:focus,
body.bg-light .ux-toolbar .form-control:focus {
    border-color: var(--uid-accent) !important;
    box-shadow: var(--uid-focus) !important;
}

body.bg-light .filter-btn,
body.bg-light .tier-filter,
body.bg-light .filter-it,
body.bg-light .category-filter,
body.bg-light .clear-filters,
body.bg-light .reg-date-chip {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .4rem .7rem !important;
    border: 1px solid var(--uid-line-strong) !important;
    border-radius: 999px !important;
    background: var(--uid-surface) !important;
    color: var(--uid-ink) !important;
    box-shadow: none !important;
    font-size: .78rem;
    font-weight: 750;
    line-height: 1.2;
    text-decoration: none;
}

body.bg-light .filter-btn:hover,
body.bg-light .filter-btn:focus-visible,
body.bg-light .tier-filter:hover,
body.bg-light .tier-filter:focus-visible,
body.bg-light .filter-it:hover,
body.bg-light .filter-it:focus-visible,
body.bg-light .category-filter:hover,
body.bg-light .category-filter:focus-visible,
body.bg-light .clear-filters:hover,
body.bg-light .clear-filters:focus-visible,
body.bg-light .reg-date-chip:hover,
body.bg-light .reg-date-chip:focus-visible {
    border-color: var(--uid-accent) !important;
    background: var(--uid-surface-subtle) !important;
    color: var(--uid-accent-hover) !important;
}

body.bg-light .tier-filter.active,
body.bg-light .filter-it.active,
body.bg-light .category-filter.active,
body.bg-light .clear-filters.active,
body.bg-light .reg-date-chip.active {
    border-color: var(--uid-accent) !important;
    background: var(--uid-surface-selected) !important;
    color: var(--uid-accent-strong) !important;
}

body.bg-light .workspace-options {
    gap: .5rem !important;
}

body.bg-light .workspace-option-toggle,
body.bg-light.domain-search-page .domain-search-options .workspace-option-toggle {
    min-height: 52px;
    align-items: center;
    gap: .65rem;
    padding: .65rem .75rem !important;
    font-size: .9rem;
    line-height: 1.25;
}

body.bg-light .workspace-option-toggle input {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    margin: 0;
    accent-color: var(--uid-accent);
}

body.bg-light.workspace-page--generator .generator-quality-options {
    gap: .6rem;
    padding: .75rem;
    border-color: var(--uid-line);
    border-radius: var(--uid-radius-md);
    background: var(--uid-surface-subtle);
}

body.bg-light.workspace-page--generator .generator-quality-option .form-control {
    height: 44px !important;
    min-height: 44px !important;
    font-size: .9rem;
}

body.bg-light .result-toolbar-sticky .results-panel__header {
    gap: .5rem;
    border-bottom-color: var(--uid-line) !important;
    background: var(--uid-surface-subtle) !important;
}

@media (max-width: 575.98px) {
    body.bg-light .uid-search-control {
        gap: .35rem !important;
        padding: .3rem !important;
    }

    body.bg-light .uid-search-control > button,
    body.bg-light .uid-search-control > .btn {
        min-width: 96px;
        padding-right: .75rem;
        padding-left: .75rem;
    }

    body.bg-light .uid-filter-panel .ux-toolbar__grid,
    body.bg-light .generator-filter-layout.uid-filter-panel {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.bg-light .result-toolbar-sticky .search-filter-container,
    body.bg-light .search-filter-container.uid-filter-field {
        width: 100%;
        min-width: 0 !important;
        max-width: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 767.98px) {
    body.bg-light .uid-search-control > button.uid-search-action {
        width: 56px;
        min-width: 56px !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        gap: 0;
    }

    body.bg-light .uid-search-action .uid-search-action__label {
        display: none;
    }

    body.bg-light .uid-search-action > .ui-icon,
    body.bg-light .uid-search-action .search-submit-icon > .ui-icon {
        display: inline-block !important;
        width: 1.25rem;
        height: 1.25rem;
        margin: 0;
    }

    body.bg-light.workspace-page--generator.generator-page .generator-primary-search .domain-spinner {
        right: 62px;
    }
}

/* Canonical interior hero
   Recent Finds is the reference. The homepage deliberately remains distinct. */
body.bg-light .uid-canonical-hero {
    margin: 0;
    padding: 48px 0 !important;
    border-bottom: 1px solid #bfd9da !important;
    background: #d8efef !important;
    color: var(--uid-ink);
    text-align: left;
}

body.bg-light .workspace-hero.storefront-page-hero.uid-canonical-hero:not(.uid-canonical-hero--embedded),
body.bg-light.premium-page .premium-hero.uid-canonical-hero--premium {
    background: #d8efef !important;
}

body.bg-light .uid-canonical-hero.uid-canonical-hero--embedded {
    background: #d8efef !important;
}

body.bg-light .uid-canonical-hero > .container,
body.bg-light .uid-canonical-hero > .domain-hero-inner {
    width: min(calc(100vw - 2.5rem), 1160px) !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

body.bg-light .uid-canonical-hero .workspace-shell--hero {
    width: 100%;
    max-width: 960px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    text-align: left;
}

body.bg-light .uid-canonical-hero--embedded .row {
    margin-right: 0;
    margin-left: 0;
}

body.bg-light .uid-canonical-hero--embedded [class*="col-"] {
    max-width: none;
    flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
}

body.bg-light .uid-canonical-hero--embedded .workspace-shell--hero {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.bg-light .uid-canonical-hero--embedded .workspace-shell--hero::before,
body.bg-light .uid-canonical-hero--embedded .workspace-shell--hero::after {
    display: none !important;
    content: none !important;
}

body.bg-light .uid-canonical-hero--embedded .workspace-form {
    position: relative;
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid var(--uid-line) !important;
    border-radius: var(--uid-radius-md) !important;
    background: var(--uid-surface) !important;
    box-shadow: var(--uid-shadow-md) !important;
}

body.bg-light .uid-canonical-hero .container .row > [class*="col-"] > .workspace-shell--hero.mx-auto {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

body.bg-light .uid-canonical-hero .storefront-page-hero__grid {
    grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr);
    gap: clamp(2.5rem, 6vw, 5rem);
}

body.bg-light .uid-canonical-hero .storefront-page-hero__copy,
body.bg-light .uid-canonical-hero .uid-tool-heading {
    max-width: 800px;
    margin: 0 !important;
    text-align: left;
}

@media (min-width: 768px) {
    body.bg-light .workspace-hero.storefront-page-hero.uid-canonical-hero > .domain-hero-inner {
        padding-right: 15px;
        padding-left: 15px;
    }
}

body.bg-light .uid-canonical-hero h1,
body.bg-light .uid-canonical-hero h1.enter-domain-phrase,
body.bg-light.premium-page .uid-canonical-hero--premium h1 {
    max-width: 800px !important;
    margin: 0 0 1.25rem !important;
    color: #111111 !important;
    font-size: clamp(2.4rem, 5.8vw, 4.8rem) !important;
    font-weight: 800;
    letter-spacing: -.055em;
    line-height: .98 !important;
    text-align: left;
}

body.bg-light .uid-canonical-hero .storefront-eyebrow,
body.bg-light .uid-canonical-hero .premium-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin: 0 0 1rem;
    color: var(--uid-accent-strong) !important;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .13em;
    line-height: 1.2;
    text-transform: uppercase;
}

body.bg-light .uid-canonical-hero .lead,
body.bg-light .uid-canonical-hero .hero-subtitle,
body.bg-light .uid-canonical-hero .storefront-tool-intro,
body.bg-light .uid-canonical-hero .storefront-page-hero__intro,
body.bg-light.premium-page .uid-canonical-hero--premium .premium-hero__lead {
    max-width: 680px;
    margin: 0 0 1.5rem !important;
    color: #5f7186 !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    text-align: left;
}

body.bg-light .uid-canonical-hero .storefront-page-hero__links,
body.bg-light .uid-canonical-hero .uid-tool-related-links {
    margin-top: 1.25rem;
}

body.bg-light .uid-canonical-hero .storefront-snapshot {
    border-color: #c5d8da !important;
    border-radius: var(--uid-radius-md);
    box-shadow: var(--uid-shadow-md) !important;
}

body.bg-light .uid-canonical-hero .workspace-form {
    margin-top: 2rem !important;
}

/* Premium keeps its pricing content, but uses the same light hero language. */
body.bg-light.premium-page .uid-canonical-hero--premium .premium-hero__grid {
    gap: clamp(2.5rem, 6vw, 4.5rem);
}

body.bg-light.premium-page .uid-canonical-hero--premium .premium-price strong,
body.bg-light.premium-page .uid-canonical-hero--premium .premium-price > span,
body.bg-light.premium-page .uid-canonical-hero--premium .premium-trial-callout strong,
body.bg-light.premium-page .uid-canonical-hero--premium .premium-trial-callout span,
body.bg-light.premium-page .uid-canonical-hero--premium .premium-billing-note,
body.bg-light.premium-page .uid-canonical-hero--premium .premium-status,
body.bg-light.premium-page .uid-canonical-hero--premium .premium-assurances li {
    color: var(--uid-ink) !important;
}

body.bg-light.premium-page .uid-canonical-hero--premium .premium-trial-callout {
    border-left-color: var(--uid-line-strong);
}

body.bg-light.premium-page .uid-canonical-hero--premium .premium-assurances li span {
    color: var(--uid-accent);
}

body.bg-light.premium-page .uid-canonical-hero--premium .premium-summary {
    border: 1px solid var(--uid-line);
    border-radius: var(--uid-radius-md);
    background: var(--uid-surface);
    box-shadow: var(--uid-shadow-md);
    backdrop-filter: none;
}

body.bg-light.premium-page .uid-canonical-hero--premium .premium-summary__label {
    color: var(--uid-accent-strong) !important;
}

body.bg-light.premium-page .uid-canonical-hero--premium .premium-summary h2,
body.bg-light.premium-page .uid-canonical-hero--premium .premium-summary__footer strong {
    color: var(--uid-ink);
}

body.bg-light.premium-page .uid-canonical-hero--premium .premium-summary__intro,
body.bg-light.premium-page .uid-canonical-hero--premium .premium-summary__footer span {
    color: var(--uid-muted) !important;
}

body.bg-light.premium-page .uid-canonical-hero--premium .premium-summary li {
    border-bottom-color: var(--uid-line);
    color: var(--uid-ink);
}

body.bg-light.premium-page .uid-canonical-hero--premium .premium-summary li span {
    color: var(--uid-accent);
}

body.bg-light.premium-page .uid-canonical-hero--premium .premium-summary__footer {
    background: var(--uid-surface-subtle);
}

body.bg-light.premium-page .uid-canonical-hero--premium .premium-active-banner {
    border-color: rgba(8, 117, 122, .3);
    background: var(--uid-surface);
    box-shadow: var(--uid-shadow-sm);
}

body.bg-light.premium-page .uid-canonical-hero--premium .premium-active-banner strong,
body.bg-light.premium-page .uid-canonical-hero--premium .premium-active-banner p {
    color: var(--uid-ink) !important;
}

body.bg-light.premium-page .uid-canonical-hero--premium .diamond.white {
    filter: none;
}

body.bg-light.premium-page .uid-canonical-hero--premium .premium-proof-strip {
    border-color: var(--uid-line);
    border-radius: var(--uid-radius-md);
    background: var(--uid-surface);
}

body.bg-light.premium-page .uid-canonical-hero--premium .premium-proof-strip > div {
    border-right-color: var(--uid-line);
}

body.bg-light.premium-page .uid-canonical-hero--premium .premium-proof-strip strong {
    color: var(--uid-ink);
}

body.bg-light.premium-page .uid-canonical-hero--premium .premium-proof-strip span {
    color: var(--uid-muted);
}

/* Successful report and archive states still collapse to keep results near. */
body.bg-light.domain-search-page.domain-search-has-results .uid-canonical-hero {
    padding: .75rem 0 1rem !important;
    background: var(--uid-surface-subtle) !important;
}

body.bg-light main.workspace-page--valuation.report-has-result > .uid-canonical-hero {
    padding: .75rem 0 !important;
    background: var(--uid-surface-subtle) !important;
}

@media (max-width: 767.98px) {
    body.bg-light .uid-canonical-hero {
        padding: 48px 0 !important;
    }

    body.bg-light .uid-canonical-hero.uid-canonical-hero--embedded {
        background: linear-gradient(
            to bottom,
            #d8efef 0,
            #d8efef 400px,
            var(--uid-canvas) 400px,
            var(--uid-canvas) 100%
        ) !important;
    }

    body.bg-light .uid-canonical-hero > .container,
    body.bg-light .uid-canonical-hero > .domain-hero-inner {
        width: min(calc(100vw - 1.5rem), 1160px) !important;
    }

    body.bg-light .uid-canonical-hero .storefront-page-hero__grid,
    body.bg-light.premium-page .uid-canonical-hero--premium .premium-hero__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: .75rem;
    }

    body.bg-light .uid-canonical-hero .storefront-snapshot__heading {
        padding: .7rem .85rem;
    }

    body.bg-light .uid-canonical-hero .storefront-snapshot dl > div {
        padding: .8rem .85rem;
    }

    body.bg-light .uid-canonical-hero h1,
    body.bg-light .uid-canonical-hero h1.enter-domain-phrase,
    body.bg-light.premium-page .uid-canonical-hero--premium h1 {
        max-width: 16ch !important;
        font-size: clamp(2.65rem, 11vw, 3.25rem) !important;
        line-height: .98 !important;
    }

    body.bg-light .workspace-hero.storefront-page-hero.uid-canonical-hero.uid-tool-hero--report h1.enter-domain-phrase {
        font-size: clamp(2.65rem, 11vw, 3.25rem) !important;
        line-height: .98 !important;
    }

    body.bg-light .uid-canonical-hero .lead,
    body.bg-light .uid-canonical-hero .hero-subtitle,
    body.bg-light .uid-canonical-hero .storefront-tool-intro,
    body.bg-light .uid-canonical-hero .storefront-page-hero__intro,
    body.bg-light.premium-page .uid-canonical-hero--premium .premium-hero__lead {
        font-size: 1rem !important;
    }

    body.bg-light.domain-search-page.domain-search-has-results .uid-canonical-hero,
    body.bg-light main.workspace-page--valuation.report-has-result > .uid-canonical-hero {
        padding: .75rem 0 1rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.bg-light .btn,
    body.bg-light .home-button,
    body.bg-light .domain-search-hero button,
    body.bg-light .generate-button,
    body.bg-light .easy-generate {
        transition: none;
    }
}