/* Reusable history component; currently enabled only by the mobile route. */
.mg-history{box-sizing:border-box;max-width:900px;margin:0 auto;padding:26px 14px 40px;background:#fff;color:#293b45;font:16px/1.9 'Malgun Gothic','Nanum Gothic',sans-serif;word-break:keep-all;overflow-wrap:anywhere}
.mg-history *{box-sizing:border-box}
.mg-history .history-label{font-size:10px;letter-spacing:2px;color:#89937b;font-weight:700}
.mg-history h1{font-size:clamp(28px,7vw,38px);line-height:1.5;letter-spacing:-1px;color:#365f6a;margin:16px 0;font-weight:600}
.mg-history .history-intro p{font-size:16px;line-height:1.9;margin:0;color:#61727b}
.mg-history .history-rule{display:block;width:42px;height:2px;background:#b5bc9d;margin:24px 0 18px}
.mg-history .history-intro small{font-size:12px;color:#7c898d}
.mg-history .history-nav{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 36px;scroll-margin-top:20px}
.mg-history .history-nav a{display:block;padding:8px 13px;border:1px solid #dce4df;border-radius:22px;background:#fff;color:#365e50;font-size:13px;text-decoration:none}
.mg-history .history-nav a:hover,.mg-history .history-nav a:focus-visible{background:#edf2ec}
.mg-history .history-decade{scroll-margin-top:20px;margin-bottom:38px}
.mg-history h2{margin:0 0 22px;padding-top:20px;border-top:1px solid #dce4df;color:#365f6a;font-size:34px;line-height:1.4;letter-spacing:1px}
.mg-history h2 span{font-size:14px;margin-left:8px;letter-spacing:0;color:#70817f;font-weight:400}
.mg-history .history-timeline{list-style:none;margin:0 0 0 5px;padding:0 0 0 21px;border-left:1px solid #d9e2dc}
.mg-history .history-timeline li{position:relative;padding:0 0 25px;margin:0}
.mg-history .history-timeline li:before{content:'';position:absolute;left:-26px;top:9px;width:9px;height:9px;background:#789580;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #ccd8ce}
.mg-history .history-date{font-size:14px;color:#365e50;font-weight:700;letter-spacing:.2px;margin-bottom:7px}
.mg-history .history-event p{font-size:15px;line-height:1.9;margin:0 0 5px;color:#374953}
.mg-history .history-back{display:inline-block;margin:10px 0 0 26px;color:#6f817b;font-size:12px;text-decoration:none}
.mg-history .greeting-char{opacity:0;animation:mg-history-letter .5s ease forwards;animation-delay:var(--letter-delay)}
@keyframes mg-history-letter{to{opacity:1}}
@media(min-width:768px){.mg-history{padding:42px}.mg-history .history-timeline li{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px}.mg-history .history-event p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.mg-history .greeting-char{opacity:1;animation:none}}

/* Page title matches the worship section typography. */
.mg-history h1{font-family:'Noto Sans KR','Malgun Gothic','Apple SD Gothic Neo',sans-serif!important;font-weight:700!important;letter-spacing:-.5px;line-height:1.5;color:#294773}

/* Match the worship section heading typeface and weight. */
.mg-history h2{font-family:'Noto Sans KR','Malgun Gothic','Apple SD Gothic Neo',sans-serif!important;font-weight:700!important;letter-spacing:-.5px}