/* Native server-rendered links retain the reference's category/pager styling. */
/* Rev10's final body rule retains 17px on the expanded mobile pages. */
body.sc-p4{font-size:17px}
.blog-categories a{font:500 14px var(--sans);border:1px solid var(--line2);border-radius:999px;background:var(--surface);color:var(--fg2);display:flex;gap:9px;align-items:center;min-height:44px;padding:10px 15px;text-decoration:none}
.blog-categories a[aria-current=page]{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.blog-pagination a{min-width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line2);background:var(--surface);color:var(--fg2);font:400 14px var(--sans);text-decoration:none}
.blog-pagination a[aria-current=page]{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.sc-preview-note{margin-block:24px!important;padding:16px;border:1px solid var(--line);border-radius:12px;color:var(--fg2);font-size:14px;max-width:100%}
button:disabled{cursor:not-allowed;opacity:.65}.sc-art-fallback{display:grid;place-items:center;width:100%;height:100%;background:var(--hero-card);color:var(--fg);font-size:64px}
.blog-feature-image img{object-fit:cover}
/* One continuous hover/focus line across the text, flex gap and arrow. */
body.sc-p4 .blog-feature-copy .read-link{position:relative}
body.sc-p4 .blog-feature-copy .read-link:is(:hover,:focus-visible){text-decoration:none}
body.sc-p4 .blog-feature-copy .read-link::after{content:"";position:absolute;left:0;right:0;bottom:5px;border-bottom:1px solid currentColor;opacity:0;pointer-events:none}
body.sc-p4 .blog-feature-copy .read-link:is(:hover,:focus-visible)::after{opacity:1}