.hptm-slot{border:1px solid #d8dce4;background:var(--surface,#fff);border-radius:14px;margin:22px 0;padding:14px;max-width:100%;overflow:hidden}.hptm-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#64748b;margin-bottom:10px}.hptm-close{border:0;background:transparent;color:inherit;font-size:22px;cursor:pointer;min-width:34px;min-height:34px}.hptm-link{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}.hptm-link img{width:88px;height:88px;object-fit:cover;border-radius:10px}.hptm-copy{display:grid;gap:7px}.hptm-copy strong{font-size:1rem}.hptm-copy small{font-size:.84rem;line-height:1.5}.hptm-cta{font-size:.83rem;text-decoration:underline}.hptm-disclosure{display:block;margin-top:8px;font-size:.68rem;color:#657083}.hptm-floating{position:fixed;z-index:100;bottom:18px;right:18px;max-width:320px;box-shadow:0 10px 35px #0002}.hp-related{margin:24px 0}.hp-related-heading h2{font-size:1.3rem;margin:0 0 5px}.hp-related-heading p{font-size:.86rem;color:#667085;margin:0 0 14px}.hp-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hp-related-card{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px;border:1px solid #d8dce4;border-radius:12px;text-decoration:none;color:inherit;font-size:.91rem}.hp-related-card:hover{border-color:currentColor}@media(max-width:640px){.hptm-floating{left:12px;right:12px;bottom:10px;max-width:none}.hp-related-grid{grid-template-columns:1fr}.hptm-link img{width:70px;height:70px}}@media print{.hptm-slot{display:none!important}}
.hptm-top{max-width:1080px;margin:12px auto;padding:9px 15px}.hptm-top .hptm-link img{width:70px;height:58px}.hptm-sidebar_extra{margin-top:12px}.hptm-archive_extra{max-width:100%;padding:12px}.hptm-slot:empty{display:none}@media(max-width:900px){.hptm-sidebar_extra{display:none}}@media(max-width:640px){.hptm-floating{bottom:env(safe-area-inset-bottom,10px);max-height:100px;overflow:auto}.hptm-top{margin:8px 12px}}

/* Keep Singing — scoped editorial recommendations, aligned with the hymn reader. */
.hp-related{clear:both;margin:20px 0 26px;padding:24px clamp(20px,4.5%,38px) 0;border-top:1px solid var(--line,#e9e1d7);max-width:100%;min-width:0}
.hp-related-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 17px}
.hp-related-title{min-width:0;max-width:100%}
.hp-related-eyebrow{display:block;margin:0 0 6px;font:700 10px/1.5 system-ui,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted,#766b63)}
.hp-related-heading h2{font:400 clamp(22px,2.2vw,28px)/1.23 Georgia,"Times New Roman",serif;letter-spacing:-.35px;margin:0 0 6px;color:var(--reading-ink,var(--ink,#352d2a))}
.hp-related-heading p{margin:0;color:var(--muted,#766b63);font:13px/1.6 system-ui,sans-serif;max-width:55ch}
.hp-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.hp-related-card{position:relative;display:flex;align-items:flex-start;justify-content:space-between;min-height:0;gap:10px;padding:16px;border:1px solid var(--line,#e9e1d7);border-radius:12px;background:var(--reading-bg,#fff);color:var(--reading-ink,var(--ink,#352d2a))!important;text-decoration:none!important;box-shadow:none;min-width:0;transition:border-color .18s,box-shadow .18s,transform .18s}
.hp-related-card:hover,.hp-related-card:focus-visible{border-color:var(--accent,#653a32);box-shadow:0 6px 18px #3524190d;transform:translateY(-2px)}
.hp-related-card:focus-visible,.hp-related-browse:focus-visible{outline:3px solid #bd892f;outline-offset:3px}
.hp-related-copy{display:grid;gap:5px;min-width:0}
.hp-related-number{font:700 10px/1.4 system-ui,sans-serif;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted,#766b63)}
.hp-related-name{display:block;font:600 16px/1.4 system-ui,sans-serif;color:inherit;overflow-wrap:anywhere}
.hp-related-preview{display:grid;gap:1px;color:var(--muted,#766b63);font:13px/1.5 Georgia,serif}
.hp-related-preview span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.hp-related-arrow{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;margin:1px 0 0;border:1px solid var(--line,#e9e1d7);border-radius:50%;background:transparent;color:var(--accent,#653a32);font-size:15px;line-height:1}
.hp-related-card:hover .hp-related-arrow{background:var(--paper,#f8f5ef)}
.hp-related-browse{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:38px;padding:8px 13px;margin:3px 0 0;border:1px solid var(--line,#e9e1d7);border-radius:8px;background:transparent;color:var(--accent,#653a32)!important;text-decoration:none!important;font:600 12px/1.3 system-ui,sans-serif;white-space:nowrap;box-shadow:none;transition:background .18s,border-color .18s}
.hp-related-browse:hover{background:var(--paper,#f8f5ef);border-color:var(--accent,#653a32)}
.reader-card[data-reading=dark] .hp-related-card{background:#2d2b29;color:#f1e9dc!important}
.reader-card[data-reading=dark] .hp-related-browse{color:#f1d7aa!important}
.reader-card[data-reading=dark] .hp-related-card:hover .hp-related-arrow,.reader-card[data-reading=dark] .hp-related-browse:hover{background:#37332f}
@media(max-width:900px){.hp-related-heading{flex-wrap:wrap}.hp-related-browse{margin-top:0}}
@media(max-width:680px){.hp-related{margin:17px 0 22px;padding:20px 18px 0}.hp-related-heading{display:block;margin-bottom:13px}.hp-related-heading h2{font-size:23px}.hp-related-heading p{font-size:12px}.hp-related-grid{grid-template-columns:1fr;gap:9px}.hp-related-card{padding:13px 14px}.hp-related-name{font-size:15px}.hp-related-preview{font-size:12px}.hp-related-grid .hp-related-card:nth-child(n+3){display:none}.hp-related-browse{display:flex;width:max-content;max-width:100%;min-height:36px;margin:14px 0 0;padding:8px 12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.hp-related-card,.hp-related-browse{transition:none}.hp-related-card:hover{transform:none}}
@media print{.hp-related{display:none!important}}