.history-main{padding-top:38px}.history-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:42px;align-items:center;padding:18px 0 38px}.history-kicker{font-size:14px;color:#138866;font-weight:700}.history-hero h1{font-size:clamp(30px,3.3vw,43px);line-height:1.45;letter-spacing:-1px;margin:12px 0 16px}.history-hero h1 br{display:block}.history-hero p{line-height:1.9;font-size:16px;color:#567085;max-width:470px}.history-hero figure{margin:0}.history-hero img{display:block;width:100%;height:auto;border-radius:18px}.history-hero figcaption{font-size:11px;line-height:1.8;color:#567085;margin-top:12px}.history-main a{color:#0e5297}.history-skip{display:block;margin-top:17px;font-size:14px;font-weight:600}.wright-story{display:grid;grid-template-columns:145px 1fr;gap:35px;padding:30px;background:#e7f3fa;border-radius:20px}.history-year strong{font-size:43px;line-height:1.4;display:block;color:#0e5297;font-weight:800}.history-year span{font-size:13px;color:#567085}.wright-story h2{font-size:25px;margin:0 0 12px}.wright-story p{font-size:15px;line-height:1.95;color:#40637c;margin:12px 0}.history-context{border-left:4px solid #d6b13e;padding-left:16px}.history-source{display:inline-block;font-size:11px;margin:8px 12px 0 0;line-height:1.8}.history-timeline{padding:46px 0 10px;scroll-margin-top:20px}.timeline-heading{display:flex;align-items:start;justify-content:space-between;gap:30px}.timeline-heading h2{margin:0;font-size:28px}.timeline-heading p{font-size:13px;line-height:1.85;color:#567085;margin:0}.history-timeline ol{padding:0;margin:28px 0 0;list-style:none}.history-stop{display:grid;grid-template-columns:145px minmax(0,1fr) 260px;gap:35px;position:relative;border-top:1px solid #cddfe9;padding:30px 0}.history-stop .history-year{border-left:4px solid #b2d2e3;padding-left:18px}.history-stop h3{font-size:23px;margin:0 0 9px}.history-stop p{font-size:14px;line-height:1.95;color:#567085;margin:8px 0}.history-stop .why{color:#315771}.history-stop .why b{display:block;color:#138866}.history-stop figure{margin:0;align-self:center}.history-stop svg{display:block;width:100%;height:auto;background:#edf5fa;border-radius:15px}.history-stop svg text{font:13px 'Noto Sans Thai',Tahoma,sans-serif;fill:#416680}.history-stop figcaption{font-size:10px;color:#6f889a;margin-top:8px;line-height:1.7}.history-question{background:#fff4cb;padding:25px;border-radius:18px;margin:10px 0 25px}.history-question h2{font-size:24px;margin:0}.history-question p{font-size:15px;line-height:1.85}.history-question details{border-color:#dfca7f}.history-footnote{font-size:11px;line-height:1.9;color:#657e90;padding-bottom:20px}.history-main .next-lesson{margin-top:28px}
@media(max-width:1000px){.history-hero{gap:26px}.history-stop{grid-template-columns:110px minmax(0,1fr) 200px;gap:20px}.history-year strong{font-size:36px}.history-hero h1{font-size:34px}.wright-story{grid-template-columns:110px 1fr;gap:20px}.lesson-nav{gap:12px}.lesson-nav a{font-size:12px}}
@media(max-width:750px){.history-main{padding-top:15px}.history-hero{grid-template-columns:1fr;gap:26px;padding-top:9px}.history-hero h1{font-size:31px}.history-hero p{font-size:15px}.history-hero img{max-height:360px;object-fit:contain;background:#e7edf0}.wright-story{grid-template-columns:1fr;padding:22px;gap:10px}.history-year{display:flex;align-items:baseline;gap:12px}.history-year strong{font-size:34px}.wright-story h2{font-size:23px}.wright-story p{font-size:14px}.timeline-heading{display:block}.timeline-heading h2{font-size:25px}.timeline-heading p{margin-top:12px}.history-stop{grid-template-columns:1fr;gap:15px;padding:25px 0}.history-stop figure{max-width:330px;width:100%;justify-self:center}.history-stop .history-year{padding-left:12px}.history-stop h3{font-size:23px}.history-question{padding:20px}.history-question h2{font-size:22px}.history-main .lesson-button{font-size:14px}}