/* Sophie 1.2: scoped editorial additions; no new JavaScript. */
.ss-examples { padding: 30px; background: #eee7dc; border-top: 2px solid var(--ruby); }
.ss-examples .ss-example-note { margin: 24px 0 0; font-size: .92rem; }
.ss-examples .sg-sources { margin: 16px 0 0; }
.ss-examples .eyebrow { margin: 0 0 18px; }
.ss-blog-related { margin: 44px 0 16px; padding: 28px 32px; border-left: 3px solid var(--ruby); background: var(--cream); }
.single-content .ss-blog-related .eyebrow { font-family: var(--sans); font-size: .66rem; margin: 0 0 15px; }
.single-content .ss-blog-related h2 { font: 400 clamp(1.65rem, 3vw, 2.4rem)/1.16 var(--serif); margin: 0 0 20px; letter-spacing: -.02em; }
.single-content .ss-blog-related p:not(.eyebrow) { font: 400 1rem/1.7 var(--sans); margin: 0 0 14px; }
.single-content .ss-blog-related p:last-child { margin-bottom: 0; }
.ss-blog-related a { color: var(--ruby); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.ss-blog-related a:focus-visible, .ss-about-more a:focus-visible { outline: 3px solid var(--rose); outline-offset: 4px; }
.manifesto-copy > .ss-about-more { margin: 24px 0 0; font-size: .9rem; }
.ss-about-more a { color: #f6ece0; text-decoration: underline; text-underline-offset: 4px; }
body > footer > div { flex-wrap: wrap; row-gap: 12px; }
@media (max-width: 760px) {
    .manifesto { grid-template-columns: minmax(0, 1fr); }
    .manifesto-copy { min-width: 0; }
    .manifesto-copy h2 { overflow-wrap: anywhere; }
    .ss-examples { padding: 22px 16px; }
    .ss-examples .sg-card { padding: 22px 18px; }
    .ss-blog-related { padding: 24px 20px; }
}