/* KRDS typography compliance */
body {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5 {
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0;
}

h1 { font-size: 40px; }
h2 { font-size: 32px; }
h3 { font-size: 24px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }

p,
li,
label,
input,
textarea,
button,
select {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
}

.site-logo a {
    font-weight: 700;
}

.hero-kicker,
.policy-kicker,
.site-subtitle,
.order-time,
.team-count,
.member-order,
.side-nav-group-indicator::before,
.krds-in-page-navigation__caption {
    font-size: 13px;
    line-height: 1.5;
}

.gnb-link {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
}

.gnb-link.is-active,
.gnb-dropdown.is-active > .gnb-link {
    font-weight: 700;
}

.mega-depth1-label {
    font-size: 19px;
    line-height: 1.5;
    font-weight: 700;
}

.mega-depth2-list a,
.mega-list a {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
}

.mega-list a:hover,
.mega-list a.is-active {
    font-weight: 700;
}

.krds-breadcrumb-item {
    font-size: 15px;
    line-height: 1.5;
}

.side-nav-heading {
    font-size: 19px;
    line-height: 1.5;
    font-weight: 700;
}

.side-nav-group-title,
.side-nav-link,
.side-nav-sublink {
    font-size: 15px;
    line-height: 1.5;
}

.side-nav-group-title {
    font-weight: 700;
}

.side-nav-link,
.side-nav-sublink {
    font-weight: 400;
}

.side-nav-link.is-active,
.side-nav-sublink.is-active {
    font-weight: 700;
}

.krds-in-page-navigation__title {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 700;
}

.krds-in-page-navigation__list a {
    font-size: 15px;
    line-height: 1.5;
    font-weight: 400;
}

.btn,
.btn-inline,
.input-group label,
.order-field label,
.food-option {
    font-size: 17px;
    line-height: 1.5;
}

.btn,
.btn-inline,
.input-group label,
.order-field label,
.food-question legend,
.side-nav-group-title,
.team-card-head h4,
.food-score-box h4,
.food-menu-box h4,
.food-result-card h4,
.order-result-list .meta strong {
    font-weight: 700;
}

.order-note p,
.order-note strong,
.order-result-list .meta small,
.policy-meta {
    font-size: 15px;
    line-height: 1.5;
}

.order-result-list .rank,
.team-count {
    font-weight: 700;
}

@media (max-width: 768px) {
    h1 { font-size: 28px; }
    h2 { font-size: 24px; }
    h3 { font-size: 22px; }
    h4 { font-size: 19px; }
    h5 { font-size: 17px; }

    .side-nav-heading {
        font-size: 17px;
    }
}