/* Story reader shares the sanctuary's ivory and gold dialog foundation. */
body dialog#story-reader{width:min(590px,calc(100% - 14px));padding:34px 25px 24px;border-color:#cdb795}
body dialog#story-reader h2{font-size:27px;margin:5px 0 12px}
body dialog#story-reader h3{font-size:21px;line-height:1.5;margin:8px 0 16px;color:#382919}
body dialog#story-reader .story-quote{font-size:15px;margin-bottom:16px;color:#92754d}
.story-art{height:100px;display:grid;place-items:center;overflow:hidden;border:1px solid #e4d6bb;border-radius:14px;background:radial-gradient(ellipse at 50% 100%,#d8b77970,transparent 60%),linear-gradient(135deg,#f5eddc,#fffdf7);margin:0 0 18px}
.story-art span{font:54px Georgia,serif;color:#ad8549;text-shadow:0 0 25px #e6c980}
.story-art[data-theme=bench]{background:radial-gradient(ellipse at 20% 10%,#b5c1a650,transparent 65%),#f7f1e5}
body dialog#story-reader .story-prose p{font-size:16px;line-height:1.95;margin:0 0 16px;text-align:justify}
body dialog#story-reader .story-prose p:last-child{margin-bottom:0}
.story-actions{display:grid;gap:10px;margin-top:22px}
body dialog#story-reader button.story-primary{background:#d8b779;border:1px solid #c2a36f;border-radius:10px;color:#493015;font-size:17px;padding:12px 16px;min-height:46px}
body dialog#story-reader button.story-secondary{background:transparent;border:1px solid #cdb795;border-radius:10px;color:#765229;font-size:15px;padding:10px 14px;min-height:44px}
body dialog#story-reader button:disabled{opacity:.4;cursor:default}
.story-chapter-label{display:block;font-size:13px;color:#715d45;margin:12px 0 5px}
body dialog#story-reader #story-chapter{width:100%;font-size:15px;padding:10px 12px;border-radius:10px}
body dialog#story-reader .story-chapter-subtitle{font-size:13px;color:#92754d;margin:18px 0 5px}
.story-pagination{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:22px;font-size:13px;color:#715d45}
.story-reading-note{display:block;text-align:center;color:#927d61;font-size:12px;margin-top:12px}
@media(max-width:699px){body dialog#story-reader{inset:auto 7px 7px;margin:0;width:calc(100% - 14px);max-width:none;max-height:calc(100dvh - 14px);padding:32px 20px 22px}body dialog#story-reader h2{font-size:24px}}

body dialog#story-reader h2:focus{outline:none}