.rf-reader{max-width:830px;margin:1.5rem auto 2rem;color:inherit;font-size:1.05rem;line-height:1.65}
.rf-reader-heading h2{margin-bottom:.15rem}.rf-reader-heading p{margin-top:.15rem;color:#676767}
.rf-reader-form,.rf-search-form{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem;padding:1rem 0;border-bottom:1px solid #dedede}
.rf-reader label{display:flex;flex-direction:column;gap:.2rem;font-size:.93rem;font-weight:600}
.rf-reader input,.rf-reader select{padding:.5rem;font-size:1rem;max-width:100%}
.rf-reader-form select{min-width:200px}.rf-reader-form input[type=number]{width:95px}
.rf-reader button{padding:.55rem .9rem;cursor:pointer;border:1px solid currentColor;background:transparent;color:inherit}
.rf-reader h3{margin:1.4rem 0 1rem}
.rf-chapter-text{font-family:Georgia,serif;font-size:1.16rem;line-height:1.8}
.rf-chapter-text p{margin:0 0 .6rem 0}.rf-verse-number{font-size:.75em;font-family:system-ui,sans-serif;color:#6a6a6a;margin-right:.35rem}
.rf-chapter-nav{display:flex;justify-content:space-between;gap:1rem;margin:1.4rem 0}
.rf-commentary{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:.8rem 0;margin-top:1.5rem}
.rf-commentary summary{cursor:pointer;font-weight:700}.rf-commentary-body{font-size:.98rem;line-height:1.7}
.rf-commentary-body p{margin:.65rem 0}.rf-commentary-body br{line-height:1.4}
.rf-reader-note,.rf-reader footer{color:#676767;font-size:.86rem}
.rf-search-results li{margin-bottom:.7rem}

/* v0.2.0: accessibility and responsive polish */
.rf-reader :focus-visible{outline:3px solid #205dab;outline-offset:3px}
.rf-chapter-text p:target{background:rgba(255,190,61,.17);border-inline-start:3px solid #d28d17;padding-inline-start:.6rem}
.rf-reader a{overflow-wrap:anywhere}
.rf-reader progress{accent-color:#205dab}
@media(max-width:520px){
 .rf-reader{padding-inline:.25rem;font-size:1rem}
 .rf-reader-form,.rf-search-form{align-items:stretch}
 .rf-reader-form label,.rf-search-form label{width:100%}
 .rf-reader-form select,.rf-reader input[type=search]{width:100%}
 .rf-reader button{min-height:44px}
 .rf-chapter-nav a{max-width:48%}
 .rf-chapter-text{font-size:1.08rem;line-height:1.7}
}