.cover-rosini { background:#354440; color:#f3e5bd; }
.cover-rosini .cover-title { font-size:20px; letter-spacing:.025em; }
.cover-rosini .cover-art { border:0; border-radius:0; left:55px; top:120px; width:50px; height:60px; }
.cover-rosini .cover-art::before { left:24px; top:0; width:1px; height:60px; border:0; border-radius:0; background:currentColor; }
.cover-rosini .cover-art::after { content:''; position:absolute; left:0; top:23px; width:50px; height:1px; background:currentColor; }
.rosini-reader { max-width:850px; }
.rosini-intro { display:grid; grid-template-columns:175px minmax(0,1fr); gap:32px; align-items:center; margin:14px 0 30px; }
.rosini-intro h1 { margin:8px 0; }
.rosini-intro img.rosini-cover { width:175px; height:auto; }
.rosini-kicker { color:var(--muted); font:500 13px/1.8 var(--sans); letter-spacing:.1em; }
.rosini-subtitle { font-family:var(--serif); color:var(--muted); }
.rosini-toc { border-block:1px solid var(--gold-line); margin:36px 0; padding:10px 0 25px; }
.rosini-toc ol { columns:2; column-gap:40px; padding-left:1.6em; }
.rosini-toc li { break-inside:avoid; padding:.15em 0; }
.rosini-chapter { padding-top:35px; scroll-margin-top:20px; }
.rosini-chapter>section>h2 { border-top:1px solid var(--gold-line); padding-top:28px; margin-top:10px; }
.rosini-chapter p { text-indent:1em; }
.rosini-chapter-audio { text-indent:0!important; font-size:13px; }
.rosini-chapter img.portrait { display:block; width:200px; height:auto; margin:25px auto; }
.rosini-track { padding:24px 0; border-bottom:1px solid var(--gold-line); scroll-margin-top:20px; }
.rosini-track h2 { margin:0; font-size:20px; }
.rosini-track h2 span { color:var(--muted); font:14px var(--sans); }
.rosini-track p { margin:8px 0; font-size:13px; color:var(--muted); }
.rosini-track audio { display:block; width:100%; margin:12px 0; }
.rosini-track>a { font-size:13px; }
@media(max-width:600px) { .rosini-intro { grid-template-columns:105px minmax(0,1fr); gap:18px; }.rosini-intro img.rosini-cover { width:105px; }.rosini-intro h1 { font-size:24px; }.rosini-intro .actions { grid-column:1/-1; }.rosini-toc ol { columns:1; }.rosini-subtitle { font-size:14px; }.cover-rosini .cover-title { font-size:17px; } }
