/* Appeal procedure additions for the shared Undergraduate Admissions design. */
.appeal-official__timeline {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 250px;
    padding: 24px;
    overflow: hidden;
    color: #fff;
    border-radius: 12px;
    background: linear-gradient(135deg, #e54519, #ff8c6c);
}

.appeal-official__timeline::before {
    position: absolute;
    top: -100px;
    right: -105px;
    width: 230px;
    height: 230px;
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 50%;
    content: '';
}

.appeal-official__timeline > * { position: relative; z-index: 1; }
.appeal-official__timeline p { margin: 0; color: rgba(255, 255, 255, .86); font-size: 11px; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
.appeal-official__timeline strong { display: block; margin-top: 18px; color: #fff; font-size: 39px; font-weight: 750; letter-spacing: -.07em; line-height: .95; }
.appeal-official__timeline strong span { font-size: .5em; letter-spacing: 0; vertical-align: middle; }
.appeal-official__timeline b { margin-top: 6px; color: rgba(255, 255, 255, .92); font-size: 12px; font-weight: 600; line-height: 1.35; }
.appeal-official__timeline hr { width: 100%; margin: 17px 0 0; border: 0; border-top: 1px solid rgba(255, 255, 255, .28); }

.appeal-official__steps { padding-bottom: 24px; }
.appeal-official__steps-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 0 25px; overflow: hidden; border: 1px solid #e9eaeb; border-radius: 11px; background: #e9eaeb; }
.appeal-official__steps-grid article { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 13px; min-height: 132px; padding: 18px; background: #fff; }
.appeal-official__steps-grid > article > span { color: #e54519; font-size: 19px; font-weight: 750; letter-spacing: -.04em; }
.appeal-official__steps-grid h3 { margin: 0; color: #181d27; font-size: 16px; font-weight: 650; letter-spacing: -.03em; line-height: 1.2; }
.appeal-official__steps-grid p { margin: 7px 0 0; color: #535862; font-size: 12px; line-height: 1.52; }

@media (max-width: 850px) {
    .appeal-official__timeline { min-height: 220px; }
}

@media (max-width: 620px) {
    .appeal-official__steps-grid { grid-template-columns: 1fr; }
    .appeal-official__steps-grid { margin: 0 20px; }
}