/* Shared chrome for the guide templates.
 *
 * The SEO remediation replaces a number of heading and bold elements with
 * neutral elements: a page should carry one heading per title, a card title is
 * not a document heading, and a card title is not bold emphasis. The rules
 * below reproduce the appearance the replaced elements had, so the pages look
 * exactly as they did before.
 */

/* Prose sub-headings that were demoted to keep a page inside its heading budget. */
.dd-hub.gd .gd-prose .dd-subhead {
    font-family: var(--font-heading);
    font-size: 1.15rem;
    line-height: 1.25;
    font-weight: 700;
    margin: 26px 0 8px;
    color: var(--navy);
}
.dd-hub.gd .gd-prose .dd-subhead--h4 {
    font-size: 1.05rem;
    margin: 22px 0 6px;
}

/* Body copy that used <strong>/<b> for lead-in labels. */
.dd-hub.gd .gd-prose .dd-em {
    font-weight: 700;
}
.dd-hub.gd .gd-prose li .dd-em,
.dd-hub.gd .gd-why .dd-em {
    color: var(--navy);
}

/* Product cards. */
.dd-hub.gd .gd-pcard .dd-card-title {
    font-size: .95rem;
    line-height: 1.3;
    font-weight: 700;
}
.dd-hub.gd .gd-pmeta .dd-card-score {
    font-weight: 700;
    color: var(--green);
}

/* Buy-list cards and the comparison table. */
.dd-hub.gd .gd-pick .dd-card-title {
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 700;
}
.dd-hub.gd .gd-table .dd-card-title {
    font-weight: 700;
}

/* "Our top pick" card title (was the winner card heading). */
.dd-hub.gd .gd-winner .dd-card-title {
    font-family: var(--font-heading);
    font-size: 1.25rem;
    line-height: 1.25;
    font-weight: 700;
    margin: 0;
    color: var(--navy);
}

/* Pros and cons panel labels (were panel headings). */
.dd-hub.gd .gd-pc .dd-card-title {
    font-size: .95rem;
    line-height: 1.25;
    font-weight: 700;
    margin: 0 0 6px;
}

/* Small labels inside the buying-guide panels. */
.dd-hub.gd .gd-fit .dd-label {
    display: block;
    font-size: 10.5px;
    letter-spacing: .07em;
    text-transform: uppercase;
    margin-bottom: 3px;
    font-weight: 700;
}
.dd-hub.gd .gd-fit-y .dd-label {
    color: var(--green);
}
.dd-hub.gd .gd-fit-n .dd-label {
    color: var(--red);
}
.dd-hub.gd .gd-crit-i .dd-label {
    font-weight: 700;
}

/* Related guide card titles. */
.dd-hub .related-card .dd-card-title {
    margin: 0 0 4px;
    font-size: 17px;
    font-weight: 700;
}

/* Guides hub cards. */
.dd-hub.gx .gx-list .dd-card-title {
    font-size: 1.25rem;
    line-height: 1.25;
    color: var(--navy);
    font-weight: 700;
}
.dd-hub.gx .gx-card .dd-card-title {
    font-size: 1.1rem;
    line-height: 1.3;
    color: var(--navy);
    font-weight: 700;
}
.dd-hub.gx .gx-feat .dd-card-title {
    font-size: 1.5rem;
    line-height: 1.25;
    color: var(--navy);
    font-weight: 700;
}