/* A light title band separates the product name from the peach book display. */
.history-page .edition-opening { padding:0; background:#ecd0bc; color:#34251c; box-shadow:none; }
.history-page .edition-heading { padding:34px var(--gutter) 36px; background:#fffaf3; color:#34251c; }
.history-page .edition-heading h1 { margin:0 auto; max-width:26ch; color:inherit; font:italic 800 clamp(42px,4.6vw,64px)/1.08 'Roboto Condensed',sans-serif; text-transform:uppercase; text-align:center; letter-spacing:-.025em; }
.history-page .edition-display { grid-template-columns:minmax(0,470px) minmax(0,590px); justify-content:center; align-items:center; gap:clamp(38px,5vw,76px); padding:38px var(--gutter) 48px; }
.history-page .edition-object { box-sizing:border-box; width:100%; min-width:0; max-width:460px; justify-self:center; margin:0; padding:0; }
.history-page .edition-book-image { display:block; width:100%; height:auto; object-fit:contain; filter:drop-shadow(8px 18px 18px #6e402c24); }
.history-page .edition-intro { max-width:590px; }
.history-page .edition-intro h2 { font-size:clamp(36px,3.7vw,50px); line-height:1.12; margin:0 0 24px; color:#34251c; }
.history-page .edition-intro > p.edition-pitch { max-width:none; margin-top:0; font-size:21px; line-height:1.65; font-weight:500; color:#503a2d; }
.history-page .edition-intro > p.edition-preview-line {
  max-width: none;
  margin: 23px 0 0;
  padding: 20px 22px;
  border-radius: 12px;
  background: #fffaf3;
  box-shadow: 0 8px 18px #76452d14;
  color: #4b3020;
  font-size: 20px;
  line-height: 1.65;
}
.history-page .edition-intro > .button { margin-top:28px; font-size:19px; min-height:54px; background:#34251c; color:#fffaf5; }
.history-page .edition-intro > .button:hover { background:#50372a; }
.history-page .edition-intro > p.edition-preview-line > strong { display: block; margin-bottom: 6px; color: #382416; font-size: 18px; line-height: 1.5; font-weight: 800; }
.history-page .edition-intro > p.edition-preview-line > br { display: none; }

/* One connected explanation, followed by three concrete study steps. */
.history-page .edition-benefits { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); }
.history-page .edition-benefits .edition-index { justify-content: center; padding: 38px; }
.history-page .edition-benefits .edition-index h2 { font-size: clamp(33px, 3.5vw, 46px); line-height: 1.12; }
.history-page .edition-benefits .edition-index > p { font-size:20px; line-height:1.65; margin:24px 0; }
.history-page .edition-benefits .edition-index > .edition-scope-note { margin-top:0; font-size:18px; }
.history-page .edition-benefits .edition-index small { font-size: 12px; line-height: 1.7; }
.history-page .edition-benefits .benefit-steps { padding: 10px 30px; }
.history-page .edition-benefits .benefit-steps > li { grid-template-columns: 100px minmax(0, 1fr); align-items: center; gap: 21px; padding: 27px 0; }
.history-page .edition-benefits .benefit-steps h3 { font-size: 21px; line-height: 1.35; }
.history-page .edition-benefits .benefit-steps p { margin:9px 0 0; font-size:20px; line-height:1.65; }
.history-page .history-worries-intro > p,
.history-page .worry-notes details > p { font-size:20px; line-height:1.65; }
.history-page .worry-notes summary { font-size:23px; line-height:1.35; }
.history-page .history-step-object { display: block; width: 100px; height: 100px; background: url('assets/study-objects-3d.png') left center / 300% 100% no-repeat; }
.history-page .history-step-repeat { background-position: center; }
.history-page .history-step-answer { background-position: right center; }

/* Give the final purchase offer a clear object, action and price hierarchy. */
.history-page .edition-order { align-items:center; grid-template-columns:minmax(0,610px) minmax(0,510px); justify-content:center; gap:52px; }
.history-page .edition-order-heading { grid-template-columns: minmax(0, 1fr) 220px; gap: 15px; align-items: center; }
.history-page .edition-order-heading h2 { font-size: clamp(32px, 3.4vw, 46px); overflow-wrap: normal; }
.history-page .edition-order-object { width: 220px; height: 240px; transform: rotate(7deg); }
.history-page .edition-order-intro > .button { width: 100%; max-width: 520px; min-height: 64px; justify-content: space-between; padding: 18px 27px; font-size: 18px; font-weight: 750; box-shadow: 0 7px 13px #4c2e202b; }
.history-page .edition-order-intro > p,
.history-page .edition-order dd { font-size:20px; line-height:1.65; }
.history-page .edition-order dt { font-size:20px; }
.history-page .edition-order dl > .edition-order-price { background: #3d281a; padding: 25px 27px; box-shadow: 0 10px 20px -10px #3c241b54, inset 0 1px 1px #fff2; }
.history-page .edition-order .edition-order-price dt { color: #fffaf5; margin-bottom: 15px; }
.history-page .edition-order .edition-order-price dd { gap: 10px 17px; color: #f0d9c6; }
.history-page .edition-order .edition-order-price dd > del { font-size: 23px; color: #dec3ad; }
.history-page .edition-order .edition-order-price dd > strong { font-size: 51px; line-height: 1.1; font-weight: 800; letter-spacing: -.025em; color: #fffaf5; white-space: nowrap; }
.history-page .edition-order .edition-order-price dd > .edition-saving { flex-basis: auto; padding: 6px 11px; border-radius: 7px; background: #efd2a4; color: #3d281a; font-size: 14px; font-weight: 750; }
.history-page .edition-order .edition-order-price dd > span:last-child { font-size:18px; line-height:1.6; }
.history-page .edition-order .edition-order-details { background:#fffaf5; }
.history-page .edition-order .edition-order-details > .edition-demo { margin-top:18px; padding-top:18px; border-top:1px solid #d8bca5; font-size:18px; }
@media (max-width: 1100px) {
  .history-page .edition-order-heading { grid-template-columns: 1fr; gap: 8px; }
  .history-page .edition-order-object { justify-self: center; width: 220px; height: 210px; }
}
@media (max-width: 820px) {
  .history-page .edition-display { grid-template-columns: 1fr; gap: 40px; }
  .history-page .edition-intro { width: 100%; justify-self: center; }
  .history-page .edition-benefits { grid-template-columns: 1fr; }
  .history-page .edition-order { grid-template-columns:1fr; gap:32px; }
  .history-page .edition-order-heading { grid-template-columns: minmax(0, 1fr) 200px; }
  .history-page .edition-order-object { width: 200px; height: 220px; }
}
@media (max-width: 620px) {
  .history-page .edition-heading { padding:28px 23px 30px; }
  .history-page .edition-heading h1 { font-size:clamp(33px,8.6vw,46px); }
  .history-page .edition-display { padding:30px 23px 34px; gap:28px; }
  .history-page .edition-intro { grid-row:1; }
  .history-page .edition-object { max-width:360px; }
  .history-page .edition-intro h2 { font-size:34px; }
  .history-page .edition-intro > p.edition-pitch { font-size:18px; }
  .history-page .edition-intro > p.edition-preview-line { margin-top:20px; padding:18px; font-size:17px; }
  .history-page .edition-intro > .button { font-size:17px; }
  .history-page .edition-intro > p.edition-preview-line > strong { font-size: 17px; }
  .history-page .edition-benefits .edition-index { padding: 30px 25px; }
  .history-page .edition-benefits .edition-index h2 { font-size: 34px; }
  .history-page .edition-benefits .edition-index > p { font-size:17px; }
  .history-page .history-worries-intro > p,
  .history-page .worry-notes details > p { font-size:17px; }
  .history-page .worry-notes summary { font-size:19px; }
  .history-page .edition-benefits .benefit-steps { padding: 4px 22px; }
  .history-page .edition-benefits .benefit-steps > li { grid-template-columns: 72px minmax(0, 1fr); gap: 13px; padding: 24px 0; }
  .history-page .history-step-object { width: 72px; height: 78px; }
  .history-page .edition-benefits .benefit-steps h3 { font-size: 18px; }
  .history-page .edition-benefits .benefit-steps p { font-size:17px; }
  .history-page .edition-order-heading { grid-template-columns: 1fr; gap: 7px; }
  .history-page .edition-order-heading h2 { font-size: 34px; }
  .history-page .edition-order-object { width: 220px; height: 220px; justify-self: center; }
  .history-page .edition-order-intro > p { margin-top: 9px; }
  .history-page .edition-order-intro > p,
  .history-page .edition-order dd { font-size:17px; }
  .history-page .edition-order dt { font-size:18px; }
  .history-page .edition-order .edition-order-details > .edition-demo,
  .history-page .edition-order .edition-order-price dd > span:last-child { font-size:16px; }
  .history-page .edition-order-intro > .button { min-height: 60px; font-size: 16px; padding: 17px 20px; }
  .history-page .edition-order dl > .edition-order-price { padding: 23px; }
  .history-page .edition-order .edition-order-price dd > strong { font-size: 45px; }
}