/* Title and introduction in the existing responsive, keyboard-focusable spread. */
.preview .guide-spread{min-height:500px;align-items:stretch}
.preview .guide-spread .sample-page{min-height:500px;padding:34px 30px 25px;gap:24px}
.guide-cover-content{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:flex-start;padding:16px 0 8px}
.preview .guide-spread h3{font-family:var(--serif);font-weight:400;line-height:1.17;letter-spacing:-.03em;margin:0}
.preview .guide-spread .page-running{font-family:var(--sans);font-size:10px;font-weight:600;line-height:1.6;letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px;color:#806357}
.guide-title-line{display:block;font-size:34px}
.guide-intro-line{display:block;font-size:28px}
.guide-title-rule{width:44px;border-top:1px solid #af8d78;margin:30px 0 25px}
.preview .guide-spread .guide-subtitle{font-family:var(--sans);font-size:13px;font-weight:600;line-height:1.7;color:var(--ink);max-width:235px}
.preview .guide-spread .guide-tagline{font-family:var(--serif);font-size:20px;line-height:1.5;color:#87685c;margin-top:12px;max-width:245px}
.preview .guide-spread .guide-welcome{font-family:var(--serif);font-size:17px;line-height:1.7;color:#68535d;text-wrap:pretty}
.preview .guide-spread .page-number{margin-top:auto;padding-top:6px;font-size:10px;letter-spacing:.12em;color:#94796d}
@media(min-width:901px) and (max-width:1150px){
  .preview .guide-spread .sample-page{padding:28px 23px 24px}
  .guide-title-line{font-size:28px}
  .guide-intro-line{font-size:25px}
  .preview .guide-spread .guide-welcome{font-size:16px;line-height:1.65}
}
@media(min-width:761px) and (max-width:1100px){
  .preview .preview-grid{display:flex;flex-direction:column-reverse;align-items:stretch;gap:32px}
  .preview .preview-copy{max-width:660px}
  .preview .preview-copy>p{max-width:660px}
  .preview .spread-stage{width:100%;max-width:720px;margin-inline:auto}
  .guide-title-line{font-size:34px}
  .guide-intro-line{font-size:28px}
  .preview .guide-spread .guide-welcome{font-size:17px;line-height:1.7}
}
@media(max-width:760px){
  .preview .guide-spread .sample-page{min-height:500px;padding:30px 28px 24px;gap:24px}
  .guide-cover-content{padding-block:22px 14px}
  .guide-title-line{font-size:36px}
  .guide-intro-line{font-size:30px}
  .preview .guide-spread .guide-subtitle{font-size:14px}
  .preview .guide-spread .guide-tagline{font-size:22px}
  .preview .guide-spread .guide-welcome{font-size:18px;line-height:1.65}
}
@media(max-width:360px){
  .preview .guide-spread .sample-page{padding-inline:23px}
  .guide-title-line{font-size:30px}
  .guide-intro-line{font-size:27px}
  .preview .guide-spread .guide-welcome{font-size:17px}
}