/* Account collection: the saved reading is the primary action. */
.scroll-card{margin:22px 0;display:grid;grid-template-columns:160px minmax(0,1fr);background:#f5eddb;border:1px solid #cdbd9b;text-align:left;box-shadow:0 5px 20px rgba(16,28,35,.07);color:#283330}
.scroll-card-cover{padding:35px 14px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#d9c395;background:radial-gradient(circle at 50% 30%,#263b3d,#101c23 70%);border-right:5px double #87734c}
.scroll-card-cover p{font-size:12px;letter-spacing:.2em}
.scroll-card-cover img{max-width:100%;height:auto}
.scroll-card-cover.scroll-card-cover-illustrated{padding:12px 8px;background:#081318}
.scroll-card-cover-illustrated img{width:100%;height:auto;object-fit:contain;box-shadow:0 4px 16px rgba(0,0,0,.35)}
.scroll-card-pages{padding:25px 28px;min-width:0}
.scroll-card h3{font:500 29px/1.2 var(--serif-display,Georgia,serif);margin:0 0 12px}
.scroll-card p{font-size:15px;line-height:1.6;margin:8px 0;overflow-wrap:anywhere}
.scroll-card .scroll-card-cover p{font-size:10.5px;letter-spacing:.14em;white-space:nowrap}
.scroll-card .scroll-open{display:inline-block;margin:12px 0;padding:9px 20px;background:var(--ink,#283330);color:var(--paper,#f5eddb);text-decoration:none}
.scroll-card-copy{font-size:15px;margin:12px 0}
.scroll-card-copy summary{cursor:pointer;color:var(--light-ink,#695b46)}
.scroll-card-copy button{font:inherit;background:transparent;border:1px solid var(--rule,#cdbd9b);padding:8px 15px;cursor:pointer}
.scroll-card-copy button:disabled{opacity:.5;cursor:wait}
.scroll-card-facts{display:grid;grid-template-columns:68px minmax(0,1fr);gap:6px 16px;margin:18px 0;font-size:15px;line-height:1.6}
.scroll-card-facts dt{color:#66563f}.scroll-card-facts dd{margin:0}
.scroll-card p.scroll-edition{font-size:13px;color:#75654d}
.account-details{border-top:1px solid #cdbd9b;padding-top:20px;margin:24px 0;text-align:left}
.account-details summary{cursor:pointer;font-size:16px;color:#695b46}
.account-details .balance{font-size:30px;margin-top:15px}
.scroll-library{margin:0;background:#eee5d4;color:#283330;font:18px/1.7 var(--serif-body,Georgia,serif)}
.scroll-library .wrap{max-width:1150px}
.scroll-library a{color:inherit}
.library-header{background:#101c23;color:#ebd8ad;border-bottom:1px solid #87734c}
.library-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px}
.library-brand{font:32px/1.1 var(--serif-display,Georgia,serif);text-decoration:none}
.library-header nav{display:flex;flex-wrap:wrap;gap:22px;font-size:16px}
.library-header nav a{text-decoration:none;border-bottom:1px solid #87734c}
.library-header nav a[aria-current="page"]{color:#fff1cb;border-bottom-color:#d9c395}
.library-opening{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:35px;align-items:center;padding:65px 0 40px;border-bottom:1px solid #c5b58f}
.library-opening h1{font:500 clamp(48px,7vw,74px)/1.05 var(--serif-display,Georgia,serif);margin:12px 0 22px}
.library-kicker{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#75654d}
.library-intro{font-size:21px;max-width:28em}
.library-motto{font-style:italic;color:#75654d}
.library-opening img{width:100%;height:auto;background:#14272b;border:5px double #ab9464;padding:18px}
.library-collection{padding:20px 0 40px;min-height:200px}
.library-note{font-size:14px;color:#75654d;margin-bottom:45px}
.library-footer{background:#101c23;color:#d9c395;font-size:14px;padding:22px 0}
.library-skip{position:absolute;top:-100px;left:15px;background:white;color:#283330;padding:10px;z-index:10}.library-skip:focus{top:12px}
.scroll-library .scroll-card{margin:25px 0;grid-template-columns:210px minmax(0,1fr)}
.scroll-library .scroll-card-pages{padding:32px 38px}
@media(max-width:650px){.library-bar{flex-wrap:wrap}.library-header nav{gap:18px}.library-opening{grid-template-columns:1fr;padding-top:35px}.library-opening img{display:none}.scroll-card,.scroll-library .scroll-card{grid-template-columns:88px minmax(0,1fr)}.scroll-card-pages,.scroll-library .scroll-card-pages{padding:22px 18px}.scroll-card-cover{padding:25px 8px}.scroll-card h3{font-size:26px}.scroll-card-facts{grid-template-columns:1fr;gap:2px}.scroll-card-facts dd{margin-bottom:9px}}