/* Match the storefront while preserving the reader's night mode. */
body.sayu-white-preview:not(.night) {
  --paper:#fff;
  --ink:#171b22;
  --muted:#66707c;
  --line:#e4e7eb;
  --accent:#9a4853;
  background:#fff;
  color:var(--ink);
}
.sayu-white-preview:not(.night) .panel,
.sayu-white-preview:not(.night) .purchase,
.sayu-white-preview:not(.night) .reader,
.sayu-white-preview:not(.night) .series-book {
  background:#fff;
  border-color:var(--line);
  box-shadow:none;
}
.sayu-white-preview:not(.night) .sample-end,
.sayu-white-preview:not(.night) .sample-note,
.sayu-white-preview:not(.night) .sayu55-guide {
  background:#f6f7f9;
  border-color:var(--line);
}
.sayu-white-preview:not(.night) .button {
  background:#20242b;
  color:#fff;
  border:1px solid #20242b;
  border-radius:5px;
}
.sayu-white-preview:not(.night) .button.secondary {
  background:#fff;
  color:#20242b;
  border-color:#d9dce1;
}
.sayu-white-preview .purchase {border-radius:8px;}
.sayu-white-preview .purchase .actions {display:flex;gap:12px;flex-wrap:wrap;}
.sayu-white-preview .purchase .button {max-width:100%;white-space:normal;text-align:center;}
.sayu-white-preview .purchase p {overflow-wrap:anywhere;}
.sayu-white-preview .purchase h3 {font-size:15px;margin-top:30px;}
@media(max-width:600px) {
  .sayu-white-preview .purchase {padding:22px 18px;}
  .sayu-white-preview .purchase .actions {gap:10px;flex-direction:column;align-items:stretch;}
  .sayu-white-preview .purchase .button {width:100%;flex:none;box-sizing:border-box;}
}