/* Parchment and traditional book typography. Keep controls easy to scan. */
:root{--ink:#382b22;--blue:#725038;--line:#d7c5ac;--wash:#f1e5d3;--paper:#fffaf1;--history-heading:'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif}
body{background:#eee2cf;color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.7}
header{background:#f4eadb;border-color:var(--line)}
h1,h2,h3,h4,.brand{font-family:var(--history-heading);color:#39291e}
h1,.launch-intro h1{letter-spacing:-.7px;line-height:1.15}
.brand{font-size:28px}.brand small{color:#6d5947}
button,input,select,nav,.button,.medicine-resource,.eyebrow,.meta,.date,.brand small,.timeline-controls,.story-position,.story-chapters,.launch-card-cta,footer{font-family:Arial,sans-serif}
.eyebrow,.meta,.intro,.note,.breadcrumbs,.launch-intro p,.launch-course p,.launch-card-top .date,.launch-shortcuts p,.course-landing p,.start-steps strong span,.book-cover-credit,.medicine-resource small,.medicine-resource-heading span,.cycle-centre span{color:#6c5847}
.section,.launch-help,.launch-card-cta,.medicine-resource-list,.medicine-resource-row,.medicine-timeline>summary,footer{border-color:var(--line)}
.start-here,.launch-unit-extras,.worked-example,.diagnostic-feedback,.recommended-task,.knowledge-takeaway,.knowledge-list .knowledge-takeaway,.timeline-meaning{background:#e6d5bc;border-color:#cbb493}
.start-steps li:before{background:#fffaf1;border-color:#bba17e}
.launch-course,.launch-shortcuts>a,.course,.resource,.recall-card,.check-card,.practice-card,.diagnostic-question,.medicine-resource-row,.timeline-detail,.story-reveal{background:#fffaf1;border-color:#d4c1a7}
.launch-course:hover,.launch-shortcuts>a:hover{background:#f8efdf;box-shadow:0 5px 18px #59402915}
.launch-card-cta,.launch-topic-open,.topic-icon,.story-reveal summary{color:#745036}
.button{background:#725038;border-color:#725038;color:#fffaf1}.button:hover{background:#593b28;border-color:#593b28}
.button.light{background:#faf2e5;border-color:#bfa485;color:#5b402b}.button.light:hover{background:#e6d5bc}
.search,.timeline-controls select{background:#fffaf1;border-color:#bfa485;color:#382b22}
.medicine-resource{background:#fffaf1;color:#513b2a;border-color:#cbb493}.medicine-resource.online{background:#f3e7d5}.medicine-resource:hover{background:#e6d5bc;border-color:#886646}
.cycle-node{background:#f0dfc6;border-color:#c4a680;color:#493321;box-shadow:0 3px 9px #59402912}.cycle-node:hover{background:#e2cbaa;border-color:#886646}
.cycle-recall{background:#ece0ce}.cycle-practise{background:#e5e5d1}.cycle-check{background:#e9ddd2}.cycle-ring{color:#a08766}
.cycle-node strong,.cycle-centre strong{font-family:var(--history-heading)}
.cycle-return{background:#fffaf1!important;border-color:#bfa485!important;color:#513b2a}
.revise-choice{background:#f3e7d5;color:#493321;border-color:#cbb493}.revise-choice:hover{background:#e6d5bc;border-color:#886646}
.flashcard-deck,.knowledge-list .flashcard-deck{background:#f1e5d3;border-color:#cbb493}.flashcard-face{background:#fffaf1;border-color:#d4c1a7}
.diagnostic-question label:hover,.diagnostic-question label:has(input:checked){background:#f1e5d3}.diagnostic-question input{accent-color:#725038}
.course-timeline .timeline-detail{background:linear-gradient(120deg,#f3e7d5,#fffaf1 65%)}.story-position{background:#e6d5bc;color:#5b402b}.story-hook{color:#493321}.story-chapters button{background:#fffaf1;color:#5b402b;border-color:#cbb493}.story-chapters button>span{background:#f1e5d3}.story-chapters button[aria-pressed=true]{background:#e6d5bc;border-color:#886646;color:#382b22}
.timeline-stop{color:#6c5847}.timeline-stop[aria-pressed=true]{color:#382b22}.timeline-dot{background:#eee2cf;border-color:#bba17e}.timeline-stop:before,.timeline-progress{background:#d7c5ac}.timeline-stop[aria-pressed=true] .timeline-dot,.timeline-progress span{background:#725038;border-color:#725038}.timeline-number{color:#a08766}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,.revise-choice:focus-visible,.medicine-resource:focus-visible,.timeline-stop:focus-visible{outline:3px solid #7c3e0b;outline-offset:4px}
@media(max-width:720px){.brand{font-size:25px}}
@media print{body,header,.start-here,.launch-course,.medicine-resource-row{background:white;color:black}}

/* One unlabelled portrait row beneath the centred title. */
.history-intro{max-width:none;padding-top:30px;text-align:center}
.history-masthead{display:flex;flex-direction:column;align-items:center;gap:20px}
.history-title h1{font-family:'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;font-size:clamp(44px,5.6vw,74px);font-variant:small-caps;letter-spacing:1px;line-height:1.05;margin:16px 0}
.history-title .history-motto{font:italic 27px/1.3 'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;color:#62452e;margin:0 auto;max-width:none}
.history-rule{display:none}
.portrait-row{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(4px,1.5vw,20px);width:100%;padding:5px}
.history-portrait{flex:0 1 96px;min-width:0;text-decoration:none;display:block;border-radius:50%}
.history-portrait img{display:block;width:100%;height:auto;aspect-ratio:72/94;object-fit:cover;object-position:50% 22%;border:3px double #a28661;border-radius:50%;background:#e3d1b5;box-shadow:0 3px 8px #5c41221a}
.history-portrait:hover img{outline:2px solid #725038;outline-offset:2px}
.history-intro .history-welcome{max-width:68ch;margin:24px auto 20px}.history-intro .launch-actions{justify-content:center}
@media(max-width:480px){.history-title .history-motto{font-size:24px}.history-portrait img{border-width:1px}.history-intro .history-welcome{font-size:1rem}.history-intro .launch-actions{display:grid;grid-template-columns:1fr 1fr}.history-intro .launch-actions .button{margin:0;padding:12px 10px}}
