/* Keep the reading, remembrance and participation flow consistent across designs. */
/* Cover sizing and typography live in template-designs.css. */
.space-page #main .space-body>.tabs{margin-top:32px}
.space-page #main .tabs{flex-wrap:wrap;justify-content:center}
.space-page #main .space-sections>*{order:0}
.space-page #main .memorial-album-more{margin-top:32px}
.space-page #main .memorial-album-more>summary{cursor:pointer;padding:12px 0;font:15px/1.9 var(--serif);color:var(--paper-ink)}
.space-page #main .memorial-listening-option,.space-page #main .memorial-records{margin:30px 0 0;padding:20px 0;border-block:1px solid var(--paper-line);text-align:left}
.space-page #main :is(.memorial-listening-option,.memorial-records,.memorial-film-chapters,.memorial-owner-tools)>summary{cursor:pointer;font:15px/1.9 var(--serif);padding:8px 0;color:var(--paper-ink)}
.space-page #main summary:focus-visible{outline:2px solid var(--paper-accent);outline-offset:5px}
.space-page #main .memorial-listening-option .memorial-listening{max-width:none;margin:20px 0 0;padding:24px;grid-template-columns:minmax(0,1fr);background:var(--paper-tint);border:0;text-align:left}
.space-page #main .memorial-listening h2{font:400 22px/1.7 var(--serif);margin:0 0 12px}
.space-page #main .memorial-listening-controls label{white-space:nowrap}
.space-page #main .memorial-listening-controls select{width:auto;min-width:0;flex:1}
.space-page #main .memorial-records{border-top:0;margin-top:0}
.space-page #main .memorial-records .notebook-spread{margin:24px 0 12px;max-width:none}
.space-page #main .memorial-cinema{width:100%;max-width:none;margin:0;padding:55px 0 70px;border-top:1px solid var(--paper-line);scroll-margin-top:28px}
.space-page #main .memorial-cinema .film-screen{border-radius:20px;overflow:hidden}
.space-page #main .memorial-cinema>h2{font:400 clamp(25px,3vw,32px)/1.65 var(--serif);margin:0 0 18px;color:var(--paper-ink)}
.space-page #main .memorial-film-note,.space-page #main .memorial-letter-note{font:14px/2 var(--serif);color:var(--paper-muted);margin:0 0 30px}
.space-page #main .memorial-film-chapters{border-top:1px solid var(--paper-line);padding:18px 24px}
.space-page #main .memorial-offering{margin:0 0 32px}
.space-page #main .letters-section>h2{margin-bottom:16px}
.space-page #main .memorial-closing{text-align:center;padding:65px 20px 60px;border-top:1px solid var(--paper-line)}
.space-page #main .memorial-closing>span{color:var(--paper-accent);font-size:28px}
.space-page #main .memorial-closing h2{font:400 clamp(25px,3vw,32px)/1.7 var(--serif);margin:18px 0}
.space-page #main .memorial-closing p{font:15px/2.1 var(--serif);color:var(--paper-muted)}
.space-page #main .space-actions{margin:0;padding:20px 0;justify-content:center;flex-wrap:wrap}
.space-page #main .memorial-owner-tools{border-top:1px solid var(--paper-line);padding:22px 0;margin-bottom:30px}
.space-page #main .memorial-owner-tools .quiet-link{display:inline-block;margin-top:18px}
.space-page #main .memorial-owner-tools .pet-service-links{padding:20px 0;justify-content:flex-start;margin:0}
.space-page #main .memorial-owner-tools .export-link{text-align:left;margin:0;padding:10px 0}
@media(max-width:760px){
 .space-page #main .memorial-listening-option .memorial-listening{display:block;padding:20px 16px}
 .space-page #main .memorial-listening-controls{margin-top:20px;min-width:0}
 .space-page #main .memorial-listening audio{width:100%;max-width:100%}
 .space-page #main .memorial-cinema{padding-block:40px 50px}
 .space-page #main .memorial-cinema .film-screen{border-radius:16px}
 .space-page #main .memorial-film-chapters{padding:15px}
 .space-page #main .memorial-closing{padding:45px 0}
}
@media(max-width:720px){
 .space-page #main .space-body>.tabs{margin-top:24px}
}