.micro-renewal {
    --mr-navy: #253b61;
    --mr-navy-deep: #172b4c;
    --mr-blue: #6687ad;
    --mr-coral: #c9545b;
    --mr-ink: #182236;
    --mr-muted: #687487;
    --mr-line: #dfe5ec;
    --mr-paper: #f4f6f9;
    width: 100%;
    overflow: hidden;
    background: #fff;
    color: var(--mr-ink);
    font-family: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;
}

.micro-renewal *,
.micro-renewal *::before,
.micro-renewal *::after {
    box-sizing: border-box;
}

.micro-renewal h1,
.micro-renewal h2,
.micro-renewal h3,
.micro-renewal p,
.micro-renewal ul {
    margin: 0;
    padding: 0;
}

.micro-renewal ul {
    list-style: none;
}

.micro-renewal a {
    color: inherit;
    text-decoration: none;
}

.mr-shell {
    width: min(1440px, calc(100% - 80px));
    margin: 0 auto;
}

.mr-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #d6e0ed;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .18em;
}

.mr-eyebrow::before {
    width: 26px;
    height: 1px;
    background: currentColor;
    content: "";
}

.mr-eyebrow--dark {
    color: var(--mr-blue);
}

.mr-hero {
    padding: 48px 0 42px;
}

.mr-hero__stage {
    position: relative;
    display: flex;
    min-height: 520px;
    overflow: hidden;
    align-items: center;
    border-radius: 30px;
    background-position: center;
    background-size: cover;
    box-shadow: 0 22px 54px rgba(20, 39, 65, .14);
}

.mr-hero__stage::before {
    position: absolute;
    inset: 0;
    content: "";
}

.mr-hero--online .mr-hero__stage {
    background-image: url("/resource/usr/image/cont/online_visual_v2.jpg");
}

.mr-hero--online .mr-hero__stage::before {
    background: linear-gradient(90deg, rgba(27, 40, 43, .92) 0%, rgba(40, 56, 51, .76) 43%, rgba(43, 58, 49, .16) 74%, rgba(43, 58, 49, 0) 100%);
}

.mr-hero--school .mr-hero__stage {
    background-image: url("/resource/usr/image/cont/tschool_visual_v2.jpg");
}

.mr-hero--school .mr-hero__stage::before {
    background: linear-gradient(90deg, rgba(19, 32, 49, .94) 0%, rgba(22, 38, 58, .76) 42%, rgba(20, 35, 54, .2) 72%, rgba(20, 35, 54, 0) 100%);
}

.mr-hero__copy {
    position: relative;
    z-index: 1;
    width: min(650px, 60%);
    padding: 68px clamp(48px, 6vw, 92px);
    color: #fff;
}

.mr-hero__copy h1 {
    margin-top: 23px;
    font-size: clamp(46px, 5vw, 70px);
    font-weight: 750;
    letter-spacing: -.055em;
    line-height: 1.08;
}

.mr-hero__copy > p {
    max-width: 520px;
    margin-top: 24px;
    color: rgba(255, 255, 255, .82);
    font-size: 17px;
    font-weight: 450;
    line-height: 1.72;
    word-break: keep-all;
}

.mr-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 34px;
}

.mr-button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 22px;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 750;
    transition: border-color .2s ease, background-color .2s ease, color .2s ease, transform .2s ease;
}

.mr-button:hover {
    transform: translateY(-2px);
}

.mr-button--light {
    background: #fff;
    color: var(--mr-navy) !important;
}

.mr-button--glass {
    border-color: rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .08);
    color: #fff !important;
    backdrop-filter: blur(5px);
}

.mr-button--glass:hover {
    border-color: #fff;
    background: rgba(255, 255, 255, .15);
}

.mr-button--navy {
    background: var(--mr-navy);
    color: #fff !important;
}

.mr-button--outline {
    border-color: #b9c6d6;
    background: #fff;
    color: #405574 !important;
}

.mr-hero__note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    color: rgba(255, 255, 255, .68);
    font-size: 13px;
    font-weight: 550;
}

.mr-hero__note > span {
    display: inline-flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    font-size: 12px;
}

.mr-section {
    padding: 94px 0;
}

.mr-section--paper {
    background: var(--mr-paper);
}

.mr-section--deep {
    background:
        radial-gradient(circle at 89% 4%, rgba(102, 135, 173, .24), transparent 27%),
        var(--mr-navy-deep);
    color: #fff;
}

.mr-introduction {
    padding: 72px 0 94px;
}

.mr-introduction__grid {
    display: grid;
    grid-template-columns: minmax(360px, .95fr) minmax(0, 1.05fr);
    align-items: start;
    gap: clamp(60px, 8vw, 130px);
}

.mr-section-heading {
    display: flex;
    align-items: flex-start;
    gap: 25px;
}

.mr-section-heading__number {
    padding-top: 6px;
    color: var(--mr-coral);
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .08em;
}

.mr-section-heading small,
.mr-title-row small,
.mr-empty__copy > small {
    display: block;
    margin-bottom: 13px;
    color: var(--mr-blue);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .16em;
}

.mr-section-heading h2 {
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 720;
    letter-spacing: -.05em;
    line-height: 1.35;
    word-break: keep-all;
}

.mr-introduction__copy {
    padding-top: 9px;
}

.mr-introduction__copy p {
    color: #526074;
    font-size: 17px;
    line-height: 1.9;
    word-break: keep-all;
}

.mr-introduction__copy p + p {
    margin-top: 16px;
}

.mr-title-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 50px;
    margin-bottom: 38px;
}

.mr-title-row h2 {
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 750;
    letter-spacing: -.05em;
    line-height: 1.25;
}

.mr-title-row > p {
    max-width: 470px;
    color: var(--mr-muted);
    font-size: 14px;
    line-height: 1.7;
    text-align: right;
    word-break: keep-all;
}

.mr-title-row--light h2 {
    color: #fff;
}

.mr-title-row--light > p {
    color: #aab8ca;
}

.mr-profile-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.mr-profile-card {
    position: relative;
    display: flex;
    min-height: 230px;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px;
    border: 1px solid var(--mr-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(26, 47, 74, .06);
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.mr-profile-card::after {
    position: absolute;
    right: -32px;
    bottom: -45px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #f1f4f8;
    content: "";
    transition: background-color .25s ease, transform .25s ease;
}

.mr-profile-card:hover {
    border-color: #a9bad0;
    box-shadow: 0 18px 38px rgba(26, 47, 74, .12);
    transform: translateY(-5px);
}

.mr-profile-card:hover::after {
    background: #e6edf5;
    transform: scale(1.1);
}

.mr-profile-card__number {
    color: var(--mr-coral);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
}

.mr-profile-card h3 {
    margin-bottom: 10px;
    color: var(--mr-ink);
    font-size: 18px;
    font-weight: 750;
    letter-spacing: -.035em;
    line-height: 1.4;
}

.mr-profile-card p {
    position: relative;
    z-index: 1;
    max-width: calc(100% - 54px);
    color: var(--mr-muted);
    font-size: 13px;
    line-height: 1.65;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.mr-profile-card > i {
    position: absolute;
    z-index: 1;
    right: 22px;
    bottom: 18px;
    color: var(--mr-navy);
    font-size: 18px;
    font-style: normal;
}

.mr-life-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.mr-life-card {
    position: relative;
    display: grid;
    min-height: 240px;
    overflow: hidden;
    align-items: center;
    grid-template-columns: 92px minmax(0, 1fr) auto;
    gap: 28px;
    padding: 38px;
    border-radius: 22px;
    color: #fff !important;
    transition: transform .25s ease;
}

.mr-life-card:hover {
    transform: translateY(-5px);
}

.mr-life-card::after {
    position: absolute;
    right: -80px;
    bottom: -115px;
    width: 290px;
    height: 290px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 50%;
    content: "";
}

.mr-life-card--offering {
    background: linear-gradient(135deg, #2b456d, #456b93);
}

.mr-life-card--funeral {
    background: linear-gradient(135deg, #59695b, #7e927d);
}

.mr-life-card > .material-symbols-outlined {
    display: flex;
    width: 92px;
    height: 92px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    font-size: 40px;
}

.mr-life-card small {
    color: rgba(255, 255, 255, .62);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .15em;
}

.mr-life-card h3 {
    margin-top: 9px;
    font-size: 27px;
    font-weight: 750;
    letter-spacing: -.04em;
}

.mr-life-card p {
    margin-top: 9px;
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    line-height: 1.65;
}

.mr-life-card > i {
    position: relative;
    z-index: 1;
    font-size: 26px;
    font-style: normal;
}

.mr-support-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.mr-support-card {
    min-height: 390px;
    padding: 31px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 21px;
    background: rgba(255, 255, 255, .055);
}

.mr-support-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mr-support-card__head > span {
    color: var(--mr-coral);
    font-size: 13px;
    font-weight: 850;
}

.mr-support-card__head > small {
    color: #778ba6;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
}

.mr-support-card > h3 {
    margin-top: 37px;
    font-size: 28px;
    font-weight: 730;
    letter-spacing: -.04em;
}

.mr-support-card > p {
    min-height: 48px;
    margin-top: 10px;
    color: #9eacbf;
    font-size: 13px;
    line-height: 1.7;
}

.mr-support-card > ul {
    margin-top: 28px;
    border-top: 1px solid rgba(255, 255, 255, .12);
}

.mr-support-card li {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.mr-support-card li a {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: #d7e0ec;
    font-size: 13px;
    font-weight: 600;
}

.mr-support-card li i {
    color: #7389a5;
    font-style: normal;
    transition: color .2s ease, transform .2s ease;
}

.mr-support-card li a:hover i {
    color: #fff;
    transform: translateX(4px);
}

/* 온라인지원센터의 마지막 콘텐츠와 공통 푸터를 시각적으로 분리 */
.micro-renewal--online .mr-section--deep {
    border-top: 1px solid #e1e7ef;
    background:
        radial-gradient(circle at 88% 10%, rgba(102, 135, 173, .14), transparent 28%),
        linear-gradient(180deg, #f3f6fa 0%, #e9eff6 100%);
    color: var(--mr-ink);
}

.micro-renewal--online .mr-section--deep .mr-eyebrow {
    color: var(--mr-blue);
}

.micro-renewal--online .mr-title-row--light h2 {
    color: var(--mr-ink);
}

.micro-renewal--online .mr-title-row--light > p {
    color: var(--mr-muted);
}

.micro-renewal--online .mr-support-card {
    border-color: rgba(255, 255, 255, .1);
    background:
        radial-gradient(circle at 100% 0, rgba(111, 144, 184, .2), transparent 34%),
        linear-gradient(145deg, #263f67 0%, #1c3154 100%);
    box-shadow: 0 18px 42px rgba(23, 43, 76, .14);
    color: #fff;
}

/* T스쿨 */
.micro-renewal--school .mr-hero {
    padding-bottom: 0;
}

.mr-school-quick {
    position: relative;
    z-index: 2;
    margin-top: -34px;
    padding-bottom: 76px;
}

.mr-school-quick__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.mr-school-quick__grid > a {
    position: relative;
    display: grid;
    min-height: 174px;
    align-items: center;
    grid-template-columns: 72px minmax(0, 1fr) auto;
    gap: 22px;
    padding: 28px;
    border: 1px solid var(--mr-line);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 16px 36px rgba(27, 48, 76, .12);
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.mr-school-quick__grid > a:hover {
    border-color: #a8b8cb;
    box-shadow: 0 20px 42px rgba(27, 48, 76, .17);
    transform: translateY(-5px);
}

.mr-school-quick__number {
    position: absolute;
    top: 18px;
    right: 20px;
    color: #a7b2c1;
    font-size: 11px;
    font-weight: 850;
}

.mr-school-quick img {
    display: block;
    width: 72px;
    height: 72px;
    border-radius: 17px;
}

.mr-school-quick h2 {
    font-size: 18px;
    font-weight: 750;
    letter-spacing: -.035em;
}

.mr-school-quick p {
    margin-top: 8px;
    color: var(--mr-muted);
    font-size: 13px;
    line-height: 1.6;
    word-break: keep-all;
}

.mr-school-quick a > i {
    color: var(--mr-navy);
    font-size: 20px;
    font-style: normal;
}

.mr-school-notices {
    padding-top: 70px;
}

.mr-text-link {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: 16px;
    padding: 0 18px;
    border: 1px solid #ccd5e0;
    border-radius: 999px;
    color: #526176 !important;
    font-size: 13px;
    font-weight: 700;
    transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}

.mr-text-link:hover {
    border-color: var(--mr-navy);
    background: var(--mr-navy);
    color: #fff !important;
}

.mr-notice-layout {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: 18px;
}

.mr-notice-feature {
    position: relative;
    display: flex;
    min-height: 420px;
    overflow: hidden;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 95% 10%, rgba(115, 145, 181, .38), transparent 31%),
        linear-gradient(145deg, #172b4c, #2b466e);
    color: #fff !important;
}

.mr-notice-feature::after {
    position: absolute;
    right: -130px;
    bottom: -180px;
    width: 380px;
    height: 380px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    content: "";
}

.mr-notice-feature__label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #9fb1c9;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .15em;
}

.mr-notice-feature__label i {
    color: var(--mr-coral);
    font-style: normal;
}

.mr-notice-feature > div {
    position: relative;
    z-index: 1;
}

.mr-notice-feature h3 {
    max-width: 530px;
    font-size: clamp(25px, 2.4vw, 34px);
    font-weight: 720;
    letter-spacing: -.045em;
    line-height: 1.45;
    word-break: keep-all;
}

.mr-notice-feature > div p {
    margin-top: 17px;
    color: #aebdd0;
    font-size: 13px;
}

.mr-notice-feature footer {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 15px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, .14);
    color: #9eafc4;
    font-size: 13px;
}

.mr-notice-feature footer > i {
    margin-left: auto;
    color: #fff;
    font-size: 20px;
    font-style: normal;
}

.mr-notice-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.mr-notice-list > a {
    display: flex;
    min-height: 203px;
    flex-direction: column;
    padding: 27px;
    border: 1px solid var(--mr-line);
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 9px 26px rgba(26, 47, 74, .055);
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.mr-notice-list > a:hover {
    border-color: #aebdd0;
    box-shadow: 0 15px 32px rgba(26, 47, 74, .1);
    transform: translateY(-4px);
}

.mr-notice-list > a > span {
    color: var(--mr-coral);
    font-size: 12px;
    font-weight: 850;
}

.mr-notice-list > a > div {
    margin-top: auto;
}

.mr-notice-list h3 {
    overflow: hidden;
    font-size: 16px;
    font-weight: 720;
    letter-spacing: -.025em;
    line-height: 1.52;
    word-break: keep-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.mr-notice-list p {
    margin-top: 12px;
    color: #8a95a4;
    font-size: 13px;
}

.mr-notice-list > a > i {
    align-self: flex-end;
    margin-top: 13px;
    color: var(--mr-navy);
    font-size: 17px;
    font-style: normal;
}

.mr-course-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.mr-course-card {
    overflow: hidden;
    border: 1px solid var(--mr-line);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(26, 47, 74, .07);
    transition: box-shadow .25s ease, transform .25s ease;
}

.mr-course-card:hover {
    box-shadow: 0 18px 38px rgba(26, 47, 74, .13);
    transform: translateY(-5px);
}

.mr-course-card__thumb {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #e8edf3;
}

.mr-course-card__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.mr-course-card:hover .mr-course-card__thumb img {
    transform: scale(1.035);
}

.mr-course-card__thumb > span {
    position: absolute;
    left: 17px;
    top: 17px;
    padding: 7px 11px;
    border-radius: 999px;
    background: var(--mr-coral);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.mr-course-card__body {
    padding: 25px;
}

.mr-course-card__body h3 {
    font-size: 19px;
    font-weight: 730;
    letter-spacing: -.035em;
    line-height: 1.45;
}

.mr-course-card__body > p {
    margin-top: 10px;
    color: var(--mr-muted);
    font-size: 13px;
}

.mr-course-card__body > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    padding-top: 17px;
    border-top: 1px solid #e7ebf0;
    color: #4a5f7a;
    font-size: 13px;
    font-weight: 700;
}

.mr-course-card__body > span i {
    font-style: normal;
}

.mr-empty {
    display: flex;
    min-height: 320px;
    align-items: center;
    justify-content: center;
    gap: 38px;
    padding: 48px;
    border: 1px solid #dce4ed;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 13px 34px rgba(29, 52, 81, .06);
}

.mr-empty > .material-symbols-outlined {
    display: flex;
    width: 104px;
    height: 104px;
    flex: 0 0 104px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #edf2f8;
    color: var(--mr-blue);
    font-size: 45px;
}

.mr-empty__copy {
    max-width: 620px;
}

.mr-empty h3 {
    font-size: 28px;
    font-weight: 730;
    letter-spacing: -.04em;
    line-height: 1.4;
}

.mr-empty p {
    margin-top: 13px;
    color: var(--mr-muted);
    font-size: 14px;
    line-height: 1.75;
}

.mr-empty__copy > div {
    display: flex;
    gap: 10px;
    margin-top: 25px;
}

.mr-empty--compact {
    min-height: 190px;
}

.mr-empty--compact > .material-symbols-outlined {
    width: 76px;
    height: 76px;
    flex-basis: 76px;
    font-size: 35px;
}

.mr-empty--compact h3 {
    font-size: 21px;
}

.mr-school-closing {
    padding: 70px 0;
    background: #fff;
}

.mr-school-closing .mr-shell {
    display: flex;
    min-height: 190px;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 42px 54px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 95% 20%, rgba(255, 255, 255, .11), transparent 25%),
        var(--mr-navy);
    color: #fff;
}

.mr-school-closing h2 {
    max-width: 720px;
    margin-top: 12px;
    font-size: clamp(24px, 2.5vw, 34px);
    font-weight: 720;
    letter-spacing: -.045em;
    line-height: 1.45;
    word-break: keep-all;
}

.mr-school-closing a {
    display: inline-flex;
    min-width: 160px;
    min-height: 50px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 0 22px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    color: #fff;
    font-size: 14px;
    font-weight: 720;
    transition: background-color .2s ease;
}

.mr-school-closing a:hover {
    background: rgba(255, 255, 255, .1);
}

.micro-renewal a:focus-visible {
    outline: 3px solid rgba(201, 84, 91, .55);
    outline-offset: 3px;
}

@media (max-width: 1200px) {
    .mr-profile-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mr-profile-card {
        min-height: 210px;
    }

    .mr-school-quick__grid > a {
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 17px;
        padding: 23px;
    }

    .mr-school-quick img {
        width: 62px;
        height: 62px;
    }

    .mr-school-quick a > i {
        display: none;
    }
}

@media (max-width: 1023px) {
    .mr-shell {
        width: calc(100% - 48px);
    }

    .mr-hero {
        padding-top: 34px;
    }

    .mr-hero__stage {
        min-height: 470px;
        border-radius: 24px;
    }

    .mr-hero__copy {
        width: 70%;
        padding: 52px 45px;
    }

    .mr-introduction__grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .mr-title-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .mr-title-row > p {
        text-align: left;
    }

    .mr-life-card {
        grid-template-columns: 74px minmax(0, 1fr);
        gap: 22px;
        padding: 30px;
    }

    .mr-life-card > .material-symbols-outlined {
        width: 74px;
        height: 74px;
        font-size: 34px;
    }

    .mr-life-card > i {
        display: none;
    }

    .mr-support-grid {
        grid-template-columns: 1fr 1fr;
    }

    .mr-support-card:last-child {
        grid-column: 1 / -1;
        min-height: 0;
    }

    .mr-school-quick__grid > a {
        min-height: 185px;
        align-content: center;
        grid-template-columns: 1fr;
        gap: 12px;
        text-align: center;
    }

    .mr-school-quick img {
        margin: 0 auto;
    }

    .mr-notice-layout {
        grid-template-columns: 1fr;
    }

    .mr-notice-feature {
        min-height: 330px;
    }

    .mr-course-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .mr-shell {
        width: calc(100% - 32px);
    }

    .mr-hero {
        padding: 20px 0 30px;
    }

    .micro-renewal--school .mr-hero {
        padding-bottom: 0;
    }

    .mr-hero__stage {
        min-height: 460px;
        align-items: flex-end;
        border-radius: 20px;
        background-position: 67% center;
    }

    .mr-hero--online .mr-hero__stage {
        background-position: 64% center;
    }

    .mr-hero--online .mr-hero__stage::before,
    .mr-hero--school .mr-hero__stage::before {
        background: linear-gradient(0deg, rgba(20, 34, 49, .96) 0%, rgba(20, 34, 49, .77) 52%, rgba(20, 34, 49, .13) 100%);
    }

    .mr-hero__copy {
        width: 100%;
        padding: 34px 25px;
    }

    .mr-hero__copy h1 {
        margin-top: 16px;
        font-size: 38px;
    }

    .mr-hero__copy > p {
        margin-top: 17px;
        font-size: 14px;
        line-height: 1.65;
    }

    .mr-hero__actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        margin-top: 24px;
    }

    .mr-button {
        min-height: 44px;
        gap: 10px;
        padding: 0 15px;
        font-size: 13px;
    }

    .mr-hero__note {
        align-items: flex-start;
        margin-top: 18px;
        font-size: 13px;
        line-height: 1.5;
    }

    .mr-section {
        padding: 66px 0;
    }

    .mr-introduction {
        padding: 58px 0 68px;
    }

    .mr-introduction__grid {
        gap: 26px;
    }

    .mr-section-heading {
        gap: 15px;
    }

    .mr-section-heading h2 {
        font-size: 26px;
    }

    .mr-introduction__copy p {
        font-size: 14px;
        line-height: 1.82;
    }

    .mr-title-row {
        margin-bottom: 28px;
    }

    .mr-title-row h2 {
        font-size: 28px;
    }

    .mr-title-row > p {
        font-size: 13px;
    }

    .mr-profile-grid {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .mr-profile-card {
        min-height: 0;
        padding: 21px 55px 21px 21px;
    }

    .mr-profile-card::after {
        right: -48px;
        bottom: -63px;
    }

    .mr-profile-card__number {
        margin-bottom: 24px;
    }

    .mr-profile-card p {
        max-width: none;
        font-size: 13px;
    }

    .mr-profile-card > i {
        right: 18px;
        bottom: 17px;
    }

    .mr-life-grid,
    .mr-support-grid {
        grid-template-columns: 1fr;
    }

    .mr-life-card {
        min-height: 190px;
        grid-template-columns: 60px minmax(0, 1fr);
        gap: 17px;
        padding: 25px 21px;
        border-radius: 18px;
    }

    .mr-life-card > .material-symbols-outlined {
        width: 60px;
        height: 60px;
        font-size: 28px;
    }

    .mr-life-card h3 {
        font-size: 22px;
    }

    .mr-life-card p {
        font-size: 13px;
    }

    .mr-support-card,
    .mr-support-card:last-child {
        min-height: 0;
        grid-column: auto;
        padding: 25px;
    }

    .mr-support-card > h3 {
        margin-top: 27px;
        font-size: 24px;
    }

    .mr-support-card > p {
        min-height: 0;
    }

    .mr-school-quick {
        margin-top: -20px;
        padding-bottom: 54px;
    }

    .mr-school-quick__grid {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .mr-school-quick__grid > a {
        min-height: 116px;
        align-content: center;
        grid-template-columns: 58px minmax(0, 1fr) auto;
        gap: 16px;
        padding: 19px;
        border-radius: 17px;
        text-align: left;
    }

    .mr-school-quick img {
        width: 58px;
        height: 58px;
        margin: 0;
    }

    .mr-school-quick h2 {
        font-size: 16px;
    }

    .mr-school-quick p {
        margin-top: 5px;
        font-size: 13px;
    }

    .mr-school-quick a > i {
        display: block;
    }

    .mr-school-notices {
        padding-top: 58px;
    }

    .mr-text-link {
        min-height: 38px;
        padding: 0 15px;
        font-size: 13px;
    }

    .mr-notice-feature {
        min-height: 300px;
        padding: 27px;
        border-radius: 20px;
    }

    .mr-notice-feature h3 {
        font-size: 24px;
    }

    .mr-notice-list {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .mr-notice-list > a {
        min-height: 0;
        padding: 21px;
    }

    .mr-notice-list > a > div {
        margin-top: 26px;
    }

    .mr-course-grid {
        grid-template-columns: 1fr;
    }

    .mr-empty {
        display: block;
        min-height: 0;
        padding: 35px 23px;
        text-align: center;
    }

    .mr-empty > .material-symbols-outlined {
        width: 78px;
        height: 78px;
        margin: 0 auto 23px;
        font-size: 37px;
    }

    .mr-empty h3 {
        font-size: 22px;
    }

    .mr-empty p {
        font-size: 13px;
    }

    .mr-empty__copy > div {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .mr-school-closing {
        padding: 50px 0;
    }

    .mr-school-closing .mr-shell {
        min-height: 0;
        align-items: flex-start;
        flex-direction: column;
        padding: 31px 25px;
        border-radius: 20px;
    }

    .mr-school-closing h2 {
        font-size: 23px;
    }

    .mr-school-closing a {
        min-width: 150px;
        min-height: 45px;
    }
}

/* 지역채플 메인 */
.micro-renewal--chapel {
    --mr-chapel-accent: #4e78a7;
    --mr-chapel-accent-soft: #e7eef6;
    --mr-chapel-deep: #1d3658;
}

.micro-renewal--chapel .mr-eyebrow {
    font-size: 12px;
}

.micro-renewal--chapel .mr-hero__note {
    font-size: 13px;
}

.micro-renewal--gwangju {
    --mr-chapel-accent: #a85d59;
    --mr-chapel-accent-soft: #f3e8e6;
    --mr-chapel-deep: #563a42;
}

.mr-chapel-hero {
    padding-bottom: 0;
}

.mr-chapel-hero .mr-hero__stage {
    min-height: 540px;
}

.micro-renewal--daegu .mr-chapel-hero .mr-hero__stage {
    background-image: url("/resource/usr/image/cont/daegu_visual.jpg");
    background-position: center;
}

.micro-renewal--gwangju .mr-chapel-hero .mr-hero__stage {
    background-image: url("/resource/usr/image/cont/gwangju_visual.jpg");
    background-position: center;
}

.micro-renewal--daegu .mr-chapel-hero .mr-hero__stage::before {
    background: linear-gradient(90deg, rgba(18, 47, 76, .94) 0%, rgba(19, 57, 91, .78) 40%, rgba(20, 61, 96, .2) 70%, rgba(20, 61, 96, 0) 100%);
}

.micro-renewal--gwangju .mr-chapel-hero .mr-hero__stage::before {
    background: linear-gradient(90deg, rgba(57, 36, 43, .94) 0%, rgba(75, 43, 48, .76) 41%, rgba(99, 55, 52, .18) 72%, rgba(99, 55, 52, 0) 100%);
}

.mr-chapel-hero .mr-hero__copy h1 small {
    display: block;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, .72);
    font-size: 18px;
    font-weight: 550;
    letter-spacing: -.025em;
}

.mr-chapel-hero .mr-hero__note > span {
    background: rgba(255, 255, 255, .14);
    font-size: 13px;
}

.mr-chapel-quick {
    position: relative;
    z-index: 2;
    margin-top: -36px;
    padding-bottom: 72px;
}

.mr-chapel-quick__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.mr-chapel-quick__grid > a {
    position: relative;
    display: grid;
    min-height: 168px;
    align-content: center;
    align-items: center;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    gap: 18px;
    padding: 27px 23px;
    border: 1px solid var(--mr-line);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 15px 34px rgba(26, 47, 74, .1);
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.mr-chapel-quick__grid > a:hover {
    border-color: var(--mr-chapel-accent);
    box-shadow: 0 20px 42px rgba(26, 47, 74, .14);
    transform: translateY(-5px);
}

.mr-chapel-quick__number {
    position: absolute;
    top: 17px;
    right: 18px;
    color: var(--mr-chapel-accent);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
}

.mr-chapel-quick__icon {
    display: flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: var(--mr-chapel-accent-soft);
    color: var(--mr-chapel-accent);
    font-size: 27px;
}

.mr-chapel-quick h2 {
    color: var(--mr-ink);
    font-size: 17px;
    font-weight: 750;
    letter-spacing: -.035em;
}

.mr-chapel-quick p {
    margin-top: 6px;
    color: var(--mr-muted);
    font-size: 13px;
    line-height: 1.5;
    word-break: keep-all;
}

.mr-chapel-quick a > i {
    color: var(--mr-navy);
    font-size: 18px;
    font-style: normal;
}

.mr-chapel-welcome {
    padding-top: 34px;
}

.mr-chapel-welcome__grid {
    display: grid;
    grid-template-columns: minmax(420px, .95fr) minmax(0, 1.05fr);
    align-items: start;
    gap: clamp(60px, 8vw, 130px);
}

.mr-chapel-welcome .mr-section-heading__number {
    color: var(--mr-chapel-accent);
}

.mr-chapel-welcome__copy {
    padding-top: 7px;
}

.mr-chapel-welcome__copy > p {
    color: #59677b;
    font-size: 16px;
    line-height: 1.85;
    word-break: keep-all;
}

.mr-chapel-welcome__copy > p + p {
    margin-top: 13px;
}

.mr-chapel-welcome__copy .mr-text-link {
    margin-top: 25px;
}

.mr-chapel-news__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr);
    gap: 18px;
}

.mr-chapel-panel {
    overflow: hidden;
    border: 1px solid var(--mr-line);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(26, 47, 74, .06);
}

.mr-chapel-panel > header {
    display: flex;
    min-height: 98px;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 29px;
    border-bottom: 1px solid var(--mr-line);
}

.mr-chapel-panel > header small {
    display: block;
    margin-bottom: 6px;
    color: var(--mr-chapel-accent);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .16em;
}

.mr-chapel-panel > header h3 {
    color: var(--mr-ink);
    font-size: 21px;
    font-weight: 760;
    letter-spacing: -.035em;
}

.mr-chapel-panel > header > a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--mr-muted);
    font-size: 13px;
    font-weight: 650;
}

.mr-chapel-notice-list > a {
    display: grid;
    min-height: 72px;
    align-items: center;
    grid-template-columns: 38px minmax(0, 1fr) auto 18px;
    gap: 15px;
    margin: 0 29px;
    border-bottom: 1px solid #e7ebf0;
}

.mr-chapel-notice-list > a:last-child {
    border-bottom: 0;
}

.mr-chapel-notice-list > a > span {
    color: var(--mr-chapel-accent);
    font-size: 12px;
    font-weight: 850;
}

.mr-chapel-notice-list h4 {
    overflow: hidden;
    color: var(--mr-ink);
    font-size: 16px;
    font-weight: 670;
    letter-spacing: -.025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mr-chapel-notice-list time {
    color: #8a94a3;
    font-size: 13px;
    white-space: nowrap;
}

.mr-chapel-notice-list > a > i {
    color: #8b9bb0;
    font-style: normal;
    transition: color .2s ease, transform .2s ease;
}

.mr-chapel-notice-list > a:hover > i {
    color: var(--mr-chapel-accent);
    transform: translateX(4px);
}

.mr-chapel-bulletin {
    display: flex;
    min-height: 518px;
    flex-direction: column;
}

.mr-chapel-bulletin__thumb {
    display: block;
    height: 230px;
    overflow: hidden;
}

.mr-chapel-bulletin__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.mr-chapel-bulletin__thumb:hover img {
    transform: scale(1.035);
}

.mr-chapel-bulletin__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 28px 29px;
}

.mr-chapel-bulletin__body time {
    color: var(--mr-chapel-accent);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
}

.mr-chapel-bulletin__body h4 {
    margin-top: 12px;
    color: var(--mr-ink);
    font-size: 22px;
    font-weight: 740;
    letter-spacing: -.04em;
    line-height: 1.45;
    word-break: keep-all;
}

.mr-chapel-bulletin__body > a {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    margin-top: 24px;
    color: var(--mr-navy);
    font-size: 13px;
    font-weight: 750;
}

.mr-chapel-empty {
    display: flex;
    min-height: 420px;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 38px;
    color: var(--mr-muted);
    text-align: left;
}

.mr-chapel-empty > .material-symbols-outlined {
    display: flex;
    width: 72px;
    height: 72px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--mr-chapel-accent-soft);
    color: var(--mr-chapel-accent);
    font-size: 32px;
}

.mr-chapel-empty h4 {
    color: var(--mr-ink);
    font-size: 18px;
    font-weight: 720;
}

.mr-chapel-empty p {
    margin-top: 7px;
    font-size: 13px;
    line-height: 1.7;
    word-break: keep-all;
}

.mr-chapel-empty--bulletin {
    min-height: 0;
    flex: 1;
    flex-direction: column;
    text-align: center;
}

.mr-chapel-photos {
    padding-bottom: 70px;
}

.mr-chapel-photo-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.mr-chapel-photo-grid > a {
    overflow: hidden;
    border: 1px solid var(--mr-line);
    border-radius: 21px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(26, 47, 74, .07);
}

.mr-chapel-photo-grid > a.is-featured {
    grid-column: span 2;
}

.mr-chapel-photo-grid__thumb {
    height: 240px;
    overflow: hidden;
}

.mr-chapel-photo-grid > a.is-featured .mr-chapel-photo-grid__thumb {
    height: 330px;
}

.mr-chapel-photo-grid__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.mr-chapel-photo-grid > a:hover img {
    transform: scale(1.035);
}

.mr-chapel-photo-grid > a > div:last-child {
    position: relative;
    padding: 22px 24px 25px;
}

.mr-chapel-photo-grid time {
    color: var(--mr-chapel-accent);
    font-size: 12px;
    font-weight: 750;
}

.mr-chapel-photo-grid h3 {
    margin-top: 8px;
    padding-right: 30px;
    color: var(--mr-ink);
    font-size: 18px;
    font-weight: 720;
    letter-spacing: -.03em;
}

.mr-chapel-photo-grid > a > div:last-child > span {
    position: absolute;
    right: 23px;
    bottom: 24px;
    color: var(--mr-navy);
}

.mr-chapel-photo-empty {
    display: grid;
    min-height: 420px;
    overflow: hidden;
    grid-template-columns: 1.05fr .95fr;
    border: 1px solid var(--mr-line);
    border-radius: 26px;
    background: var(--mr-paper);
}

.mr-chapel-photo-empty__visual {
    min-height: 420px;
    background-position: center;
    background-size: cover;
}

.micro-renewal--daegu .mr-chapel-photo-empty__visual {
    background-image: linear-gradient(rgba(31, 57, 87, .08), rgba(31, 57, 87, .08)), url("/resource/usr/image/chapel/daegu-welcome-step1.jpg");
}

.micro-renewal--gwangju .mr-chapel-photo-empty__visual {
    background-image: linear-gradient(rgba(77, 48, 53, .08), rgba(77, 48, 53, .08)), url("/resource/usr/image/chapel/gwangju-welcome-step1.jpg");
}

.mr-chapel-photo-empty__copy {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: clamp(38px, 5vw, 72px);
}

.mr-chapel-photo-empty__copy > .material-symbols-outlined {
    display: flex;
    width: 62px;
    height: 62px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--mr-chapel-accent-soft);
    color: var(--mr-chapel-accent);
    font-size: 29px;
}

.mr-chapel-photo-empty__copy small {
    margin-top: 23px;
    color: var(--mr-chapel-accent);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .16em;
}

.mr-chapel-photo-empty__copy h3 {
    margin-top: 10px;
    color: var(--mr-ink);
    font-size: 27px;
    font-weight: 740;
    letter-spacing: -.04em;
    line-height: 1.4;
    word-break: keep-all;
}

.mr-chapel-photo-empty__copy p {
    margin-top: 13px;
    color: var(--mr-muted);
    font-size: 13px;
    line-height: 1.75;
    word-break: keep-all;
}

.mr-chapel-photo-empty__copy .mr-button {
    margin-top: 24px;
}

.mr-chapel-closing {
    padding: 40px 0 92px;
}

.mr-chapel-closing__panel {
    display: grid;
    min-height: 330px;
    overflow: hidden;
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
    border-radius: 28px;
    background:
        radial-gradient(circle at 92% 4%, rgba(255, 255, 255, .12), transparent 28%),
        var(--mr-chapel-deep);
    color: #fff;
}

.mr-chapel-closing__visit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(42px, 6vw, 82px);
}

.mr-chapel-closing__visit h2 {
    margin-top: 18px;
    font-size: clamp(30px, 3.2vw, 46px);
    font-weight: 730;
    letter-spacing: -.05em;
}

.mr-chapel-closing__visit > p {
    margin-top: 18px;
    color: rgba(255, 255, 255, .7);
    font-size: 14px;
    line-height: 1.8;
}

.mr-chapel-closing__visit > p a {
    color: #fff;
    font-weight: 700;
}

.mr-chapel-closing__visit > div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.mr-chapel-closing__visit > div a {
    display: inline-flex;
    min-height: 45px;
    align-items: center;
    gap: 18px;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 999px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.mr-chapel-closing__next {
    margin: 34px;
    padding: 30px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 21px;
    background: rgba(255, 255, 255, .07);
}

.mr-chapel-closing__next header > span {
    color: rgba(255, 255, 255, .5);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .15em;
}

.mr-chapel-closing__next h3 {
    margin-top: 7px;
    font-size: 22px;
    font-weight: 720;
}

.mr-chapel-closing__next ul {
    display: grid;
    margin-top: 22px;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid rgba(255, 255, 255, .13);
}

.mr-chapel-closing__next li {
    border-bottom: 1px solid rgba(255, 255, 255, .13);
}

.mr-chapel-closing__next li:nth-child(odd) {
    padding-right: 13px;
}

.mr-chapel-closing__next li:nth-child(even) {
    padding-left: 13px;
}

.mr-chapel-closing__next li a {
    display: flex;
    min-height: 50px;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    color: rgba(255, 255, 255, .85);
    font-size: 13px;
    font-weight: 650;
}

.mr-chapel-closing__next li i {
    color: rgba(255, 255, 255, .45);
    font-style: normal;
}

.mr-chapel-closing__youtube {
    display: flex;
    min-height: 48px;
    align-items: center;
    gap: 10px;
    margin-top: 19px;
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
}

.mr-chapel-closing__youtube > .material-symbols-outlined {
    font-size: 23px;
}

.mr-chapel-closing__youtube > i {
    margin-left: auto;
    font-style: normal;
}

@media (max-width: 1200px) {
    .mr-chapel-quick__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mr-chapel-news__grid {
        grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    }
}

@media (max-width: 1023px) {
    .mr-chapel-welcome__grid,
    .mr-chapel-news__grid,
    .mr-chapel-photo-empty,
    .mr-chapel-closing__panel {
        grid-template-columns: 1fr;
    }

    .mr-chapel-welcome__grid {
        gap: 38px;
    }

    .mr-chapel-empty,
    .mr-chapel-bulletin {
        min-height: 330px;
    }

    .mr-chapel-photo-empty__visual {
        min-height: 340px;
    }

    .mr-chapel-closing__next {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .mr-chapel-hero .mr-hero__stage {
        min-height: 570px;
        align-items: flex-end;
    }

    .micro-renewal--daegu .mr-chapel-hero .mr-hero__stage,
    .micro-renewal--gwangju .mr-chapel-hero .mr-hero__stage {
        background-position: 62% center;
    }

    .micro-renewal--daegu .mr-chapel-hero .mr-hero__stage::before {
        background: linear-gradient(0deg, rgba(18, 45, 72, .96) 0%, rgba(18, 47, 76, .78) 55%, rgba(18, 47, 76, .16) 100%);
    }

    .micro-renewal--gwangju .mr-chapel-hero .mr-hero__stage::before {
        background: linear-gradient(0deg, rgba(54, 34, 41, .96) 0%, rgba(70, 41, 47, .76) 55%, rgba(70, 41, 47, .13) 100%);
    }

    .mr-chapel-hero .mr-hero__copy h1 small {
        font-size: 14px;
    }

    .mr-chapel-quick {
        margin-top: -20px;
        padding-bottom: 54px;
    }

    .mr-chapel-quick__grid {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .mr-chapel-quick__grid > a {
        min-height: 112px;
        grid-template-columns: 52px minmax(0, 1fr) auto;
        gap: 15px;
        padding: 18px;
        border-radius: 17px;
    }

    .mr-chapel-quick__icon {
        width: 52px;
        height: 52px;
        border-radius: 15px;
        font-size: 25px;
    }

    .mr-chapel-quick h2 {
        font-size: 16px;
    }

    .mr-chapel-welcome {
        padding-top: 28px;
    }

    .mr-chapel-welcome__copy > p {
        font-size: 14px;
    }

    .mr-chapel-panel {
        border-radius: 20px;
    }

    .mr-chapel-panel > header {
        min-height: 88px;
        padding: 20px;
    }

    .mr-chapel-notice-list > a {
        min-height: 68px;
        grid-template-columns: 30px minmax(0, 1fr) auto 16px;
        gap: 10px;
        margin: 0 20px;
    }

    .mr-chapel-notice-list h4 {
        font-size: 15px;
    }

    .mr-chapel-bulletin {
        min-height: 360px;
    }

    .mr-chapel-empty {
        min-height: 270px;
        flex-direction: column;
        padding: 30px 24px;
        text-align: center;
    }

    .mr-chapel-empty > .material-symbols-outlined {
        width: 64px;
        height: 64px;
        font-size: 29px;
    }

    .mr-chapel-photo-grid {
        grid-template-columns: 1fr;
    }

    .mr-chapel-photo-grid > a.is-featured {
        grid-column: auto;
    }

    .mr-chapel-photo-grid > a.is-featured .mr-chapel-photo-grid__thumb,
    .mr-chapel-photo-grid__thumb {
        height: 230px;
    }

    .mr-chapel-photo-empty {
        min-height: 0;
        border-radius: 21px;
    }

    .mr-chapel-photo-empty__visual {
        min-height: 245px;
    }

    .mr-chapel-photo-empty__copy {
        padding: 32px 24px;
    }

    .mr-chapel-photo-empty__copy h3 {
        font-size: 23px;
    }

    .mr-chapel-closing {
        padding: 18px 0 62px;
    }

    .mr-chapel-closing__panel {
        border-radius: 22px;
    }

    .mr-chapel-closing__visit {
        padding: 35px 25px;
    }

    .mr-chapel-closing__visit h2 {
        font-size: 30px;
    }

    .mr-chapel-closing__next {
        margin: 0 15px 15px;
        padding: 25px 20px;
        border-radius: 18px;
    }

    .mr-chapel-closing__next ul {
        grid-template-columns: 1fr;
    }

    .mr-chapel-closing__next li:nth-child(odd),
    .mr-chapel-closing__next li:nth-child(even) {
        padding: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .micro-renewal * {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

/* 미취학부 메인 */
.micro-renewal--preschool {
    --mr-preschool-accent: #c8657e;
    --mr-preschool-deep: #4c374d;
    --mr-preschool-soft: #faeaf0;
    --mr-preschool-pale: #fff8fa;
}

.micro-renewal--infant {
    --mr-preschool-accent: #7085c5;
    --mr-preschool-deep: #35446d;
    --mr-preschool-soft: #ebeffa;
    --mr-preschool-pale: #f7f8fd;
}

.micro-renewal--nursery {
    --mr-preschool-accent: #df8057;
    --mr-preschool-deep: #59413f;
    --mr-preschool-soft: #fbece4;
    --mr-preschool-pale: #fff9f4;
}

.mr-preschool-hero {
    padding-bottom: 0;
}

.mr-preschool-hero .mr-hero__stage {
    min-height: 500px;
    background-position: center;
}

.micro-renewal--infant .mr-preschool-hero .mr-hero__stage {
    background-image: url("/resource/usr/image/cont/nursery_visual.jpg");
}

.micro-renewal--nursery .mr-preschool-hero .mr-hero__stage {
    background-image: url("/resource/usr/image/cont/toddler_visual.jpg");
}

.micro-renewal--kinder .mr-preschool-hero .mr-hero__stage {
    background-image: url("/resource/usr/image/cont/infant_visual.jpg");
}

.mr-preschool-hero .mr-hero__stage::before {
    background: linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .91) 37%, rgba(255, 255, 255, .42) 56%, rgba(255, 255, 255, 0) 76%);
}

.mr-preschool-hero .mr-hero__copy {
    width: min(720px, 60%);
    color: var(--mr-ink);
}

.mr-preschool-hero .mr-eyebrow,
.mr-preschool-hero .mr-hero__note {
    color: var(--mr-preschool-accent);
}

.mr-preschool-hero .mr-hero__copy h1 {
    color: var(--mr-preschool-deep);
}

.mr-preschool-hero .mr-hero__copy h1 small {
    display: block;
    margin-bottom: 9px;
    color: #768094;
    font-size: 17px;
    font-weight: 580;
    letter-spacing: -.02em;
}

.mr-preschool-hero .mr-hero__copy > p {
    max-width: 540px;
    color: #596579;
}

.mr-preschool-hero .mr-hero__note > span {
    background: var(--mr-preschool-soft);
    color: var(--mr-preschool-accent);
}

.mr-button--preschool {
    background: var(--mr-preschool-deep);
    color: #fff !important;
}

.mr-button--preschool-outline {
    border-color: rgba(76, 55, 77, .24);
    background: rgba(255, 255, 255, .7);
    color: var(--mr-preschool-deep) !important;
    backdrop-filter: blur(5px);
}

.mr-button--preschool-outline:hover {
    border-color: var(--mr-preschool-accent);
    background: #fff;
}

.mr-preschool-quick {
    position: relative;
    z-index: 2;
    margin-top: -36px;
    padding-bottom: 76px;
}

.mr-preschool-quick__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
}

.mr-preschool-quick__grid > a {
    position: relative;
    display: grid;
    min-height: 164px;
    align-content: center;
    align-items: center;
    grid-template-columns: 60px minmax(0, 1fr) auto;
    gap: 19px;
    padding: 28px 24px;
    border: 1px solid #e3e7ed;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 17px 40px rgba(35, 45, 66, .1);
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.mr-preschool-quick__grid > a:hover {
    border-color: var(--mr-preschool-accent);
    box-shadow: 0 21px 44px rgba(35, 45, 66, .14);
    transform: translateY(-5px);
}

.mr-preschool-quick__number {
    position: absolute;
    top: 17px;
    right: 18px;
    color: var(--mr-preschool-accent);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
}

.mr-preschool-quick__icon {
    display: flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: var(--mr-preschool-soft);
    color: var(--mr-preschool-accent);
    font-size: 28px;
}

.mr-preschool-quick small {
    color: #9aa3b0;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .14em;
}

.mr-preschool-quick h2 {
    margin-top: 7px;
    color: var(--mr-ink);
    font-size: 18px;
    font-weight: 750;
    letter-spacing: -.035em;
}

.mr-preschool-quick p {
    margin-top: 6px;
    color: var(--mr-muted);
    font-size: 13px;
    line-height: 1.5;
    word-break: keep-all;
}

.mr-preschool-quick a > i {
    color: var(--mr-preschool-deep);
    font-size: 18px;
    font-style: normal;
}

.mr-preschool-grow {
    padding-top: 34px;
}

.mr-preschool-grow__intro {
    display: grid;
    grid-template-columns: minmax(430px, .95fr) minmax(0, 1.05fr);
    align-items: start;
    gap: clamp(55px, 8vw, 130px);
}

.mr-preschool-grow .mr-section-heading__number,
.mr-preschool-grow .mr-section-heading small,
.mr-preschool-photos .mr-eyebrow,
.mr-preschool-photo-panel > header small {
    color: var(--mr-preschool-accent);
}

.mr-preschool-grow__intro > p {
    padding-top: 7px;
    color: #59677a;
    font-size: 16px;
    line-height: 1.9;
    word-break: keep-all;
}

.mr-preschool-value-grid {
    display: grid;
    margin-top: 54px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.mr-preschool-value-card {
    position: relative;
    min-height: 270px;
    overflow: hidden;
    padding: 34px;
    border: 1px solid #e3e7ed;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(34, 48, 71, .06);
}

.mr-preschool-value-card::after {
    position: absolute;
    right: -54px;
    bottom: -62px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: var(--mr-preschool-pale);
    content: "";
}

.mr-preschool-value-card__number {
    position: absolute;
    top: 27px;
    right: 28px;
    color: #b0b7c1;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
}

.mr-preschool-value-card__icon {
    display: flex;
    width: 64px;
    height: 64px;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: var(--mr-preschool-soft);
    color: var(--mr-preschool-accent);
    font-size: 30px;
}

.mr-preschool-value-card h3 {
    position: relative;
    z-index: 1;
    margin-top: 28px;
    color: var(--mr-ink);
    font-size: 22px;
    font-weight: 750;
    letter-spacing: -.04em;
}

.mr-preschool-value-card p {
    position: relative;
    z-index: 1;
    max-width: 310px;
    margin-top: 12px;
    color: var(--mr-muted);
    font-size: 13px;
    line-height: 1.75;
    word-break: keep-all;
}

.mr-preschool-photos {
    scroll-margin-top: 100px;
}

.mr-preschool-photo-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.mr-preschool-photo-panel {
    overflow: hidden;
    border: 1px solid #dfe5ec;
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 15px 36px rgba(34, 48, 71, .06);
}

.mr-preschool-photo-panel > header {
    display: flex;
    min-height: 102px;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 24px 29px;
    border-bottom: 1px solid #e4e8ee;
}

.mr-preschool-photo-panel > header small {
    display: block;
    margin-bottom: 7px;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .15em;
}

.mr-preschool-photo-panel > header h3 {
    color: var(--mr-ink);
    font-size: 22px;
    font-weight: 750;
    letter-spacing: -.04em;
}

.mr-preschool-photo-panel > header > a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--mr-muted);
    font-size: 13px;
    font-weight: 700;
}

.mr-preschool-featured-photo {
    display: block;
}

.mr-preschool-featured-photo__thumb {
    display: block;
    height: 300px;
    overflow: hidden;
    background: var(--mr-preschool-pale);
}

.mr-preschool-featured-photo__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.mr-preschool-featured-photo__thumb.is-placeholder {
    position: relative;
    background:
        radial-gradient(circle at 78% 20%, var(--mr-preschool-soft), transparent 32%),
        linear-gradient(145deg, #fff, var(--mr-preschool-pale));
}

.mr-preschool-featured-photo__thumb.is-placeholder::before {
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--mr-preschool-accent);
    content: "photo_library";
    font-family: "Material Symbols Outlined";
    font-size: 56px;
    font-weight: normal;
    transform: translate(-50%, -50%);
}

.mr-preschool-featured-photo__thumb.is-placeholder img {
    display: none;
}

.mr-preschool-featured-photo:hover img {
    transform: scale(1.035);
}

.mr-preschool-featured-photo__thumb--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mr-preschool-accent);
}

.mr-preschool-featured-photo__thumb--empty i {
    font-size: 52px;
    font-style: normal;
}

.mr-preschool-featured-photo__copy {
    position: relative;
    display: block;
    padding: 24px 60px 27px 28px;
}

.mr-preschool-featured-photo__copy time {
    color: var(--mr-preschool-accent);
    font-size: 12px;
    font-weight: 750;
}

.mr-preschool-featured-photo__copy strong {
    display: block;
    overflow: hidden;
    margin-top: 8px;
    color: var(--mr-ink);
    font-size: 20px;
    font-weight: 740;
    letter-spacing: -.035em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mr-preschool-featured-photo__copy i {
    position: absolute;
    right: 28px;
    bottom: 29px;
    color: var(--mr-preschool-deep);
    font-style: normal;
}

.mr-preschool-photo-list {
    border-top: 1px solid #e4e8ee;
}

.mr-preschool-photo-list > a {
    display: grid;
    min-height: 72px;
    align-items: center;
    grid-template-columns: 28px minmax(0, 1fr) auto 18px;
    gap: 13px;
    margin: 0 28px;
    border-bottom: 1px solid #e9edf2;
}

.mr-preschool-photo-list > a:last-child {
    border-bottom: 0;
}

.mr-preschool-photo-list span {
    color: var(--mr-preschool-accent);
    font-size: 12px;
    font-weight: 850;
}

.mr-preschool-photo-list strong {
    overflow: hidden;
    color: var(--mr-ink);
    font-size: 16px;
    font-weight: 680;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mr-preschool-photo-list time {
    color: #98a1ae;
    font-size: 13px;
}

.mr-preschool-photo-list i {
    color: #8d99aa;
    font-style: normal;
}

.mr-preschool-photo-empty {
    position: relative;
    display: flex;
    min-height: 350px;
    overflow: hidden;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding: 45px;
    background: linear-gradient(145deg, #fff, var(--mr-preschool-pale));
}

.mr-preschool-photo-empty__shape {
    position: absolute;
    right: -72px;
    bottom: -92px;
    width: 260px;
    height: 260px;
    border: 42px solid var(--mr-preschool-soft);
    border-radius: 50%;
    opacity: .82;
}

.mr-preschool-photo-empty > .material-symbols-outlined {
    display: flex;
    width: 68px;
    height: 68px;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    background: var(--mr-preschool-soft);
    color: var(--mr-preschool-accent);
    font-size: 31px;
}

.mr-preschool-photo-empty h4 {
    position: relative;
    margin-top: 25px;
    color: var(--mr-ink);
    font-size: 21px;
    font-weight: 740;
    letter-spacing: -.04em;
}

.mr-preschool-photo-empty p {
    position: relative;
    max-width: 390px;
    margin-top: 10px;
    color: var(--mr-muted);
    font-size: 13px;
    line-height: 1.75;
    word-break: keep-all;
}

.mr-preschool-photo-empty > a {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
    color: var(--mr-preschool-deep);
    font-size: 13px;
    font-weight: 750;
}

.mr-preschool-closing {
    padding: 74px 0 94px;
}

.mr-preschool-closing__panel {
    position: relative;
    display: grid;
    min-height: 320px;
    overflow: hidden;
    align-items: center;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr);
    gap: 70px;
    padding: clamp(45px, 6vw, 82px);
    border-radius: 29px;
    background:
        radial-gradient(circle at 85% 0%, rgba(255, 255, 255, .12), transparent 27%),
        var(--mr-preschool-deep);
    color: #fff;
}

.mr-preschool-closing__panel::after {
    position: absolute;
    right: -85px;
    bottom: -180px;
    width: 390px;
    height: 390px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    content: "";
}

.mr-preschool-closing h2 {
    margin-top: 18px;
    font-size: clamp(32px, 3.4vw, 48px);
    font-weight: 740;
    letter-spacing: -.05em;
}

.mr-preschool-closing p {
    max-width: 650px;
    margin-top: 17px;
    color: rgba(255, 255, 255, .72);
    font-size: 14px;
    line-height: 1.8;
    word-break: keep-all;
}

.mr-preschool-closing__actions {
    position: relative;
    z-index: 1;
    display: grid;
    border-top: 1px solid rgba(255, 255, 255, .15);
}

.mr-preschool-closing__actions a {
    display: flex;
    min-height: 60px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    color: rgba(255, 255, 255, .9);
    font-size: 14px;
    font-weight: 700;
}

@media (max-width: 1023px) {
    .mr-preschool-grow__intro,
    .mr-preschool-closing__panel {
        grid-template-columns: 1fr;
    }

    .mr-preschool-grow__intro,
    .mr-preschool-closing__panel {
        gap: 38px;
    }

    .mr-preschool-value-card {
        padding: 27px;
    }

    .mr-preschool-photo-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .mr-preschool-hero .mr-hero__stage {
        min-height: 610px;
        align-items: flex-end;
        background-position: 70% top;
    }

    .mr-preschool-hero .mr-hero__stage::before {
        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .98) 48%, rgba(255, 255, 255, .45) 70%, rgba(255, 255, 255, .04) 100%);
    }

    .mr-preschool-hero .mr-hero__copy {
        width: 100%;
        padding-top: 260px;
    }

    .mr-preschool-hero .mr-hero__copy h1 small {
        font-size: 14px;
    }

    .mr-preschool-quick {
        margin-top: -19px;
        padding-bottom: 54px;
    }

    .mr-preschool-quick__grid {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .mr-preschool-quick__grid > a {
        min-height: 112px;
        grid-template-columns: 52px minmax(0, 1fr) auto;
        gap: 15px;
        padding: 18px;
        border-radius: 18px;
    }

    .mr-preschool-quick__icon {
        width: 52px;
        height: 52px;
        border-radius: 16px;
        font-size: 25px;
    }

    .mr-preschool-quick h2 {
        font-size: 16px;
    }

    .mr-preschool-grow {
        padding-top: 28px;
    }

    .mr-preschool-grow__intro > p {
        font-size: 14px;
    }

    .mr-preschool-value-grid {
        margin-top: 36px;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .mr-preschool-value-card {
        min-height: 218px;
        border-radius: 20px;
    }

    .mr-preschool-value-card h3 {
        margin-top: 22px;
        font-size: 20px;
    }

    .mr-preschool-photo-panel {
        border-radius: 20px;
    }

    .mr-preschool-photo-panel > header {
        min-height: 91px;
        padding: 20px;
    }

    .mr-preschool-featured-photo__thumb {
        height: 230px;
    }

    .mr-preschool-photo-list > a {
        grid-template-columns: 25px minmax(0, 1fr) 16px;
        margin: 0 20px;
    }

    .mr-preschool-photo-list time {
        display: none;
    }

    .mr-preschool-photo-empty {
        min-height: 310px;
        padding: 31px 24px;
    }

    .mr-preschool-photo-empty h4 {
        font-size: 19px;
    }

    .mr-preschool-closing {
        padding: 55px 0 65px;
    }

    .mr-preschool-closing__panel {
        padding: 36px 25px;
        border-radius: 22px;
    }

    .mr-preschool-closing h2 {
        font-size: 30px;
    }
}

/* 취학부·사랑부 메인 */
.micro-renewal--nextgen {
    --mr-nextgen-accent: #5d8b6d;
    --mr-nextgen-deep: #294a42;
    --mr-nextgen-soft: #e7f1e9;
    --mr-nextgen-pale: #f6faf6;
}

.micro-renewal--elementary {
    --mr-nextgen-accent: #547dad;
    --mr-nextgen-deep: #263f63;
    --mr-nextgen-soft: #e7eef7;
    --mr-nextgen-pale: #f5f8fc;
}

.micro-renewal--junior {
    --mr-nextgen-accent: #65769e;
    --mr-nextgen-deep: #2f3954;
    --mr-nextgen-soft: #e9edf6;
    --mr-nextgen-pale: #f7f8fc;
}

.micro-renewal--love {
    --mr-nextgen-accent: #b66b7c;
    --mr-nextgen-deep: #533947;
    --mr-nextgen-soft: #f5e8ec;
    --mr-nextgen-pale: #fcf7f8;
}

.micro-renewal--teenager {
    --mr-nextgen-accent: #96744f;
    --mr-nextgen-deep: #3f493d;
    --mr-nextgen-soft: #f2ece3;
    --mr-nextgen-pale: #fbf9f4;
}

.micro-renewal--youth {
    --mr-nextgen-accent: #4f7f91;
    --mr-nextgen-deep: #263f52;
    --mr-nextgen-soft: #e4eef2;
    --mr-nextgen-pale: #f4f8fa;
}

.micro-renewal--parents {
    --mr-nextgen-accent: #c96872;
    --mr-nextgen-deep: #294d73;
    --mr-nextgen-soft: #f6e6e8;
    --mr-nextgen-pale: #fcf7f6;
}

.mr-nextgen-hero {
    padding-bottom: 0;
}

.mr-nextgen-hero .mr-hero__stage {
    min-height: 500px;
    background-position: center;
}

.micro-renewal--children .mr-nextgen-hero .mr-hero__stage {
    background-image: url("/resource/usr/image/cont/kindergarten_visual.jpg");
}

.micro-renewal--elementary .mr-nextgen-hero .mr-hero__stage {
    background-image: url("/resource/usr/image/cont/elementary_visual.jpg");
}

.micro-renewal--junior .mr-nextgen-hero .mr-hero__stage {
    background-image: url("/resource/usr/image/cont/boys_visual.jpg");
}

.micro-renewal--love .mr-nextgen-hero .mr-hero__stage {
    background-image: url("/resource/usr/image/cont/special_needs_visual.jpg");
}

.micro-renewal--teenager .mr-nextgen-hero .mr-hero__stage {
    background-image: url("/resource/usr/image/cont/youth_visual.jpg");
}

.micro-renewal--youth .mr-nextgen-hero .mr-hero__stage {
    background-image: url("/resource/usr/image/cont/brand_new_visual.jpg");
}

.micro-renewal--parents .mr-nextgen-hero .mr-hero__stage {
    background-image: url("/resource/usr/image/cont/parents_visual.jpg");
}

.mr-nextgen-hero .mr-hero__stage::before {
    background: linear-gradient(90deg, rgba(255, 255, 255, .98) 0%, rgba(255, 255, 255, .91) 37%, rgba(255, 255, 255, .43) 56%, rgba(255, 255, 255, 0) 76%);
}

.mr-nextgen-hero .mr-hero__copy {
    width: min(740px, 61%);
    color: var(--mr-ink);
}

.mr-nextgen-hero .mr-eyebrow,
.mr-nextgen-hero .mr-hero__note {
    color: var(--mr-nextgen-accent);
}

.mr-nextgen-hero .mr-hero__copy h1 {
    color: var(--mr-nextgen-deep);
}

.mr-nextgen-hero .mr-hero__copy h1 small {
    display: block;
    margin-bottom: 9px;
    color: #778193;
    font-size: 17px;
    font-weight: 580;
    letter-spacing: -.02em;
}

.mr-nextgen-hero .mr-hero__copy > p {
    max-width: 555px;
    color: #596579;
}

.mr-nextgen-hero .mr-hero__note > span {
    background: var(--mr-nextgen-soft);
    color: var(--mr-nextgen-accent);
}

.mr-button--nextgen {
    background: var(--mr-nextgen-deep);
    color: #fff !important;
}

.mr-button--nextgen-outline {
    border-color: color-mix(in srgb, var(--mr-nextgen-deep) 25%, transparent);
    background: rgba(255, 255, 255, .72);
    color: var(--mr-nextgen-deep) !important;
    backdrop-filter: blur(5px);
}

.mr-button--nextgen-outline:hover {
    border-color: var(--mr-nextgen-accent);
    background: #fff;
}

.mr-nextgen-quick {
    position: relative;
    z-index: 2;
    margin-top: -36px;
    padding-bottom: 76px;
}

.mr-nextgen-quick__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.mr-nextgen-quick__grid--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mr-nextgen-quick__grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mr-nextgen-quick-card {
    position: relative;
    display: flex;
    min-height: 236px;
    flex-direction: column;
    padding: 28px 24px 22px;
    border: 1px solid #e2e7ed;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 17px 40px rgba(35, 45, 66, .1);
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

a.mr-nextgen-quick-card {
    color: inherit;
    text-decoration: none;
}

.mr-nextgen-quick-card:hover {
    border-color: var(--mr-nextgen-accent);
    box-shadow: 0 21px 44px rgba(35, 45, 66, .14);
    transform: translateY(-5px);
}

.mr-nextgen-quick-card--direct {
    display: grid;
    min-height: 164px;
    align-content: center;
    align-items: center;
    grid-template-columns: 60px minmax(0, 1fr) auto;
    gap: 19px;
    padding: 28px 24px;
}

.mr-nextgen-quick-card--direct .mr-nextgen-quick-card__icon {
    width: 60px;
    height: 60px;
    border-radius: 20px;
}

.mr-nextgen-quick-card--direct .mr-nextgen-quick-card__copy {
    margin-top: 0;
}

.mr-nextgen-quick-card--direct > i {
    color: var(--mr-nextgen-deep);
    font-size: 18px;
    font-style: normal;
}

.mr-nextgen-quick-card__number {
    position: absolute;
    top: 17px;
    right: 18px;
    color: var(--mr-nextgen-accent);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
}

.mr-nextgen-quick-card__icon {
    display: flex;
    width: 58px;
    height: 58px;
    align-items: center;
    justify-content: center;
    border-radius: 19px;
    background: var(--mr-nextgen-soft);
    color: var(--mr-nextgen-accent);
    font-size: 28px;
}

.mr-nextgen-quick-card__copy {
    margin-top: 19px;
}

.mr-nextgen-quick-card__copy small {
    color: #9aa3b0;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .14em;
}

.mr-nextgen-quick-card__copy h2 {
    margin-top: 7px;
    color: var(--mr-ink);
    font-size: 18px;
    font-weight: 750;
    letter-spacing: -.035em;
}

.mr-nextgen-quick-card__copy p {
    margin-top: 6px;
    color: var(--mr-muted);
    font-size: 13px;
    line-height: 1.5;
    word-break: keep-all;
}

.mr-nextgen-quick-card__links {
    display: flex;
    gap: 7px;
    margin-top: auto;
    padding-top: 17px;
}

.mr-nextgen-quick-card__links a {
    display: flex;
    min-height: 34px;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 12px;
    border-radius: 9px;
    background: var(--mr-nextgen-pale);
    color: var(--mr-nextgen-deep);
    font-size: 12px;
    font-weight: 750;
}

.mr-nextgen-grow {
    padding-top: 34px;
}

.mr-nextgen-grow__intro {
    display: grid;
    grid-template-columns: minmax(430px, .95fr) minmax(0, 1.05fr);
    align-items: start;
    gap: clamp(55px, 8vw, 130px);
}

.mr-nextgen-grow .mr-section-heading__number,
.mr-nextgen-grow .mr-section-heading small,
.mr-nextgen-content .mr-eyebrow,
.mr-nextgen-board-panel > header small {
    color: var(--mr-nextgen-accent);
}

.mr-nextgen-grow__intro > p {
    padding-top: 7px;
    color: #59677a;
    font-size: 16px;
    line-height: 1.9;
    word-break: keep-all;
}

.mr-nextgen-value-grid {
    display: grid;
    margin-top: 54px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.mr-nextgen-value-card {
    position: relative;
    min-height: 270px;
    overflow: hidden;
    padding: 34px;
    border: 1px solid #e3e7ed;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(34, 48, 71, .06);
}

.mr-nextgen-value-card::after {
    position: absolute;
    right: -54px;
    bottom: -62px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: var(--mr-nextgen-pale);
    content: "";
}

.mr-nextgen-value-card__number {
    position: absolute;
    top: 27px;
    right: 28px;
    color: #b0b7c1;
    font-size: 11px;
    font-weight: 850;
}

.mr-nextgen-value-card__icon {
    display: flex;
    width: 64px;
    height: 64px;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    background: var(--mr-nextgen-soft);
    color: var(--mr-nextgen-accent);
    font-size: 30px;
}

.mr-nextgen-value-card h3 {
    position: relative;
    z-index: 1;
    margin-top: 28px;
    color: var(--mr-ink);
    font-size: 22px;
    font-weight: 750;
    letter-spacing: -.04em;
}

.mr-nextgen-value-card p {
    position: relative;
    z-index: 1;
    max-width: 320px;
    margin-top: 12px;
    color: var(--mr-muted);
    font-size: 13px;
    line-height: 1.75;
    word-break: keep-all;
}

.mr-nextgen-content {
    scroll-margin-top: 100px;
}

.mr-nextgen-board-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.mr-nextgen-board-grid--many {
    row-gap: 30px;
}

.mr-nextgen-board-grid--many > .mr-nextgen-board-panel:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.mr-nextgen-board-grid--many > .mr-nextgen-board-panel--feature_list ~ .mr-nextgen-board-panel:last-child:nth-child(odd) {
    grid-column: auto;
}

.mr-nextgen-board-panel--feature_list {
    grid-column: 1 / -1;
}

.mr-nextgen-board-panel {
    overflow: hidden;
    border: 1px solid #dfe5ec;
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 15px 36px rgba(34, 48, 71, .06);
}

.mr-nextgen-board-panel > header {
    display: flex;
    min-height: 102px;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 24px 29px;
    border-bottom: 1px solid #e4e8ee;
}

.mr-nextgen-board-panel > header small {
    display: block;
    margin-bottom: 7px;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .15em;
}

.mr-nextgen-board-panel > header h3 {
    color: var(--mr-ink);
    font-size: 21px;
    font-weight: 750;
    letter-spacing: -.04em;
}

.mr-nextgen-board-panel > header > a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--mr-muted);
    font-size: 13px;
    font-weight: 700;
}

.mr-nextgen-featured-photo {
    display: block;
}

.mr-nextgen-featured-photo__thumb {
    display: block;
    height: 280px;
    overflow: hidden;
    background: var(--mr-nextgen-pale);
}

.mr-nextgen-featured-photo__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.mr-nextgen-featured-photo:hover img {
    transform: scale(1.035);
}

.mr-nextgen-featured-photo__thumb.is-placeholder {
    position: relative;
    background:
        radial-gradient(circle at 78% 20%, var(--mr-nextgen-soft), transparent 32%),
        linear-gradient(145deg, #fff, var(--mr-nextgen-pale));
}

.mr-nextgen-featured-photo__thumb.is-placeholder::before {
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--mr-nextgen-accent);
    content: "photo_library";
    font-family: "Material Symbols Outlined";
    font-size: 56px;
    font-weight: normal;
    transform: translate(-50%, -50%);
}

.mr-nextgen-featured-photo__thumb.is-placeholder img {
    display: none;
}

.mr-nextgen-featured-photo__copy {
    position: relative;
    display: block;
    padding: 24px 60px 27px 28px;
}

.mr-nextgen-featured-photo__copy time {
    color: var(--mr-nextgen-accent);
    font-size: 12px;
    font-weight: 750;
}

.mr-nextgen-featured-photo__copy strong {
    display: block;
    overflow: hidden;
    margin-top: 8px;
    color: var(--mr-ink);
    font-size: 20px;
    font-weight: 740;
    letter-spacing: -.035em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mr-nextgen-featured-photo__copy i {
    position: absolute;
    right: 28px;
    bottom: 29px;
    color: var(--mr-nextgen-deep);
    font-style: normal;
}

.mr-nextgen-photo-list {
    border-top: 1px solid #e4e8ee;
}

.mr-nextgen-photo-list > a {
    display: grid;
    min-height: 72px;
    align-items: center;
    grid-template-columns: 28px minmax(0, 1fr) auto 18px;
    gap: 13px;
    margin: 0 28px;
    border-bottom: 1px solid #e9edf2;
}

.mr-nextgen-photo-list > a:last-child {
    border-bottom: 0;
}

.mr-nextgen-photo-list span,
.mr-nextgen-notice-list > a > span {
    color: var(--mr-nextgen-accent);
    font-size: 12px;
    font-weight: 850;
}

.mr-nextgen-photo-list strong {
    overflow: hidden;
    color: var(--mr-ink);
    font-size: 16px;
    font-weight: 680;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mr-nextgen-notice-list strong {
    overflow: hidden;
    color: var(--mr-ink);
    font-size: 16px;
    font-weight: 680;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mr-nextgen-photo-list time {
    color: #98a1ae;
    font-size: 13px;
}

.mr-nextgen-photo-list i,
.mr-nextgen-notice-list i {
    color: #8d99aa;
    font-style: normal;
}

.mr-nextgen-event-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
}

.mr-nextgen-event-layout > .mr-nextgen-featured-photo {
    min-width: 0;
    border-right: 1px solid #e4e8ee;
}

.mr-nextgen-event-layout .mr-nextgen-featured-photo__thumb {
    height: auto;
    aspect-ratio: 16 / 9;
}

.mr-nextgen-event-list {
    display: grid;
    min-width: 0;
    grid-auto-rows: minmax(108px, 1fr);
}

.mr-nextgen-event-list > a {
    display: grid;
    min-width: 0;
    align-items: center;
    grid-template-columns: 36px minmax(0, 1fr) 20px;
    gap: 17px;
    padding: 24px 28px;
    border-bottom: 1px solid #e8ecf1;
    transition: background-color .2s ease;
}

.mr-nextgen-event-list > a:last-child {
    border-bottom: 0;
}

.mr-nextgen-event-list > a:hover {
    background: var(--mr-nextgen-pale);
}

.mr-nextgen-event-list > a > span {
    align-self: start;
    padding-top: 2px;
    color: var(--mr-nextgen-accent);
    font-size: 12px;
    font-weight: 850;
}

.mr-nextgen-event-list time {
    display: block;
    margin-bottom: 8px;
    color: #98a1ae;
    font-size: 13px;
    font-weight: 650;
}

.mr-nextgen-event-list strong {
    display: -webkit-box;
    overflow: hidden;
    color: var(--mr-ink);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.55;
    word-break: keep-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.mr-nextgen-event-list i,
.mr-nextgen-event-list-empty i {
    color: var(--mr-nextgen-deep);
    font-style: normal;
}

.mr-nextgen-event-list-empty {
    display: flex;
    min-height: 100%;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 32px;
    color: var(--mr-nextgen-deep);
    text-align: center;
}

.mr-nextgen-event-list-empty .material-symbols-outlined {
    color: var(--mr-nextgen-accent);
    font-size: 30px;
}

.mr-nextgen-people-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    background: #e4e8ee;
}

.mr-nextgen-person-card {
    position: relative;
    display: block;
    min-width: 0;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: var(--mr-nextgen-pale);
}

.mr-nextgen-person-card__thumb {
    position: absolute;
    inset: 0;
    display: block;
    overflow: hidden;
}

.mr-nextgen-person-card__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.mr-nextgen-person-card:hover .mr-nextgen-person-card__thumb img {
    transform: scale(1.04);
}

.mr-nextgen-person-card__thumb.is-placeholder {
    background:
        radial-gradient(circle at 74% 22%, var(--mr-nextgen-soft), transparent 34%),
        linear-gradient(145deg, #fff, var(--mr-nextgen-pale));
}

.mr-nextgen-person-card__thumb.is-placeholder::before {
    position: absolute;
    top: 43%;
    left: 50%;
    color: var(--mr-nextgen-accent);
    content: "person";
    font-family: "Material Symbols Outlined";
    font-size: 48px;
    font-weight: normal;
    transform: translate(-50%, -50%);
}

.mr-nextgen-person-card__thumb.is-placeholder img {
    display: none;
}

.mr-nextgen-person-card__copy {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    min-height: 42%;
    padding: 52px 19px 17px;
    background: linear-gradient(180deg, transparent 0%, rgba(15, 24, 38, .84) 70%, rgba(15, 24, 38, .94) 100%);
    color: #fff;
}

.mr-nextgen-person-card__copy time {
    display: block;
    margin-bottom: 6px;
    color: rgba(255, 255, 255, .72);
    font-size: 11px;
    font-weight: 650;
}

.mr-nextgen-person-card__copy strong {
    display: -webkit-box;
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    font-weight: 720;
    line-height: 1.45;
    word-break: keep-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.mr-nextgen-notice-list > a {
    display: grid;
    min-height: 72px;
    align-items: center;
    grid-template-columns: 34px minmax(0, 1fr) auto 18px;
    gap: 15px;
    margin: 0 29px;
    border-bottom: 1px solid #e8ecf1;
}

.mr-nextgen-notice-list > a:last-child {
    border-bottom: 0;
}

.mr-nextgen-notice-list strong {
    display: block;
    font-size: 16px;
}

.mr-nextgen-notice-list time {
    color: #939dab;
    font-size: 13px;
    white-space: nowrap;
}

.mr-nextgen-board-panel--bulletin {
    display: flex;
    flex-direction: column;
}

.mr-nextgen-bulletin {
    display: flex;
    min-height: 435px;
    flex: 1;
    flex-direction: column;
}

.mr-nextgen-bulletin__thumb {
    position: relative;
    display: block;
    height: 248px;
    overflow: hidden;
    background: var(--mr-nextgen-pale);
}

.mr-nextgen-bulletin__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.mr-nextgen-bulletin__thumb:hover img {
    transform: scale(1.035);
}

.mr-nextgen-bulletin__thumb.is-placeholder {
    background:
        radial-gradient(circle at 76% 18%, var(--mr-nextgen-soft), transparent 34%),
        linear-gradient(145deg, #fff, var(--mr-nextgen-pale));
}

.mr-nextgen-bulletin__thumb.is-placeholder::before {
    position: absolute;
    top: 50%;
    left: 50%;
    color: var(--mr-nextgen-accent);
    content: "menu_book";
    font-family: "Material Symbols Outlined";
    font-size: 54px;
    font-weight: normal;
    transform: translate(-50%, -50%);
}

.mr-nextgen-bulletin__thumb.is-placeholder img {
    display: none;
}

.mr-nextgen-bulletin__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 25px 29px 28px;
}

.mr-nextgen-bulletin__body time {
    color: var(--mr-nextgen-accent);
    font-size: 12px;
    font-weight: 750;
}

.mr-nextgen-bulletin__body strong {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 9px;
    color: var(--mr-ink);
    font-size: 20px;
    font-weight: 740;
    letter-spacing: -.035em;
    line-height: 1.45;
    word-break: keep-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.mr-nextgen-bulletin__body > a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
    color: var(--mr-nextgen-deep);
    font-size: 13px;
    font-weight: 750;
}

.mr-nextgen-board-empty {
    display: flex;
    min-height: 390px;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 38px;
    background: linear-gradient(145deg, #fff, var(--mr-nextgen-pale));
}

.mr-nextgen-board-empty > .material-symbols-outlined {
    display: flex;
    width: 70px;
    height: 70px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    background: var(--mr-nextgen-soft);
    color: var(--mr-nextgen-accent);
    font-size: 31px;
}

.mr-nextgen-board-empty h4 {
    color: var(--mr-ink);
    font-size: 19px;
    font-weight: 740;
}

.mr-nextgen-board-empty p {
    margin-top: 8px;
    color: var(--mr-muted);
    font-size: 13px;
    line-height: 1.7;
}

.mr-nextgen-closing {
    padding: 74px 0 94px;
}

.mr-nextgen-closing__panel {
    position: relative;
    display: grid;
    min-height: 320px;
    overflow: hidden;
    align-items: center;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr);
    gap: 70px;
    padding: clamp(45px, 6vw, 82px);
    border-radius: 29px;
    background:
        radial-gradient(circle at 85% 0%, rgba(255, 255, 255, .12), transparent 27%),
        var(--mr-nextgen-deep);
    color: #fff;
}

.mr-nextgen-closing__panel::after {
    position: absolute;
    right: -85px;
    bottom: -180px;
    width: 390px;
    height: 390px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    content: "";
}

.mr-nextgen-closing h2 {
    margin-top: 18px;
    font-size: clamp(32px, 3.4vw, 48px);
    font-weight: 740;
    letter-spacing: -.05em;
}

.mr-nextgen-closing p {
    max-width: 650px;
    margin-top: 17px;
    color: rgba(255, 255, 255, .72);
    font-size: 14px;
    line-height: 1.8;
    word-break: keep-all;
}

.mr-nextgen-closing__actions {
    position: relative;
    z-index: 1;
    display: grid;
    border-top: 1px solid rgba(255, 255, 255, .15);
}

.mr-nextgen-closing__actions a {
    display: flex;
    min-height: 60px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    color: rgba(255, 255, 255, .9);
    font-size: 14px;
    font-weight: 700;
}

@media (max-width: 1200px) {
    .mr-nextgen-quick__grid,
    .mr-nextgen-quick__grid--3,
    .mr-nextgen-quick__grid--2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1023px) {
    .mr-nextgen-grow__intro,
    .mr-nextgen-closing__panel {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .mr-nextgen-value-card {
        padding: 27px;
    }

    .mr-nextgen-board-grid {
        grid-template-columns: 1fr;
    }

    .mr-nextgen-event-layout {
        grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
    }
}

@media (max-width: 767px) {
    .mr-nextgen-hero .mr-hero__stage {
        min-height: 630px;
        align-items: flex-end;
        background-position: 68% top;
    }

    .micro-renewal--love .mr-nextgen-hero .mr-hero__stage {
        background-position: 56% top;
    }

    .micro-renewal--teenager .mr-nextgen-hero .mr-hero__stage {
        background-position: 72% top;
    }

    .micro-renewal--youth .mr-nextgen-hero .mr-hero__stage {
        background-position: 58% top;
    }

    .micro-renewal--parents .mr-nextgen-hero .mr-hero__stage {
        background-position: 66% top;
    }

    .mr-nextgen-hero .mr-hero__stage::before {
        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .98) 49%, rgba(255, 255, 255, .45) 70%, rgba(255, 255, 255, .04) 100%);
    }

    .mr-nextgen-hero .mr-hero__copy {
        width: 100%;
        padding-top: 270px;
    }

    .mr-nextgen-hero .mr-hero__copy h1 small {
        font-size: 14px;
    }

    .mr-nextgen-quick {
        margin-top: -19px;
        padding-bottom: 54px;
    }

    .mr-nextgen-quick__grid,
    .mr-nextgen-quick__grid--3,
    .mr-nextgen-quick__grid--2 {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    .mr-nextgen-quick-card {
        display: grid;
        min-height: 0;
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 0 15px;
        padding: 18px;
        border-radius: 18px;
    }

    .mr-nextgen-quick-card--direct {
        min-height: 0;
        grid-template-columns: 52px minmax(0, 1fr) auto;
        gap: 0 15px;
        padding: 18px;
    }

    .mr-nextgen-quick-card__icon {
        width: 52px;
        height: 52px;
        grid-row: span 2;
        border-radius: 16px;
        font-size: 25px;
    }

    .mr-nextgen-quick-card--direct .mr-nextgen-quick-card__icon {
        width: 52px;
        height: 52px;
        grid-row: auto;
        border-radius: 16px;
    }

    .mr-nextgen-quick-card__copy {
        margin-top: 0;
    }

    .mr-nextgen-quick-card__copy h2 {
        font-size: 16px;
    }

    .mr-nextgen-quick-card__copy p {
        display: none;
    }

    .mr-nextgen-quick-card__links {
        grid-column: 2;
        padding-top: 12px;
    }

    .mr-nextgen-quick-card--direct > i {
        padding-top: 0;
    }

    .mr-nextgen-grow {
        padding-top: 28px;
    }

    .mr-nextgen-grow__intro > p {
        font-size: 14px;
    }

    .mr-nextgen-value-grid {
        margin-top: 36px;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .mr-nextgen-value-card {
        min-height: 218px;
        border-radius: 20px;
    }

    .mr-nextgen-value-card h3 {
        margin-top: 22px;
        font-size: 20px;
    }

    .mr-nextgen-board-panel {
        border-radius: 20px;
    }

    .mr-nextgen-board-panel > header {
        min-height: 91px;
        padding: 20px;
    }

    .mr-nextgen-board-panel > header h3 {
        font-size: 18px;
    }

    .mr-nextgen-bulletin {
        min-height: 0;
    }

    .mr-nextgen-bulletin__thumb {
        height: auto;
        aspect-ratio: 16 / 10;
    }

    .mr-nextgen-bulletin__body {
        min-height: 165px;
        padding: 23px 20px 25px;
    }

    .mr-nextgen-bulletin__body strong {
        font-size: 18px;
    }

    .mr-nextgen-featured-photo__thumb {
        height: 230px;
    }

    .mr-nextgen-event-layout {
        grid-template-columns: 1fr;
    }

    .mr-nextgen-event-layout > .mr-nextgen-featured-photo {
        border-right: 0;
        border-bottom: 1px solid #e4e8ee;
    }

    .mr-nextgen-event-layout .mr-nextgen-featured-photo__thumb {
        height: auto;
    }

    .mr-nextgen-event-list {
        grid-auto-rows: auto;
    }

    .mr-nextgen-event-list > a {
        min-height: 94px;
        grid-template-columns: 28px minmax(0, 1fr) 16px;
        gap: 12px;
        padding: 18px 20px;
    }

    .mr-nextgen-person-card__copy {
        min-height: 48%;
        padding: 42px 12px 12px;
    }

    .mr-nextgen-person-card__copy time {
        margin-bottom: 4px;
        font-size: 8px;
    }

    .mr-nextgen-person-card__copy strong {
        font-size: 13px;
    }

    .mr-nextgen-photo-list > a {
        grid-template-columns: 25px minmax(0, 1fr) 16px;
        margin: 0 20px;
    }

    .mr-nextgen-photo-list time {
        display: none;
    }

    .mr-nextgen-notice-list > a {
        min-height: 68px;
        grid-template-columns: 27px minmax(0, 1fr) auto 16px;
        gap: 10px;
        margin: 0 20px;
    }

    .mr-nextgen-board-empty {
        min-height: 300px;
        flex-direction: column;
        padding: 31px 24px;
        text-align: center;
    }

    .mr-nextgen-closing {
        padding: 55px 0 65px;
    }

    .mr-nextgen-closing__panel {
        padding: 36px 25px;
        border-radius: 22px;
    }

    .mr-nextgen-closing h2 {
        font-size: 30px;
    }
}