.website-buying-guide {
    padding-block: 24px;
}

.website-buying-guide [hidden] {
    display: none !important;
}

.website-buying-guide-heading {
    margin-block-end: 16px;
    max-width: 780px;
}

.website-buying-guide-heading h2 {
    color: var(--website-navy);
    font-size: 1.18rem;
    font-weight: 800;
    margin-block-end: 8px;
}

.website-buying-guide-heading p,
.website-buying-guide-fallback,
.website-buying-guide-disclaimer,
.website-buying-guide-costs dd {
    color: var(--website-muted);
    line-height: 1.75;
}

.website-buying-guide-details {
    background: var(--website-surface, #fff);
    border: 1px solid var(--website-line);
    border-radius: 16px;
}

.website-buying-guide-details > summary {
    color: var(--website-navy);
    cursor: pointer;
    font-weight: 800;
    padding: 16px 18px;
}

.website-buying-guide-body {
    border-block-start: 1px solid var(--website-line);
    padding: 16px 18px;
}

.website-buying-guide-fields {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 800px;
}

.website-buying-guide-fields label {
    color: var(--website-navy);
    display: block;
    font-weight: 700;
    margin-block-end: 6px;
}

.website-buying-guide-fields select {
    background-color: #fff;
    border: 1px solid var(--website-line);
    border-radius: 10px;
    color: var(--website-navy);
    font: inherit;
    min-height: 42px;
    padding: 8px 12px;
    width: 100%;
}

.website-buying-guide-fields select:focus-visible,
.website-buying-guide-details > summary:focus-visible {
    outline: 2px solid var(--website-primary, #5547e8);
    outline-offset: 3px;
}

.website-buying-guide-disclaimer {
    font-size: .875rem;
    margin-block: 12px;
}

.website-buying-guide-result {
    background: rgba(91, 76, 226, .05);
    border-inline-start: 3px solid var(--website-primary, #5547e8);
    border-radius: 10px;
    padding: 16px;
}

.website-buying-guide-result h3 {
    color: var(--website-navy);
    font-size: 1.05rem;
    font-weight: 800;
    margin-block-end: 8px;
}

.website-buying-guide-result p {
    line-height: 1.7;
    margin-block-end: 8px;
}

.website-buying-guide-limits {
    color: var(--website-muted);
    font-size: .875rem;
}

.website-buying-guide-difference {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-block-start: 16px;
}

.website-buying-guide-difference p {
    background: rgba(255, 255, 255, .6);
    border: 1px solid var(--website-line);
    border-radius: 12px;
    line-height: 1.75;
    margin: 0;
    padding: 12px 16px;
}

.website-buying-guide-costs {
    border: 1px solid var(--website-line);
    border-radius: 16px;
    overflow: hidden;
}

.website-buying-guide-costs > div {
    display: grid;
    gap: 10px 24px;
    grid-template-columns: minmax(140px, 1fr) minmax(0, 3fr);
    padding: 14px 18px;
}

.website-buying-guide-costs > div + div {
    border-block-start: 1px solid var(--website-line);
}

.website-buying-guide-costs dt {
    color: var(--website-navy);
}

.website-buying-guide-costs dd {
    margin: 0;
}

.website-buying-guide-contact {
    margin-block: 16px 22px;
}

@media (max-width: 575.98px) {
    .website-buying-guide-fields,
    .website-buying-guide-difference,
    .website-buying-guide-costs > div {
        grid-template-columns: minmax(0, 1fr);
    }
}