/* Secondary notes are visually distinct without reducing reading contrast. */
.page-intro{padding-top:2.5rem;padding-bottom:1.25rem}
.page-intro .lead{font-size:1rem;line-height:1.65;margin-bottom:0}
.page-intro h1{text-wrap:pretty}
main details{margin:1.25rem 0;padding:.85rem 0;border-bottom:1px solid var(--line)}
main details summary{font:600 .9375rem/1.55 var(--sans);color:var(--wine);padding:.25rem 0}
main details[open] summary{margin-bottom:.8rem}
main details .detail-body{font:400 .9375rem/1.65 var(--sans);border-left:2px solid #b6a180;padding:.1rem 0 .1rem 1rem;color:#5c5047}
main details .detail-body p,.prose.large details .detail-body p{font:inherit;line-height:inherit;margin:.65rem 0}
main details .detail-body p:first-child{margin-top:0}
main details .detail-body p:last-child{margin-bottom:0}
main .commentary{background:#f0ebe2;padding:1rem 1.125rem;border:1px solid #ded4c4;border-left:3px solid #b6a180}
main .commentary .detail-body{border:0;padding:0}
.prose.large details .detail-body{font-size:1.0625rem}
.notice{font-size:.9375rem!important;line-height:1.65;padding:1rem 1.25rem}
blockquote{font-size:1.125rem;line-height:1.8}
.reading-layout aside{gap:.75rem}
.reading-layout aside .contents{width:100%;margin:0;padding:0;border:0}
.contents summary{font-size:.875rem;text-transform:uppercase;letter-spacing:.045em}
.reading-layout aside .contents nav{display:flex;flex-direction:column;align-items:stretch;gap:.25rem;width:100%}
.reading-layout aside .contents a{font-size:.875rem;line-height:1.55;padding:.35rem 0}
#font-size{font-size:.875rem;line-height:1.5;min-height:44px;text-align:left}
.breadcrumbs{display:block;margin:1.25rem var(--gutter) 0}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.3rem .5rem;list-style:none;padding:0;margin:0;font-size:.8125rem;color:var(--muted)}
.breadcrumbs li{display:flex;align-items:baseline;gap:.5rem;line-height:1.6}
.breadcrumbs li+li::before{content:'›';color:#95826a}
.breadcrumbs a{font-size:inherit;text-decoration:underline;padding:0}
.breadcrumbs span{color:var(--ink)}
.sitemap-list{list-style:none;padding:0;display:grid;gap:.8rem}
picture{display:block}
.icon-stage picture{height:100%;width:100%;display:block}
.anthia-feature>picture{max-width:220px;justify-self:center}
.anthia-feature>picture img{max-height:295px;width:auto;margin:auto;outline:1px solid var(--gold);outline-offset:8px}
.footer-site{font-size:.875rem;margin:1.25rem 0 0}
@media(max-width:760px){
 header{padding-top:1rem;padding-bottom:1rem}
 .brand{font-size:1.45rem}
 .brand small{font-size:.6875rem;letter-spacing:.12em}
 .topline{font-size:.6875rem}
 .page-intro{padding-top:1.5rem;padding-bottom:1.25rem}
 .page-intro .lead{font-size:1rem;line-height:1.65}
 .page-intro .eyebrow{margin-bottom:.75rem;font-size:.75rem}
 .section{padding-top:2rem;padding-bottom:2rem}
 .panel{margin:1.5rem 0;padding-top:1.75rem;padding-bottom:1.75rem}
 .reading-layout aside{padding:1rem;border:1px solid var(--line);background:#f0ebe2;gap:1rem}
 .reading-layout aside .contents a{font-size:.875rem;padding:.45rem 0;border:0}
 .reading-layout aside .contents nav{gap:0}
 main .prose h2{margin-top:1.5em}
 .prose p{margin-bottom:1.1em}
 .anthia-facts{padding:1rem 0;gap:.875rem;margin-bottom:1.25rem}
 .anthia-facts strong{font-size:1.125rem}
 .anthia-facts span{font-size:.8125rem}
 .calendar{gap:1rem}
 .prayer>p{font-size:1.0625rem;line-height:1.8}
 .prayer h2{font-size:1.125rem}
 .relic-prose section{padding:1.125rem 0}
}