/* Rocco's story belongs beside his introduction, with the site's familiar typography. */
.creator-moments-story .rocco-story-introduction{margin-top:1.25rem}
.creator-moments-story .rocco-story-door{margin-top:1rem}
.rocco-story-door a{display:inline-block;padding:.35rem 0;color:#f2d99f;font-weight:700;text-underline-offset:.3em;text-decoration-thickness:1px}
.rocco-story-door a:hover{color:#fff4d9}
.theme-rocco .resource-hero{padding-block:clamp(3rem,6vw,5.5rem)}
.theme-rocco .resource-hero>div{max-width:54rem}
.theme-rocco .resource-hero h1{max-width:24ch;margin-inline:auto}
.theme-rocco .rocco-subtitle{margin:1.35rem auto .5rem;font-family:var(--display-font,Georgia,serif);font-size:clamp(1.2rem,2.2vw,1.65rem);color:#f4e6c7;line-height:1.5}
.theme-rocco .rocco-byline{margin:.5rem auto;color:#e5edef;font-size:.95rem}
.theme-rocco .hero-lede{max-width:43rem;margin:1.6rem auto 0}
.theme-rocco .hero-actions{justify-content:center}
.theme-rocco .rocco-story-content{padding-bottom:clamp(2.5rem,5vw,4rem)}
.theme-rocco .content-shell>div{max-width:48rem}
.theme-rocco .content h2{max-width:24ch;font-size:clamp(2rem,4vw,3.2rem)}
.theme-rocco .rocco-reading-copy{max-width:40rem;margin:1.5rem auto 0;text-align:center;font-size:1rem;line-height:1.8;color:var(--ink-muted)}
.theme-rocco .rocco-reading-copy p{margin:1.25rem auto;text-align:center;text-wrap:pretty}
.theme-rocco .intro{margin-inline:auto}
.theme-rocco .rocco-read-together{padding-block:clamp(2.5rem,5vw,4rem);background:#fffcf5;border-block:1px solid var(--line)}
.theme-rocco .rocco-conversation{background:#f5f0e6;text-align:center}
.theme-rocco .rocco-conversation h3{text-align:center}
.theme-rocco .rocco-conversation p{max-width:38rem;text-wrap:pretty}
.theme-rocco .rocco-conversation ul{width:100%;max-width:38rem;margin:1.4rem auto;padding:0;line-height:1.8;color:var(--ink-muted);text-align:center;list-style-position:inside}
.theme-rocco .rocco-conversation li{text-align:center;text-wrap:balance}
.theme-rocco .rocco-conversation li::marker{color:var(--gold)}
.theme-rocco .rocco-conversation li+li{margin-top:1rem}
.theme-rocco .rocco-details{padding-block:clamp(2.5rem,5vw,4rem)}
.theme-rocco .details-list a{display:inline-block;padding-block:.35rem;text-underline-offset:.25em}
.theme-rocco .related h2{max-width:none;font-size:clamp(1.8rem,3vw,2.4rem)}
.theme-rocco .related-links a{text-align:left;line-height:1.5}
@media(max-width:560px){.theme-rocco .resource-hero h1{font-size:clamp(2rem,9vw,3rem)}.theme-rocco .resource-header .nav-links>a:first-child{display:flex}.theme-rocco .nav-links{gap:.7rem}.theme-rocco .nav-links a{font-size:.8rem}.theme-rocco .hero-lede br{display:none}}

/* The dedicated book page presents the actual cover alongside its introduction. */
.theme-rocco .resource-hero{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);align-items:center;gap:clamp(2rem,4vw,4rem);padding-block:clamp(2.5rem,5vw,4.5rem)}
.theme-rocco .resource-hero h1{font-size:clamp(2.2rem,4.3vw,3.8rem)}
.theme-rocco .rocco-cover-figure{width:min(100%,30rem);margin:0 auto}
.theme-rocco .rocco-cover-figure a{display:block;border-radius:.3rem}
.theme-rocco .rocco-cover-figure img{width:100%;height:auto;border-radius:.3rem;box-shadow:0 1.5rem 3.5rem #03151c66}
.theme-rocco .rocco-cover-figure figcaption{margin:1.2rem auto 0;max-width:30rem;color:#e5edef;font-size:.8rem;line-height:1.6}
@media(max-width:900px){.theme-rocco .resource-hero{grid-template-columns:minmax(0,1fr)}.theme-rocco .rocco-cover-figure{width:min(100%,26rem)}}