/* The approved publisher typography and chrome, applied to existing reader tools. */
body.reader-page {
  --paper:#f5f2eb;--cream:#f5f2eb;--ink:#292d2b;--ink-deep:#303c36;
  --muted:#686a62;--line:#d7d5cb;--accent:#8d5041;
  --coral:#8d5041;--coral-dark:#754235;--blue-soft:#e5e8df;
  --gold:#a08859;--white:#fff;--radius:5px;--radius-small:5px;
  --serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;
  --shadow:0 12px 30px #292d2b10;
  margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 var(--sans);
}
.reader-page::before {display:none}
.reader-page .site-header {background:transparent;backdrop-filter:none;border:0;top:auto}
.reader-page .brand {padding:0;border:0;letter-spacing:normal}
.reader-page .site-footer {background:transparent;font-size:11px}
.reader-page .eyebrow {color:var(--muted);margin:0 0 19px;font-weight:600}
.reader-page .eyebrow::before {display:none}
.reader-page .contact .eyebrow {margin-bottom:0}
.reader-page .contact h2 {margin-bottom:0}
.reader-page h1,.reader-page h2 {font-weight:400}
.reader-page .shell {width:calc(100% - 104px);max-width:1200px;margin-inline:auto}
.reader-page .reader-orientation {border-bottom:1px solid var(--line)}
.reader-page .product-sections a[aria-current="page"] {text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.reader-page #main {scroll-margin-top:25px}
.reader-page section[id] {scroll-margin-top:25px}
.reader-page .hero {min-height:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:7%;padding:65px 0 75px;border:0;background:none}
.reader-page .hero-copy h1 {font-size:clamp(50px,5.5vw,77px);line-height:1.03;max-width:760px;margin:0 0 25px}
.reader-page .lead {max-width:600px;font-size:16px;line-height:1.8;margin-bottom:25px}
.reader-page .book-stage {min-width:0;position:relative;padding:25px 35px 55px;background:#e8e3d7;border-radius:48% 48% 5px 5px}
.reader-page .book-stage::before {display:none}
.reader-page .book-cover {width:min(84%,280px);height:auto;max-height:none;object-fit:contain;border-radius:2px;transform:rotate(2deg);box-shadow:3px 16px 28px #292d2b35}
.reader-page .note-chip {bottom:19px;right:12px;max-width:190px;padding:9px 15px;border:1px solid var(--line);border-radius:3px;font-size:11px;font-weight:500;line-height:1.5;box-shadow:0 4px 12px #292d2b0a;transform:rotate(-2deg)}
.reader-page .button {min-height:49px;padding:12px 23px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:13px;font-weight:500;line-height:1.45;gap:12px}
.reader-page .button.button-ghost {background:transparent;color:var(--ink)}
.reader-page .hero-review-links .button {background:transparent;color:var(--ink);border-color:var(--line);min-height:44px;padding:10px 16px;font-size:12px}
.reader-page .button:hover {background:#3c453f;box-shadow:none}
.reader-page .button.button-ghost:hover,.reader-page .hero-review-links .button:hover {color:var(--ink);background:#e8e8df}
.reader-page .text-link {font-size:13px;font-weight:500;line-height:1.65}
.reader-page .hero-review-links {margin-top:27px;padding-top:19px}
.reader-page .hero-review-title {font-size:12px;font-weight:500;margin-bottom:12px}
.reader-page .hero-review-links .review-stars {gap:5px;margin-bottom:8px}
.reader-page .hero-review-links .review-stars i {width:17px;height:17px}
.reader-page .section {padding:65px 0}
.reader-page .section-tinted,.reader-page .decoder-section {background:#e8e8df}
.reader-page #main .section-heading {display:block;max-width:660px}
.reader-page #main .section-heading>p {max-width:520px}
.reader-page #main h2 {font-size:clamp(40px,4.4vw,60px);line-height:1.06;margin-bottom:22px}
.reader-page .section-intro {font-size:15px;line-height:1.8}
.reader-page .bonus-introduction {gap:60px}
.reader-page .bonus-illustration {border-radius:3px;box-shadow:none}
.reader-page .sheet-preview img {border-radius:0;box-shadow:2px 10px 22px #292d2b20}
.reader-page .decoder-card {border-color:var(--line);border-radius:5px;background:#fffdf8;box-shadow:none}
.reader-page .decoder-top {padding:23px 30px;background:#303c36}
.reader-page .decoder-top strong {font-weight:500}
.reader-page .decoder-top p {font-size:12px;color:#d4dacd}
.reader-page .decoder-body {padding:clamp(20px,4vw,45px)}
.reader-page .field label,.reader-page .question legend,.reader-page .feedback-topics legend,.reader-page .outcome-choice legend {font-weight:500}
.reader-page .field-help {font-size:12px;line-height:1.65}
.reader-page input,.reader-page textarea {font-family:var(--sans)}
.reader-page textarea,.reader-page input[type="text"],.reader-page input[type="email"],.reader-page input[type="datetime-local"] {border:1px solid #b6b8ae;border-radius:3px;font-size:16px}
.reader-page .question {border-color:var(--line);border-radius:3px;padding:19px;background:var(--paper)}
.reader-page .question legend {font-size:14px;line-height:1.65}
.reader-page .question-count {background:#303c36;font-size:11px}
.reader-page .segmented span {min-height:44px;display:grid;place-items:center;font-size:12px;font-weight:500;border-color:var(--line)}
.reader-page .outcome-choice {border-radius:3px}
.reader-page .outcome-choice legend {font-size:16px}
.reader-page .outcome-options label {border-radius:3px;font-size:14px}
.reader-page .result-card {border-radius:3px;background:#e5e8df;border-color:#889782}
.reader-page .result-card h3 {font-family:var(--serif);font-size:36px;font-weight:400}
.reader-page .review-section {padding-top:45px}
.reader-page .review-invitation {border:1px solid var(--line);border-radius:3px;background:#eae4d8}
.reader-page .review-edition {min-height:90px;border:1px solid #303c36;border-radius:3px;background:#303c36;padding:20px}
.reader-page .review-edition strong {font-size:15px;font-weight:500}
.reader-page .review-edition small {font-size:11px;color:#d4dacd}
.reader-page .feedback-link-card {border-radius:3px;min-height:65px;padding:17px 22px;font-size:14px;font-weight:500;background:transparent}
.reader-page .feedback-page {padding-block:60px 75px}
.reader-page .feedback-intro h1 {font-size:clamp(46px,5.5vw,76px);line-height:1.04}
.reader-page .feedback-intro .lead {font-size:16px}
.reader-page .feedback-book strong {font-weight:400;font-size:26px}
.reader-page .feedback-book span {font-size:12px}
.reader-page .feedback-page-panel {border:1px solid var(--line);border-radius:5px;background:#fffdf8;padding:30px;box-shadow:none}
.reader-page .feedback-page-panel .feedback-tags label {border:1px solid var(--line);border-radius:3px;background:var(--paper);font-size:12px;font-weight:400}
.reader-page .feedback-page-panel .feedback-tags label:has(input:checked) {background:#e5e8df;border-color:#788770}
.reader-page .feedback-page-panel .field {margin-bottom:24px}
.reader-page .animal-strip figure {border-radius:4px;background:#fffdf8;border:1px solid var(--line)}
.reader-page .animal-strip figcaption {font-size:13px;font-weight:500}
.reader-page :focus-visible {outline:2px solid var(--accent);outline-offset:5px}
.reader-page .segmented input:focus-visible + span {outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1000px) {
  .reader-page .hero {gap:6%;padding-block:45px 55px}
  .reader-page .book-stage {padding-inline:20px}
  .reader-page .feedback-page {gap:35px}
  .reader-page .bonus-introduction {gap:35px}
}
@media(max-width:820px) {
  .reader-page .hero {grid-template-columns:minmax(0,1fr) minmax(0,.6fr);gap:30px}
  .reader-page .book-stage {padding:20px 12px 55px}
  .reader-page .note-chip {right:3px;max-width:165px;font-size:10px}
  .reader-page .feedback-page {grid-template-columns:1fr}
}
@media(max-width:700px) {
  .reader-page .shell {width:calc(100% - 40px)}
  .reader-page .hero {grid-template-columns:1fr;gap:32px;padding-block:35px 44px}
  .reader-page .hero-copy h1 {font-size:52px;line-height:1.04;margin-bottom:22px}
  .reader-page .lead {font-size:14px;margin-bottom:22px}
  .reader-page .book-stage {width:min(100%,350px);justify-self:center;padding:24px 28px 54px}
  .reader-page .book-cover {width:170px}
  .reader-page .note-chip {right:10px;bottom:19px;font-size:11px}
  .reader-page .section {padding-block:43px}
  .reader-page #main h2 {font-size:43px}
  .reader-page .section-intro {font-size:14px}
  .reader-page .bonus-introduction {gap:27px}
  .reader-page .decoder-top {padding:20px}
  .reader-page .question {padding:15px}
  .reader-page .outcome-choice {padding:18px}
  .reader-page .review-invitation {padding:24px}
  .reader-page .feedback-page {padding-block:35px 45px;gap:30px}
  .reader-page .feedback-intro h1 {font-size:52px}
  .reader-page .feedback-page-panel {padding:22px}
  .reader-page .feedback-page-panel .feedback-tags label {min-height:54px}
  .reader-page .feedback-book {margin-top:26px}
}
@media(max-width:360px) {
  .reader-page .hero-copy h1,.reader-page .feedback-intro h1 {font-size:46px}
  .reader-page #main h2 {font-size:39px}
  .reader-page .button {padding-inline:17px;font-size:12px}
  .reader-page .decoder-body,.reader-page .feedback-page-panel {padding:16px}
  .reader-page .question {padding:12px}
  .reader-page .segmented {gap:4px}
  .reader-page .segmented span {min-width:55px;padding-inline:8px}
}