.kfc-legacy-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    margin: 1.25rem 0;
}

.kfc-legacy-col { min-width: 0; }
.kfc-legacy-col-1 { flex: 0 0 calc(8.333% - 1.25rem); }
.kfc-legacy-col-2 { flex: 0 0 calc(16.666% - 1.25rem); }
.kfc-legacy-col-3 { flex: 0 0 calc(25% - 1.25rem); }
.kfc-legacy-col-4 { flex: 0 0 calc(33.333% - 1.25rem); }
.kfc-legacy-col-5 { flex: 0 0 calc(41.666% - 1.25rem); }
.kfc-legacy-col-6 { flex: 0 0 calc(50% - 1.25rem); }
.kfc-legacy-col-7 { flex: 0 0 calc(58.333% - 1.25rem); }
.kfc-legacy-col-8 { flex: 0 0 calc(66.666% - 1.25rem); }
.kfc-legacy-col-9 { flex: 0 0 calc(75% - 1.25rem); }
.kfc-legacy-col-10 { flex: 0 0 calc(83.333% - 1.25rem); }
.kfc-legacy-col-11 { flex: 0 0 calc(91.666% - 1.25rem); }
.kfc-legacy-col-12 { flex: 1 0 100%; }

.kfc-legacy-separator {
    border-top: 1px solid #d9d9d9;
    margin: 1.75rem 0;
}

.kfc-legacy-clear { clear: both; }

.kfc-legacy-alert,
.kfc-legacy-well,
.kfc-legacy-tabs {
    background: #f5f7f9;
    border: 1px solid #dce2e7;
    border-radius: .25rem;
    margin: 1rem 0;
    padding: 1rem;
}

.kfc-legacy-alert-warning { background: #fff8e5; border-color: #f3d487; }
.kfc-legacy-alert-danger { background: #fff0f0; border-color: #e7aaaa; }
.kfc-legacy-alert-success { background: #effaf1; border-color: #add7b4; }
.kfc-legacy-icon {
    color: currentColor;
    display: inline-flex;
    height: 1.15em;
    margin-right: .3em;
    vertical-align: -.18em;
    width: 1.15em;
}
.kfc-legacy-icon svg {
    display: block;
    fill: none;
    height: 100%;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
    width: 100%;
}
.kfc-legacy-icon-star svg,
.kfc-legacy-icon-amazon svg { fill: currentColor; stroke-width: 1; }
.kfc-legacy-button { background: #2f6fa3; border-radius: .2rem; color: #fff; display: inline-block; padding: .55rem .9rem; }
.kfc-legacy-tabs-title { font-weight: 700; }
.kfc-legacy-tab + .kfc-legacy-tab { border-top: 1px solid #dce2e7; margin-top: 1rem; padding-top: 1rem; }

.kfc-legacy-cards {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 1.5rem 0;
}

.kfc-legacy-card {
    border: 1px solid #e2e5e8;
    border-radius: .3rem;
    padding: 1rem;
}

.kfc-legacy-card img { height: auto; max-width: 100%; }
.kfc-legacy-card h3 { font-size: 1.1rem; margin: .75rem 0 .4rem; }

.kfc-affiliate-card {
    align-items: center;
    background: #fff;
    border: 1px solid #dfe4e8;
    border-left: 4px solid #9b6b43;
    border-radius: .5rem;
    box-shadow: 0 2px 10px rgba(26, 34, 40, .06);
    display: flex;
    gap: 1.25rem;
    margin: 1.5rem 0;
    padding: 1.25rem;
}

.kfc-affiliate-card__media { flex: 0 0 160px; }
.kfc-affiliate-card__media img { display: block; height: auto; max-width: 100%; }
.kfc-affiliate-card__body { flex: 1 1 auto; min-width: 0; }
.kfc-affiliate-card__disclosure {
    color: #65717a;
    display: block;
    font-size: .75rem;
    letter-spacing: .04em;
    margin-bottom: .25rem;
    text-transform: uppercase;
}
.kfc-affiliate-card__title { font-size: 1.25rem; margin: 0 0 .45rem; }
.kfc-affiliate-card__text { margin: 0 0 .9rem; }
.kfc-affiliate-card__links { display: flex; flex-wrap: wrap; gap: .65rem; }
.kfc-affiliate-link {
    background: #2f6fa3;
    border-radius: .25rem;
    color: #fff !important;
    display: inline-block;
    font-weight: 700;
    line-height: 1.25;
    padding: .7rem 1rem;
    text-decoration: none !important;
}
.kfc-affiliate-link:hover,
.kfc-affiliate-link:focus { background: #24577f; color: #fff !important; }

@media (max-width: 767px) {
    .kfc-legacy-row { display: block; }
    .kfc-legacy-col { width: 100%; }
    .kfc-legacy-cards { grid-template-columns: 1fr; }
    .kfc-affiliate-card { align-items: stretch; display: block; }
    .kfc-affiliate-card__media { margin: 0 auto 1rem; max-width: 220px; }
    .kfc-affiliate-link { text-align: center; width: 100%; }
}