.site-home { max-width: 1680px; }
.site-home .journal-mast {
  margin: 0 4.5%; min-height: 64px; padding: 12px 0;
  border-bottom: 1px solid #a69b89;
}
.journal-mast .site-brand { font-size: clamp(26px, 2.35vw, 36px); }
.journal-mast .site-brand small { font: italic 16px/1 Georgia, serif; letter-spacing: 0; margin-left: 13px; }
.journal-mast .site-brand .brand-seal { margin-left: 7px; }
.cover-find { max-width: 100%; width: clamp(190px,17vw,258px); position: relative; display:flex; border-bottom: 1px solid #a99a85; margin: 12px 0 0; }
.cover-find input { width: 0; min-width: 0; flex: 1; border: 0; border-radius: 0; padding:9px 0; font: 15px var(--song); background: transparent; }
.cover-find button { background: none; border: 0; padding: 8px 1px 8px 5px; color: #8e3928; font-size: 13px; }
.journal-mast nav { gap: clamp(14px, 2.6vw, 36px); font-family: var(--song); font-size: 15px; color: #38372e; }
.journal-mast nav .mast-search { display: inline-flex; align-items: center; gap: 7px; border-left: 1px solid #c1b8a9; padding-left: 18px; }
.mast-search i { width: 12px; height: 12px; border: 1.4px solid currentColor; border-radius: 50%; display: inline-block; position: relative; }
.mast-search i::after { content: ''; position: absolute; width: 5px; height: 1.4px; background: currentColor; transform: rotate(45deg); right: -4px; bottom: -2px; }
.journal-foot { font-family: var(--song); }
.journal-foot>span { font-weight: bold; }
.journal-foot small { font: italic 13px Georgia,serif; margin-left: 8px; }
.journal-foot button { padding: 6px 0; border: 0; background: transparent; }
#snow-reader { width: min(1060px,94vw); background: var(--paper); }
#snow-title { font: 600 clamp(36px,4.8vw,64px)/1.3 var(--song); letter-spacing: -.04em; margin: 8px 0 0; }
.snow-margin { border-left: 1px solid var(--rule); padding-left: 8%; }
.snow-margin textarea { display: block; width: 100%; background: transparent; border: 0; border-bottom: 1px solid #a79b85; padding: 8px 0; margin: 6px 0 14px; font: 16px/1.8 var(--song); resize: vertical; }
.margin-save { color: #752e20; background: transparent; border: 1px solid #b18d77; padding: 8px 12px; font-size: 13px; }
.margin-status,.notes-location { color: #686051; font-size: 12px; }
.snow-voices { display: flex; gap: 6px; flex-wrap: wrap; margin: 12px 0; }
.snow-voices button { font: 14px/1.5 var(--song); padding: 5px 10px; background: transparent; border: 1px solid #c4b7a2; }
.snow-voices button[aria-pressed="true"] { color: #fff9e9; background: #713d30; border-color: #713d30; }
#voice-line { margin: 10px 0; font: 20px/1.5 var(--song); }
.notes-pages { padding: 5% 8% 8%; }
.notes-pages h2 { margin: 0; font: bold 40px/1.5 var(--song); }
#notes-list>section { border-top: 1px solid var(--rule); padding: 16px 0; }
#notes-list>section>button { background: none; border: 0; padding: 4px 0; font: bold 19px var(--song); }
#notes-list p,#notes-list blockquote { overflow-wrap: anywhere; white-space: pre-wrap; font: 16px/1.9 var(--song); }
#notes-list blockquote { margin: 12px 0; padding-left: 12px; border-left: 2px solid #a95641; color: #625e50; }
@media(max-width:650px) {
  .cover-find { width: min(155px,40vw); }
  .cover-find input { font-size: 12px; }
  .site-home .journal-mast { flex-wrap: nowrap; gap: 6px; min-height: 58px; }
  .journal-mast .site-brand { letter-spacing: -.06em; white-space: nowrap; font-size: 24px; }
  .journal-mast nav { gap: 10px; font-size: 13px; white-space: nowrap; }
  .journal-mast nav .mast-search { padding-left: 7px; }
  .journal-mast .site-brand small,.journal-mast .brand-seal,.mast-search i { display: none; }
  .snow-margin { border: 0; padding: 0; }
  .journal-foot { flex-direction: row; }
}