/* =========================================
   행복을 잇는 고래 연혁·연구활동 전용 CSS
========================================= */

.whale-history-page { width:100%; max-width:1000px; margin:0 auto; padding:0 0 100px; font-family:inherit; color:#222; box-sizing:border-box; }
.whale-history-page * { box-sizing:border-box; }
.whale-history-intro { width:100%; margin:0 auto 80px; padding:35px 42px; background:#f7f9fc; border:1px solid #e5ebf1; border-radius:14px; }
.whale-history-intro p { margin:0 0 12px; font-size:1.05em; line-height:1.8; color:#444; word-break:keep-all; letter-spacing:-0.02em; }
.whale-history-intro p:last-child { margin-bottom:0; }
.whale-history-section { width:100%; margin:0 0 85px; }
.whale-history-section:last-child { margin-bottom:0; }
.whale-history-heading { width:100%; margin:0 0 42px; text-align:center; }
.whale-history-heading h3 { position:relative; display:inline-block; margin:0; padding:0 0 16px; font-size:2.1em; font-weight:700; line-height:1.3; color:#222; letter-spacing:-0.04em; }
.whale-history-heading h3:after { content:""; position:absolute; left:50%; bottom:0; width:38px; height:3px; transform:translateX(-50%); background:#45a6e6; }
.whale-history-heading p { margin:17px 0 0; font-size:1.05em; line-height:1.7; color:#666; word-break:keep-all; }
.whale-history-card { display:flex; align-items:flex-start; width:100%; margin:0 0 28px; padding:36px 40px; background:#fff; border:1px solid #edf0f3; border-radius:14px; box-shadow:0 6px 20px rgba(0,0,0,0.035); }
.whale-history-card:last-child { margin-bottom:0; }
.whale-history-year { flex:0 0 120px; margin:0 32px 0 0; padding:13px 10px; text-align:center; font-size:1.9em; font-weight:700; line-height:1.2; color:#fff; background:#24578f; border-radius:8px; }
.whale-history-card.history .whale-history-year { background:#1689c9; }
.whale-history-list { flex:1; min-width:0; padding-left:35px; border-left:1px solid #e8ebee; }
.whale-history-item { display:flex; align-items:flex-start; width:100%; margin-bottom:24px; }
.whale-history-item:last-child { margin-bottom:0; }
.whale-history-date { flex:0 0 125px; padding:1px 20px 0 0; font-size:1.02em; font-weight:700; line-height:1.6; color:#277fc1; word-break:keep-all; }
.whale-history-content { flex:1; min-width:0; }
.whale-history-content strong { display:block; margin:0; font-size:1.08em; font-weight:600; line-height:1.65; color:#222; word-break:keep-all; letter-spacing:-0.02em; }
.whale-history-content p { margin:5px 0 0; font-size:0.98em; line-height:1.7; color:#666; word-break:keep-all; letter-spacing:-0.02em; }
.whale-history-tag { display:inline-block; margin:0 0 7px; padding:5px 11px; font-size:0.8em; font-weight:600; line-height:1.2; color:#287dbd; background:#eef7fd; border:1px solid #b9dff5; border-radius:20px; }
.whale-history-tag:before { content:"〈"; }
.whale-history-tag:after { content:"〉"; }
.whale-history-tag.foundation { color:#6650a4; background:#f3f0fc; border-color:#d4c8f1; }
.whale-history-tag.project { color:#35765d; background:#eff8f4; border-color:#bcdccb; }

@media screen and (max-width:992px){
.whale-history-page { max-width:900px; }
.whale-history-intro { padding:32px 34px; }
.whale-history-card { padding:31px 28px; }
.whale-history-year { flex-basis:110px; margin-right:24px; font-size:1.75em; }
.whale-history-list { padding-left:28px; }
.whale-history-date { flex-basis:115px; }
}

@media screen and (max-width:768px){
.whale-history-page { width:100%; padding:0 5px 70px; }
.whale-history-intro { margin-bottom:65px; padding:26px 21px; border-radius:10px; }
.whale-history-intro p { font-size:1em; line-height:1.75; }
.whale-history-section { margin-bottom:70px; }
.whale-history-heading { margin-bottom:34px; }
.whale-history-heading h3 { font-size:1.8em; }
.whale-history-heading p { margin:15px 8px 0; font-size:1em; }
.whale-history-card { display:block; margin-bottom:23px; padding:26px 21px; border-radius:10px; }
.whale-history-year { display:inline-block; width:auto; min-width:100px; margin:0 0 24px; padding:10px 17px; font-size:1.65em; }
.whale-history-list { width:100%; padding:0; border-left:0; }
.whale-history-item { display:block; margin-bottom:23px; padding-bottom:22px; border-bottom:1px solid #edf0f2; }
.whale-history-item:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0; }
.whale-history-date { display:block; width:100%; margin:0 0 5px; padding:0; font-size:1em; }
.whale-history-content strong { font-size:1.05em; line-height:1.65; }
.whale-history-content p { margin-top:5px; font-size:0.96em; line-height:1.7; }
}

@media screen and (max-width:480px){
.whale-history-page { padding-left:0; padding-right:0; }
.whale-history-intro { padding:23px 17px; }
.whale-history-heading h3 { font-size:1.65em; }
.whale-history-card { padding:23px 17px; }
.whale-history-year { min-width:92px; font-size:1.55em; }
}