/* /scam-spotter/ only (pageCss). Two columns on wide screens: the card preview, then the checks and buttons. */
.ss{display:grid;gap:var(--space-xl,2rem);align-items:start}
.ss__card{margin:0}
.ss__card img{width:100%;height:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white)}
.ss__body{max-width:40rem}
.ss__body>*+*{margin-top:1.1rem}
.ss__body>h2:not(:first-child){margin-top:2rem}
.ss__checks{list-style:none;padding:0!important;display:grid;gap:1.1rem;counter-reset:ss}
.ss__checks li{counter-increment:ss;position:relative;padding-left:2.6rem;margin:0!important}
.ss__checks li::before{content:counter(ss);position:absolute;left:0;top:.05rem;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--ink);color:var(--white);font-weight:700;display:grid;place-items:center;font-size:.95rem}
.ss__checks strong{display:block;font-family:var(--font-heading)}
.ss__src{display:block;margin-top:.25rem;font-size:.8125rem;color:var(--slate)}
.ss__src a{color:inherit}
.ss__share{font-weight:600}
@media (min-width:860px){.ss{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.ss__card{position:sticky;top:1rem}}