/* A reading desk: the same paper travels from the offer to the reader's call. */
.home-header-right { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; justify-content: flex-end; }
.website-route-note { flex-basis: 100%; text-align: right; color: #526053; font-size: .7rem; margin-top: -12px; }
.website-visit-note { max-width: 720px; font-size: .8rem; line-height: 1.6; color: #526053; }
.website-languages { display: flex; gap: 3px; padding: 3px; border: 1px solid #899889; border-radius: 30px; }
.website-languages button { min-height: 44px; padding: 8px 13px; border: 0; border-radius: 24px; background: transparent; color: #17342f; font-family: inherit; font-size: .85rem; font-weight: 700; cursor: pointer; }
.website-languages button[aria-pressed="true"] { background: #17342f; color: #fffdf6; }
.home-hero { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .85fr); gap: clamp(24px, 5vw, 70px); align-items: center; padding-bottom: 35px; }
.home-hero h1 { max-width: 820px; font-size: clamp(2.7rem, 5.1vw, 5.5rem); line-height: 1.04; letter-spacing: -.065em; margin: 22px 0; }
.home-offer-detail { max-width: 620px; font-size: 1.1rem; line-height: 1.65; }
.first-trial-preview { position: relative; min-width: 0; padding: clamp(22px, 3vw, 36px); background: #fffdf6; border: 1px solid #a4aa91; border-top: 7px solid #b39256; box-shadow: 8px 10px 0 #e3dccb; transform: rotate(1deg); }
.preview-masthead { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #c9d2c7; padding-bottom: 12px; }
.preview-masthead > span:last-child { color: #9c432d; font-size: 2.4rem; line-height: 1; }
.first-trial-preview h2 { font-family: Georgia, serif; font-size: clamp(1.6rem, 2.5vw, 2.5rem); line-height: 1.1; margin: 20px 0; letter-spacing: -.035em; }
.first-trial-preview p { font-size: .95rem; line-height: 1.6; }
#first-trial-preview-task { border-bottom: 2px dashed #b8967a; padding: 10px 0; color: #765b4e; font-weight: 750; }
#first-trial-preview-task[data-correction="applied"] { border-bottom-style: solid; color: #9c432d; }
.preview-missing { padding: 12px 15px; border: 2px dashed #a99a7b; background: #faf0d9; }
.first-trial-preview .preview-caption { font-size: .78rem; color: #526053; margin-bottom: 0; }
.first-trial-preview button, .website-private-entry button, .first-trial button, #first-visit-contact-copy, #website-notebook-back { min-height: 44px; padding: 11px 15px; color: #17342f; background: #fffdf6; border: 1px solid #738d7e; font-family: inherit; font-size: .88rem; line-height: 1.4; cursor: pointer; }
.first-trial-preview button { margin-top: 12px; width: 100%; background: #9c432d; color: #fffdf6; border-color: #9c432d; font-weight: 750; }
.website-reading-outline { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 25px; padding: 20px 0; border-block: 1px solid #c9d2c7; margin-bottom: 18px; }
.website-reading-outline span { font: 750 .72rem/1.5 var(--home-mono); text-transform: uppercase; }
.website-reading-outline a { font-weight: 700; font-size: .88rem; padding: 12px 0; text-underline-offset: 5px; }
.website-private-entry { display: flex; flex-wrap: wrap; gap: 12px 22px; align-items: center; margin-bottom: 28px; }
.website-private-entry span, .website-language-status { font-size: .8rem; color: #526053; }
.website-language-status:empty { display: none; }
.fictional-label, #first-trial-preview-fictional-note { color: #684b38; font: 750 .72rem/1.5 var(--home-mono); }
.first-trial { margin-block: 35px; }
.first-trial-paper { border-top: 4px solid #b39256; }
.first-trial-notes { position: sticky; top: 20px; }
#first-trial-original-draft { margin-top: 15px; }
#first-trial-compare-toggle { width: 100%; text-align: left; margin-top: 20px; }
#first-trial-compare-toggle[aria-expanded="true"] { background: #eee8d9; }
#first-trial-task-next-step, #first-trial-collection-next-step { font-weight: 650; font-size: .82rem; line-height: 1.6; }
#first-trial-back-to-draft { margin-top: 15px; border-color: #9c432d; }
.first-trial-human-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.first-trial-human-checks .first-trial-work-path p { font-size: .87rem; line-height: 1.6; }
.first-trial-check-pair { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.first-trial-check-pair > p { margin: 0; padding: 20px; border: 1px solid #a4aa91; background: #e9ede2; font-size: .87rem; line-height: 1.7; }
.first-trial-decision { margin-top: 30px; padding-top: 25px; border-top: 2px solid #17342f; }
.first-trial-decision h3 { font-size: 1.9rem; margin: 8px 0 20px; letter-spacing: -.035em; }
.first-trial-decisions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.first-trial-decisions button { min-height: 62px; font-weight: 750; background: #fffdf6; border: 2px solid #738d7e; }
.first-trial-decisions button[aria-pressed="true"] { background: #17342f; border-color: #17342f; color: #fffdf6; }
.first-trial-decision label { display: block; margin: 20px 0 8px; font-size: .9rem; font-weight: 750; }
.first-trial-decision :is(select, textarea) { box-sizing: border-box; width: 100%; max-width: 720px; min-height: 44px; padding: 12px; border: 1px solid #738d7e; background: #fffdf6; color: #17342f; font: inherit; }
.first-trial-choice-result { padding: 23px; margin-top: 22px; border: 2px solid #738d7e; background: #fffdf6; }
.first-trial-choice-result h4 { font-size: 1.4rem; margin: 10px 0; }
.first-trial-choice-result p { font-size: .93rem; line-height: 1.65; }
#first-trial-choice-next-check { border-left: 3px solid #9c432d; background: #faf0d9; padding: 12px 16px; }
#first-trial-choice-boundary { font-size: .8rem; color: #526053; }
#first-visit-contact-language-note { padding: 12px; border-left: 3px solid #9c432d; background: #faf0d9; font-size: .87rem; }
#first-visit-contact-reset-note { margin: 0; max-width: 690px; font-size: .85rem; line-height: 1.6; }
#first-visit-contact-copy { display: block; margin-top: 16px; font-weight: 750; }
#first-visit-contact-copy-status { font-weight: 650; }
.first-visit-contact-reviewed :is(pre, [data-language-original]) { user-select: text; }
.practice-invite { margin-top: 35px; }
.buffer-home-page [id], .buffer-home-page [tabindex] { scroll-margin-top: 24px; }
.buffer-home-page :is(select, button):focus-visible { outline: 3px solid #9c432d; outline-offset: 4px; }
.home-footer { flex-wrap: wrap; gap: 16px 24px; }
@media (max-width: 730px) {
  .home-header { align-items: flex-start; gap: 12px; }
  .home-header-right { gap: 10px; }
  .website-languages { order: 2; }
  .website-route-note { order: 3; margin-top: 0; text-align: left; }
  .home-hero { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .home-hero h1 { font-size: clamp(2.6rem, 10vw, 4.2rem); }
  .home-offer-detail { font-size: 1rem; }
  .first-trial-preview { transform: none; box-shadow: 4px 5px 0 #e3dccb; }
  .first-trial-notes { position: static; }
  .first-trial-human-checks, .first-trial-check-pair { grid-template-columns: minmax(0, 1fr); }
  .first-trial-check-pair { grid-column: 1; }
  .first-trial-decisions { grid-template-columns: minmax(0, 1fr); }
  .first-trial-choice-result { padding: 16px; }
  .website-reading-outline { gap: 0 16px; }
  .website-reading-outline span { width: 100%; margin-bottom: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .first-trial-preview { transform: none; }
  .buffer-home-page *, .buffer-home-page *::before, .buffer-home-page *::after { animation: none !important; transition: none !important; }
}