/* Historical foundation: first in the reading route, distinct from the book in progress. */
.two-cycle-site .cycle-header{flex-wrap:wrap}
.two-cycle-site .cycle-header nav{gap:16px;flex-wrap:wrap}
.two-cycle-site .history-nav{font-weight:700}
.two-cycle-site .history-first-hero{grid-template-columns:1.1fr 1fr;gap:7%;padding:58px 0 52px;min-height:0;align-items:start}
.two-cycle-site .history-first-hero .hero-copy h1{font-size:clamp(56px,6vw,90px)}
.two-cycle-site .history-first-hero .hero-deck{font-size:25px;line-height:1.43}
.two-cycle-site .history-first-hero .hero-context{font-size:21px;line-height:1.5;max-width:630px;margin:24px 0}
.historical-opening{padding:33px 36px;background:#e9eddf;border-top:5px solid #264d3e;color:#203b35;margin-top:9px}
.historical-opening .history-timeline{display:block}
.history-timeline{list-style:none;padding:0;margin:25px 0 0}
.history-timeline li{position:relative;border-left:2px solid #819582;padding:0 0 29px 25px;margin:0}
.history-timeline li:last-child{padding-bottom:3px}
.history-timeline li::before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;background:#264d3e;border-radius:50%}
.history-timeline time{display:block;font:600 12px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.05em;color:#74513d;margin-bottom:9px}
.history-timeline h3{font-size:29px;line-height:1.15;margin:0 0 10px}
.history-timeline p{font-size:21px;line-height:1.4;margin:0;max-width:720px}
.history-timeline a{text-decoration:none}.history-timeline a:hover{text-decoration:underline;text-underline-offset:4px}
#history-before-the-novels{border-top:1px solid #acbaa7;border-bottom:1px solid #acbaa7;background:#eef0e6;padding:38px 34px;margin-bottom:32px}
.cycle-door.has-cover{display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:24px;align-content:start}
.cycle-door.has-cover>.book-cover{grid-column:1;grid-row:1/5}
.cycle-door.has-cover>:not(.book-cover){grid-column:2}
.cycle-door .book-cover img{display:block;width:110px;height:auto;border:1px solid #a3b09b;box-shadow:3px 7px 14px #203b3520}
.cycle-door.has-cover h3{font-size:31px}
.history-reading-route{max-width:960px;background:#e9eddf;border-left:4px solid #264d3e;padding:21px 26px;margin:8px 0 30px}
.history-reading-route p{font-size:21px;line-height:1.45;margin:0 0 12px}
.history-reading-route a{font-size:20px}
.history-page{max-width:1100px}
.history-page .cycle-section>p{max-width:850px;line-height:1.58}
.history-page .cycle-section{scroll-margin-top:25px}
.history-contents{background:#e9eddf;padding:25px 30px;margin:0 0 30px}
.history-contents h2{font:600 16px/1.5 Arial,Helvetica,sans-serif;margin-bottom:16px}
.history-contents>div{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.history-contents a{font-size:20px;line-height:1.35}
.history-page .history-source-note{font:14px/1.65 Arial,Helvetica,sans-serif!important;border-top:1px solid #c7cbbf;padding-top:16px;margin-top:26px}
.history-page #key-dates{padding-top:25px}
.historical-source-list{padding-left:22px;max-width:880px}
.historical-source-list li{font-size:20px;line-height:1.4;margin:0 0 15px;scroll-margin-top:30px}
@media(max-width:1000px){.two-cycle-site .history-first-hero{grid-template-columns:1fr;gap:25px}.historical-opening{max-width:740px}.history-timeline-short{margin-top:20px}.two-cycle-site .cycle-header nav{gap:12px}}
@media(max-width:850px){.two-cycle-site .cycle-header nav{gap:0}.two-cycle-site .history-first-hero{padding:35px 0}.history-contents>div{grid-template-columns:1fr}.cycle-door.has-cover{grid-template-columns:1fr}.cycle-door.has-cover>.book-cover{grid-column:1;grid-row:auto;margin-bottom:22px}.cycle-door.has-cover>:not(.book-cover){grid-column:1}.cycle-door.has-cover h3{font-size:30px}}
@media(max-width:560px){.two-cycle-site .history-first-hero .hero-copy h1{font-size:57px}.two-cycle-site .history-first-hero .hero-deck{font-size:23px}.historical-opening{padding:25px 23px}.history-timeline h3{font-size:27px}.history-timeline p{font-size:20px}#history-before-the-novels{padding:27px 22px}.history-reading-route{padding:20px}.history-page .cycle-section h2{font-size:34px}.history-contents{padding:24px 22px}.two-cycle-site .history-first-hero .actions{flex-direction:column;align-items:stretch}}