/* Reading rhythm and card spacing — local review, 2026-11-10. */
:root{--reading-ink:#494742;--reading-title:#171714;--reading-measure:46em;--chapter-space:72px;--card-inset:clamp(32px,3.4vw,56px)}
/* Shared chapter rhythm, without changing the internal gallery grids. */
.page-shell{gap:0}
.page-shell>section,.page-shell>.site-footer{margin-block:0}
.page-shell>section~section,.page-shell>section~.site-footer{margin-top:var(--chapter-space)}
.page-shell:has(>.hero-section){gap:0}
:is(.section-description,.about-bio,#about .experience-details p,.ms-case p,.ms-lead,.cc-hero-desc,.ga-hero-desc,.cc-desc,.ga-desc,.ap-hero-desc,.gallery-hero p:not(.section-kicker)){max-width:min(100%,var(--reading-measure));line-height:1.95;font-weight:400;color:var(--reading-ink)}
.section-description{max-width:44em}
.about-bio{font-size:16px;line-height:2}
#about .experience-details p{font-size:16px;line-height:1.95;margin:0 0 28px}
#about .experience-details p:last-child{margin-bottom:0}
#about .experience-details b{display:block;font-size:18px;font-weight:700;line-height:1.5;color:var(--reading-title);margin-bottom:10px}
.ms-case>p,.ms-case .ms-split>div>p{max-width:46em;margin-bottom:26px}
.ms-case h3{font-weight:700;color:var(--reading-title);font-size:20px;line-height:1.5;margin-bottom:12px}
.ms-step{padding-top:28px}.ms-steps{gap:28px}.ms-support{gap:36px}.ms-support article{padding-top:28px}
.ms-case p:not(.section-kicker):not(.ms-note){font-size:16px;line-height:1.95;color:var(--reading-ink)}
#contribution-summary+ p{max-width:46em;line-height:2!important;color:var(--reading-ink)}
/* Accent cards: consistent generous framing for text and media. */
#vibe{--chapter-accent:#B5A0FF}
:is(#tutorials,#vibe) .work-hero-copy{padding:var(--card-inset);gap:24px}
:is(#tutorials,#vibe) .work-hero-detail p{max-width:34em;line-height:1.9;color:#34312d;font-weight:400}
:is(#tutorials,#vibe) .work-hero-detail .work-hero-meta{font-size:13px;font-weight:600;margin-top:18px}
:is(#tutorials,#vibe) .work-hero-heading h3{font-weight:700;line-height:1.4}
:is(#tutorials,#vibe) .work-hero-media{border:20px solid var(--chapter-accent);background:var(--chapter-accent);box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}
:is(#tutorials,#vibe) .work-hero-media>img{border-radius:10px}
:is(.cc-title,.ga-title){font-weight:700;color:var(--reading-title)}
:is(.cc-desc,.ga-desc){line-height:1.9;margin-bottom:24px}
/* Only whole-card links lift. Composite panels keep their separate actions. */
a:is(.restored-work-card,.preview-card,.comic-practice-card,.cc-card-link,.ga-card-link,.ms-evidence-item){transition:translate 220ms ease,box-shadow 220ms ease;position:relative}
@media(hover:hover) and (pointer:fine){
 a:is(.restored-work-card,.preview-card,.comic-practice-card,.ms-evidence-item):hover{translate:0 -4px;box-shadow:0 16px 32px -12px rgb(32 28 20 / 16%)}
 :is(.cc-card,.ga-card):hover{translate:0 -4px;box-shadow:0 16px 32px -12px rgb(32 28 20 / 16%)}
}
a:is(.restored-work-card,.preview-card,.comic-practice-card,.ms-evidence-item):focus-visible{outline:3px solid currentColor;outline-offset:4px}
@media(max-width:1024px){:root{--chapter-space:48px;--card-inset:32px}:is(#tutorials,#vibe) .work-hero-media{border-width:16px}}
@media(max-width:600px){:root{--chapter-space:32px;--card-inset:24px}#about .experience-details p,.ms-case p:not(.section-kicker):not(.ms-note){font-size:15px;line-height:1.9}.ms-support{gap:24px}:is(#tutorials,#vibe) .work-hero-media{border-width:12px}.ms-case h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){a:is(.restored-work-card,.preview-card,.comic-practice-card,.ms-evidence-item),.cc-card,.ga-card{transition:none!important;transform:none!important;translate:none!important}}

.cc-card,.ga-card{transition:translate 220ms ease,box-shadow 220ms ease}
/* Shared intro-to-content rhythm and Moonshot accent framing. */
:root{--intro-content-gap:32px;--media-inset:20px}
.page-shell>section>.section-heading+.section-content,
:is(#featured,#tutorials,#vibe)>.section-content{padding-top:var(--intro-content-gap)}
:is(#featured,#tutorials,#vibe)>.section-heading .section-description{font-size:clamp(16px,1.3vw,20px);line-height:1.9;max-width:44em;margin-top:20px;margin-bottom:0}
:is(#featured,#tutorials,#vibe) .work-series-toolbar{margin-bottom:20px}
#featured .ms-evidence-summary{padding:32px var(--card-inset);gap:24px;box-sizing:border-box}
#featured .ms-evidence-grid{border:0;background:#f2ede5;box-sizing:border-box;width:100%;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:0}
#featured .ms-evidence-item{border-radius:0;overflow:hidden;min-width:0}
#featured .ms-evidence-summary .work-hero-heading p{line-height:1.9;max-width:44em}
@media(max-width:1024px){:root{--media-inset:16px}}
@media(max-width:600px){:root{--intro-content-gap:24px;--media-inset:12px}}
#featured .ms-evidence-item{background:#f2ede5}

/* One continuous case strip, followed by a single blue summary. */
#featured .ms-evidence-item figcaption{padding:22px 24px 24px}
#featured .ms-evidence-item:hover{translate:none;box-shadow:none}
#featured .ms-evidence-item h4{font-size:18px;line-height:1.5}
#featured .ms-evidence-item figcaption p{font-size:14px;line-height:1.8;margin-top:10px}
@media(max-width:600px){
 #featured .ms-evidence-grid{grid-template-columns:minmax(0,1fr);gap:0}
 #featured .ms-evidence-item{grid-column:auto;border-bottom:1px solid #d9d5ce}
 #featured .ms-evidence-item .ms-evidence-image{height:180px;max-height:none;aspect-ratio:auto}
 #featured .ms-evidence-item figcaption{padding:18px 24px 22px}
 #featured .ms-evidence-summary{padding:24px}
}