.historical-introduction{margin:34px 0 42px;padding:28px;border:1px solid #d7dfed;border-radius:14px;background:#fff;color:#172c49}.history-heading h2{margin:12px 0 20px;font-size:clamp(26px,3vw,36px);line-height:1.2}.historical-introduction h3{margin:24px 0 14px;font-size:21px}.historical-introduction p{font-size:17px;line-height:1.8;margin:12px 0}.history-who{max-width:80ch}.history-timeline{list-style:none;padding:0;margin:20px 0 28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:16px}.history-timeline li{margin:0;padding:18px;border:1px solid #dce3ee;border-top:4px solid #b58439;border-radius:8px;background:#f5f7fb}.history-timeline li>strong{font-size:17px;color:#243b66}.history-timeline p{font-size:16px;line-height:1.75}.history-comparison{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}.history-comparison>section{min-width:0}.history-caution,.history-question{padding:18px 22px;margin:22px 0;border-left:4px solid #b58439;background:#f8f4eb;border-radius:8px}.history-question{background:#edf2fb;border-color:#294fc2}.history-question p{margin-bottom:0;font-style:italic}.history-sources{margin:22px 0;padding:16px 20px;border:1px solid #dce3ee;border-radius:8px}.history-sources summary{cursor:pointer;font-weight:700}.history-sources li{margin:18px 0}.history-sources p{font-size:15px}.history-reading-note{color:#5c6d88!important;font-size:14px!important}.history-lesson-link{margin:22px 0;padding:16px 20px;border:1px solid #d8e1f1;border-radius:9px;background:#f4f7fc}.history-lesson-link p{margin:7px 0 10px;font-size:16px;line-height:1.7}.course-outline .history-outline-link{border-style:dashed;background:#fbf8f1}.history-outline-link .stage-number{font-size:30px}.history-outline-link small{line-height:1.6}.historical-introduction[data-history-course="masones"] .history-timeline li{border-top-color:#d65d4d}.historical-introduction[data-history-course="sud"] .history-timeline li{border-top-color:#776685}@media(max-width:720px){.historical-introduction{padding:20px 16px}.history-comparison{grid-template-columns:1fr;gap:8px}.history-timeline{grid-template-columns:1fr}.history-heading h2{font-size:28px}}
