/* Calm editorial finish for the Windows desktop reading workspace. */
@media (min-width: 761px) {
  :root { --paper: #f3f2ed; --card: #fffefa; --line: #e4e5dc; --green: #294638; --soft: #e9eee8; --gold: #b28c52; }
  body { background: radial-gradient(ellipse at 50% -18%, color-mix(in srgb, var(--card) 92%, transparent), transparent 55%), var(--paper); }
  .shell { max-width: 1240px; padding: 26px 38px 76px; }
  .top { margin-bottom: 42px; padding-bottom: 17px; border-bottom: 1px solid var(--line); }
  .brand { gap: 13px; font-size: 21px; letter-spacing: .01em; }
  .mark { width: 42px; height: 42px; border-radius: 14px; background: var(--green); box-shadow: 0 5px 14px #29463822; }
  .topright { gap: 14px; }
  .layout { display: block; }
  .layout > section > .eyebrow { color: var(--muted); letter-spacing: .18em; }
  h1 { max-width: 780px; margin: 10px 0 12px; color: var(--ink); font-size: clamp(38px, 4.2vw, 54px); line-height: 1.12; letter-spacing: -.045em; }
  .intro { max-width: 650px; margin-bottom: 28px; color: var(--muted); font-size: 17px; }
  .meditation-entry { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 0 11px; padding: 17px 20px; border: 1px solid var(--line); border-radius: 16px; background: color-mix(in srgb, var(--card) 92%, var(--green) 8%); }
  .meditation-entry strong { color: var(--green); font-size: 15px; }
  .meditation-entry p { margin: 3px 0 0; color: var(--muted); font-size: 13px; }
  .meditation-entry-actions { gap: 9px; }
  .btn { border-radius: 10px; transition: transform .16s ease, box-shadow .16s ease, background .16s ease; }
  .btn:hover { transform: translateY(-1px); box-shadow: 0 5px 14px #233a2a18; }
  .btn:focus-visible, .link:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid #a8864f; outline-offset: 3px; }
  .reading-notebook { grid-template-columns: minmax(0, 1.04fr) minmax(340px, .96fr); gap: 18px; align-items: stretch; margin-top: 18px; }
  .reading-notebook { display: block; }
  .reading-scripture { width: min(100%, 920px); margin-inline: auto; }
  .verse-card { min-height: 420px; padding: 28px 30px; border-radius: 20px; background: linear-gradient(145deg, var(--green), color-mix(in srgb, var(--green) 78%, black) 82%); box-shadow: 0 16px 36px #20392d20; }
  .passage-picker { gap: 10px; }
  .passage-picker select { border-radius: 9px; }
  .verse { max-width: 100%; max-height: 48vh; margin: 24px 0; font-size: clamp(23px, var(--reader-size, 25px), 29px); line-height: 1.72; letter-spacing: -.015em; }
  .reference { color: var(--on-accent); }
  .notebook { padding: 25px !important; border: 1px solid var(--line); border-radius: 20px; background: var(--card); box-shadow: 0 8px 26px #26352c0a; }
  .notebook-title h2 { color: var(--ink); font-size: 22px; letter-spacing: -.025em; }
  .notebook-hint { max-width: 38em; color: var(--muted); }
  .notebook label { margin-top: 14px; color: var(--muted); }
  .notebook textarea { padding: 13px 14px; border-color: var(--line); border-radius: 11px; background: color-mix(in srgb, var(--card) 94%, var(--paper)); line-height: 1.7; }
  .notebook textarea:focus { border-color: var(--green); background: var(--card); box-shadow: 0 0 0 4px color-mix(in srgb, var(--green) 12%, transparent); }
  .notebook textarea#reflection { min-height: 138px; }
  .notebook textarea#prayer { min-height: 78px; max-height: 110px; }
  .notebook-tags, .reflection-rhythm { border-color: #ecece6; }
  .section-head { margin: 34px 0 14px; }
  .section-head h2 { font-size: 23px; letter-spacing: -.025em; }
  .card { border-color: var(--line); border-radius: 17px; box-shadow: 0 8px 26px #26352c0a; }
  .side { gap: 14px; }
  .side > .card { padding: 21px 22px; }
  .side h2 { font-size: 18px; }
  .quiz-card { background: color-mix(in srgb, var(--paper) 92%, var(--green) 8%); }
  .count { font-size: 31px; }
  .saved-list { gap: 11px; }
  .saved { padding: 17px 18px; border-radius: 13px; background: var(--card); }
  .saved-ref { color: var(--green); }
  .sync-hint { margin: 0 2px 4px; color: var(--muted); }
  .top-shortcuts details[open], .bible-library[open], .fold[open] { border-color: var(--line); }
}

@media (min-width: 761px) and (max-width: 1050px) {
  .shell { padding-inline: 26px; }
  .layout { display: block; }
  .reading-notebook { grid-template-columns: minmax(0, 1fr) minmax(310px, .95fr); }
  .verse-card { padding: 23px; }
  .notebook { padding: 21px !important; }
}