.timeline-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0}.timeline-controls .button{margin:0}.timeline-controls button:disabled{opacity:.45;cursor:default}.timeline-controls select{max-width:100%;min-height:46px;padding:10px;background:white;border:1px solid #b8ccdc;border-radius:8px;font:inherit}.timeline-track{display:flex;position:relative;overflow-x:auto;padding:18px 0 24px;scrollbar-width:thin}.timeline-stop{flex:0 0 158px;position:relative;border:0;background:transparent;padding:0 14px 15px;font:15px/1.45 Arial;text-align:left;color:#4b6173;cursor:pointer}.timeline-stop:before{content:'';position:absolute;top:10px;left:0;right:0;height:2px;background:#b8ccdc}.timeline-dot{position:relative;display:block;width:22px;height:22px;box-sizing:border-box;border:3px solid #92adbf;background:#f5f8fb;border-radius:50%;margin-bottom:15px}.timeline-stop>span:not(.timeline-dot){display:block;font:italic 19px Georgia;margin-bottom:8px}.timeline-stop strong{display:block}.timeline-stop[aria-pressed=true]{color:#23394c}.timeline-stop[aria-pressed=true] .timeline-dot{background:#315f80;border-color:#315f80}.timeline-stop:focus-visible{outline:3px solid #315f80;outline-offset:-3px;border-radius:8px}.timeline-progress{height:3px;background:#dce7ef;margin-bottom:24px}.timeline-progress span{display:block;height:100%;background:#315f80}.timeline-detail{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:28px;background:white;border:1px solid #c7d8e4;border-radius:16px;min-height:290px}.timeline-number{font:55px Georgia;color:#90adbf}.timeline-detail h3{font-size:30px;margin:10px 0}.timeline-meaning{padding:16px 20px;background:#eaf3fa;border-left:3px solid #315f80}.timeline-meaning p{margin:6px 0 0}.timeline-detail .button{margin-top:18px}.timeline-sources summary{cursor:pointer;min-height:44px;padding:12px 0}.course-timeline>h2{margin-bottom:6px}@media(max-width:650px){.timeline-detail{grid-template-columns:1fr;gap:5px;padding:20px;min-height:0}.timeline-number{font-size:28px}.timeline-detail h3{font-size:26px}.timeline-controls label{flex-basis:100%}.timeline-stop{flex-basis:140px}}@media print{.timeline-controls,.timeline-track,.timeline-progress{display:none}.timeline-detail{min-height:0}}
.hero.timeline-hero{padding:28px 0;min-height:0;display:block}.timeline-hero h1{font-size:42px;margin:8px 0}.timeline-hero>div:nth-child(2){display:none}.timeline-hero .intro{margin:8px 0;font-size:17px}.course-timeline{padding-top:24px}
.timeline-stop{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.story-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:24px 0}.story-chapters button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #c7d8e4;border-radius:10px;background:#fff;color:#38536b;min-height:65px;padding:12px;font:600 14px/1.4 Arial;cursor:pointer}.story-chapters button>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#eaf3fa}.story-chapters button[aria-pressed=true]{border-color:#315f80;background:#dfedf7;color:#23394c}.story-chapters button:focus-visible,.story-reveal summary:focus-visible{outline:3px solid #315f80;outline-offset:3px}.course-timeline .timeline-detail{display:block;padding:0;overflow:hidden;min-height:0;background:linear-gradient(120deg,#f0f7fc,white 65%)}.story-position{display:flex;justify-content:space-between;gap:14px;padding:14px 26px;background:#e2eef7;color:#37546b;font:600 13px/1.5 Arial}.story-body{padding:28px}.story-hook{font:24px/1.5 Georgia,serif;max-width:780px;color:#213d54;margin:20px 0 28px}.story-reveal{border:1px solid #bbcfdf;border-radius:10px;background:#fff}.story-reveal summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:17px 20px;min-height:48px;font-weight:600;color:#315f80;list-style:none}.story-reveal summary::-webkit-details-marker{display:none}.story-reveal[open] summary>span{transform:rotate(45deg)}.story-facts{padding:0 20px 22px}.story-facts>p{line-height:1.7}.story-evidence{border-top:1px solid #cedde8;margin-top:24px;padding-top:18px}.story-evidence>strong{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#536b80}.story-evidence h4{font:23px Georgia;margin:9px 0}.story-evidence a{display:inline-block;padding:10px 0;font-weight:600}.story-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.story-footer .button{margin-top:0;text-align:left;white-space:normal}.story-ending{max-width:600px}.timeline-controls{font-size:14px}.timeline-stop{flex-basis:145px}.timeline-stop strong{font-size:13px}.course-timeline>h2{max-width:850px}@media(max-width:650px){.story-chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.story-chapters button{font-size:12px;gap:7px;padding:10px}.story-body{padding:20px}.story-hook{font-size:21px}.story-position{padding:12px 18px;font-size:12px}.story-position span:last-child{text-align:right}.story-footer>.button{width:100%}.story-facts{padding:0 15px 18px}}@media print{.story-chapters,.story-footer{display:none}.story-reveal::details-content{content-visibility:visible}.story-body{padding:15px}}
.story-enquiry{font:22px/1.45 Georgia;margin:8px 0 14px}.story-answer-stem{padding-top:12px;border-top:1px solid #bdd1e1;font-size:14px}