/* Blog and review pages only (loaded after /style.css). Tokens come from /ds/styles.css. */
.ss-article{max-width:42rem;margin:0 auto;padding:var(--space-6) var(--gutter) var(--space-8);font-family:var(--font-ui);color:var(--text-1)}
.ss-article a{color:var(--link);text-decoration:underline;text-decoration-color:var(--link-underline)}
.ss-article a:hover{color:var(--link-hover)}
.ss-article h1.ss-h1{margin:var(--space-2) 0 var(--space-3)}
.ss-prose{font-size:1.0625rem;line-height:1.65}
.ss-prose h2,.ss-prose h3,.ss-prose h4{font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);margin:var(--space-8) 0 var(--space-2)}
.ss-prose p,.ss-prose ul,.ss-prose ol,.ss-prose blockquote{margin:0 0 var(--space-4)}
.ss-prose blockquote{padding-left:var(--space-4);border-left:2px solid var(--line);color:var(--text-2)}
.ss-prose hr{border:0;border-top:1px solid var(--line);margin:var(--space-6) 0}
.ss-posts{list-style:none;margin:var(--space-6) 0 0;padding:0}
.ss-post{padding:var(--space-4) 0;border-top:1px solid var(--line)}
.ss-post .ss-h2{margin:var(--space-1) 0}
.ss-post .ss-h2 a{text-decoration:none}
.ss-review-edition{display:flex;gap:var(--space-4);align-items:flex-start;margin:var(--space-4) 0 var(--space-6);padding:var(--space-4);background:var(--surface-card);border:1px solid var(--line);border-radius:6px}
.ss-review-cover{flex:0 0 96px;width:96px}
.ss-review-cover img{width:100%;height:auto;border-radius:3px}
.ss-review-edition p{margin:0 0 var(--space-2)}