/* SWATCOM Blog. All theme overrides are limited to eligible blog requests. */
body.swatcom-blog-active,
body.swatcom-blog-active #page,
body.swatcom-blog-active #content { background:#080808; }
body.swatcom-blog-active #content > .ast-container { display:block; width:100%; max-width:none; padding:0; margin:0; }
body.swatcom-blog-active #primary.sc-blog-primary { float:none; width:100%; max-width:none; margin:0; padding:0; border:0; }
body.swatcom-blog-active #main { margin:0; padding:0; }
#content .sc-blog { --blog-bg:#080808; --blog-card:#141414; --blog-line:#333; --blog-muted:#b5b5b5; --blog-radius:0px; --blog-read:820px; background:var(--blog-bg); color:#fff; padding:0 0 76px; }
#content .sc-blog-rounded { --blog-radius:18px; }
#content .sc-blog-reading-740 { --blog-read:740px; }
#content .sc-blog-reading-960 { --blog-read:960px; }
#content .sc-blog .sc-shell { min-width:0; }
#content .sc-blog :is(h1,h2,h3,h4,h5,h6) { color:#fff; overflow-wrap:break-word; }
#content .sc-blog :is(a,button,input,textarea,select,summary):focus-visible { outline:2px solid var(--yellow); outline-offset:4px; }
#content .sc-blog a { box-shadow:none; }
#content .sc-blog .screen-reader-text { clip:rect(1px,1px,1px,1px); clip-path:inset(50%); position:absolute!important; width:1px; height:1px; overflow:hidden; white-space:nowrap; }

/* Compact centred introduction, consistent with the product archives. */
#content .sc-blog-intro { padding:38px 0 0; text-align:center; }
#content .sc-blog .sc-blog-breadcrumb { color:var(--blog-muted); font:400 11px/1.7 var(--body); }
#content .sc-blog .sc-blog-breadcrumb ol { list-style:none; display:flex; justify-content:center; flex-wrap:wrap; gap:5px 0; margin:0; padding:0; }
#content .sc-blog .sc-blog-breadcrumb li { margin:0; padding:0; max-width:100%; overflow-wrap:anywhere; }
#content .sc-blog .sc-blog-breadcrumb li + li::before { content:'/'; margin:0 10px; color:#777; }
#content .sc-blog .sc-blog-breadcrumb a:hover { color:var(--yellow); }
#content .sc-blog .sc-blog-breadcrumb [aria-current] { color:#ddd; }
#content .sc-blog .sc-blog-intro h1 { margin:22px 0 0; padding:0; font:600 clamp(36px,3.9vw,58px)/1.06 var(--display); letter-spacing:-.025em; text-transform:uppercase; }
#content .sc-blog .sc-blog-intro-text { max-width:900px; margin:16px auto 0; color:#d5d5d5; font:400 15px/1.75 var(--body); }
#content .sc-blog .sc-blog-intro-text > * + * { margin-top:12px; }
#content .sc-blog .sc-blog-intro-text :is(p,ul,ol) { margin-bottom:0; }
#content .sc-blog .sc-blog-intro-text a { color:var(--yellow); text-decoration:underline; text-underline-offset:3px; }
#content .sc-blog .sc-blog-toolbar { display:flex; flex-wrap:wrap; gap:18px 28px; align-items:center; justify-content:space-between; margin:38px 0; padding:22px 0; border-block:1px solid var(--blog-line); }
#content .sc-blog .sc-blog-topics { display:flex; flex:1; flex-wrap:wrap; align-items:center; gap:8px; min-width:0; }
#content .sc-blog .sc-blog-topics a { display:inline-flex; min-height:42px; align-items:center; padding:10px 15px; border:1px solid var(--blog-line); border-radius:var(--blog-radius); color:#dedede; font:700 11px/1.5 var(--body); letter-spacing:.035em; text-transform:uppercase; text-align:center; overflow-wrap:anywhere; transition:color .2s,border-color .2s,background .2s; }
#content .sc-blog .sc-blog-topics a:hover { border-color:var(--yellow); color:var(--yellow); }
#content .sc-blog .sc-blog-topics a[aria-current] { background:var(--yellow); color:#080808; border-color:var(--yellow); }
#content .sc-blog .sc-blog-count { margin:0; flex-shrink:0; color:var(--blog-muted); font:400 12px/1.6 var(--body); }

/* Article cards: edge-to-edge imagery, dark panels, yellow content-sized buttons. */
#content .sc-blog .sc-blog-grid { display:grid; grid-template-columns:repeat(var(--blog-cols,3),minmax(0,1fr)); align-items:stretch; gap:28px; }
#content .sc-blog .sc-blog-columns-2 { --blog-cols:2; }
#content .sc-blog .sc-blog-columns-3 { --blog-cols:3; }
#content .sc-blog .sc-blog-columns-4 { --blog-cols:4; }
#content .sc-blog article.sc-blog-card { display:flex; flex-direction:column; min-width:0; margin:0; padding:0; background:var(--blog-card); border:1px solid var(--blog-line); border-radius:var(--blog-radius); box-shadow:none; transition:border-color .2s; }
#content .sc-blog article.sc-blog-card:hover { border-color:#777; }
#content .sc-blog .sc-blog-card-image { display:block; position:relative; width:100%; aspect-ratio:16/9; background:#101010; overflow:hidden; border-radius:var(--blog-radius) var(--blog-radius) 0 0; }
#content .sc-blog .sc-blog-card-image img { width:100%; height:100%; max-width:none; object-fit:cover; margin:0; padding:0; border-radius:0; transition:transform .3s; }
#content .sc-blog .sc-blog-card-image:hover img { transform:scale(1.025); }
#content .sc-blog .sc-blog-image-fallback { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; height:100%; padding:24px; border-bottom:1px solid var(--blog-line); background:linear-gradient(135deg,#1e1e1e,#080808); }
#content .sc-blog .sc-blog-image-fallback > span:first-child { font:600 clamp(24px,2.8vw,42px)/1 var(--display); color:#fff; letter-spacing:.02em; }
#content .sc-blog .sc-blog-image-fallback > span:last-child { color:var(--yellow); font:700 11px/1.5 var(--body); text-transform:uppercase; letter-spacing:.1em; text-align:center; }
#content .sc-blog .sc-blog-card-body { display:flex; flex-direction:column; align-items:flex-start; flex:1; min-width:0; padding:25px; gap:15px; }
#content .sc-blog .sc-blog-categories { display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; font:700 10px/1.5 var(--body); letter-spacing:.095em; text-transform:uppercase; }
#content .sc-blog .sc-blog-categories a { color:var(--yellow); text-decoration:none; overflow-wrap:anywhere; }
#content .sc-blog .sc-blog-categories a:hover { color:#fff; text-decoration:underline; text-underline-offset:3px; }
#content .sc-blog .sc-blog-card-title { margin:0; padding:0; font:600 26px/1.17 var(--display); letter-spacing:-.015em; text-transform:uppercase; }
#content .sc-blog .sc-blog-card-title a { color:#fff; text-decoration:none; }
#content .sc-blog .sc-blog-card-title a:hover { color:var(--yellow); }
#content .sc-blog .sc-blog-meta { display:flex; flex-wrap:wrap; align-items:center; gap:5px 0; color:var(--blog-muted); font:400 11px/1.7 var(--body); }
#content .sc-blog .sc-blog-meta > * + *::before { content:'·'; display:inline-block; margin:0 9px; color:#777; }
#content .sc-blog .sc-blog-meta a:hover { color:var(--yellow); }
#content .sc-blog .sc-blog-excerpt { margin:0 0 7px; font:400 14px/1.8 var(--body); color:#ddd; overflow-wrap:anywhere; }
#content .sc-blog .sc-blog-excerpt:empty { display:none; }
#content .sc-blog .sc-blog-button { display:inline-flex; flex:0 0 auto; align-self:flex-start; align-items:center; justify-content:center; gap:20px; width:auto; max-width:100%; min-height:46px; margin-top:auto; padding:13px 19px; background:var(--yellow); color:#080808; border:1px solid var(--yellow); border-radius:var(--blog-radius); box-shadow:none; font:700 11px/1.5 var(--body); letter-spacing:.06em; text-transform:uppercase; text-decoration:none; transition:background .2s,border-color .2s; }
#content .sc-blog .sc-blog-button .sc-icon { width:17px; height:17px; }
#content .sc-blog .sc-blog-button:hover { background:#fff0a0; border-color:#fff0a0; color:#080808; }
#content .sc-blog .sc-blog-empty { padding:44px 28px; background:var(--blog-card); border:1px solid var(--blog-line); border-radius:var(--blog-radius); }
#content .sc-blog .sc-blog-empty h2 { font-size:32px; }
#content .sc-blog .sc-blog-empty p { margin:16px 0 24px; color:#ddd; }

/* Native WordPress pagination. */
#content .sc-blog .sc-blog-pagination { width:100%; margin:44px 0 0; padding:0; border:0; }
#content .sc-blog .sc-blog-pagination .nav-links { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
#content .sc-blog :is(.sc-blog-pagination .page-numbers,.sc-blog-page-links .post-page-numbers) { display:inline-flex; justify-content:center; align-items:center; min-width:44px; min-height:44px; margin:0; padding:10px 14px; background:#141414; color:#fff; border:1px solid var(--blog-line); border-radius:var(--blog-radius); font:700 12px/1.5 var(--body); text-decoration:none; }
#content .sc-blog :is(.sc-blog-pagination .page-numbers.current,.sc-blog-page-links .post-page-numbers.current) { color:#080808; background:var(--yellow); border-color:var(--yellow); }
#content .sc-blog :is(.sc-blog-pagination a,.sc-blog-page-links a):hover { border-color:var(--yellow); color:var(--yellow); }
#content .sc-blog .sc-blog-pagination .dots { border-color:transparent; background:none; }

/* Post heading, featured image and comfortable reading column. */
#content .sc-blog article.sc-blog-article { margin:0; padding:0; border:0; box-shadow:none; background:transparent; }
#content .sc-blog .sc-blog-post-header { max-width:1040px; margin:0 auto; padding:38px 0 36px; text-align:center; }
#content .sc-blog .sc-blog-post-header .sc-blog-categories { justify-content:center; margin:28px 0 15px; }
#content .sc-blog .sc-blog-post-header h1 { margin:0; padding:0; font:600 clamp(34px,4.1vw,60px)/1.06 var(--display); letter-spacing:-.025em; text-transform:uppercase; }
#content .sc-blog .sc-blog-post-header .sc-blog-meta { justify-content:center; margin:22px 0 0; font-size:12px; }
#content .sc-blog .sc-blog-featured { position:relative; width:100%; max-width:1200px; aspect-ratio:16/9; margin:0 auto 42px; padding:0; border:1px solid var(--blog-line); border-radius:var(--blog-radius); overflow:hidden; background:#111; }
#content .sc-blog .sc-blog-featured img { position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; max-height:none; object-fit:cover; object-position:center; margin:0; padding:0; border-radius:0; }
#content .sc-blog .sc-blog-reading { max-width:var(--blog-read); min-width:0; margin-inline:auto; }
#content .sc-blog .sc-blog-contents { margin:0 0 30px; background:#141414; border:1px solid var(--blog-line); border-radius:var(--blog-radius); }
#content .sc-blog .sc-blog-contents summary { min-height:52px; padding:17px 22px; color:#fff; cursor:pointer; font:700 12px/1.5 var(--body); letter-spacing:.06em; text-transform:uppercase; }
#content .sc-blog .sc-blog-contents summary::marker { color:var(--yellow); }
#content .sc-blog .sc-blog-contents nav { padding:0 24px 22px; }
#content .sc-blog .sc-blog-contents ol { margin:0; padding-left:22px; }
#content .sc-blog .sc-blog-contents li { margin:0; padding:4px 0; color:var(--yellow); font:400 14px/1.7 var(--body); }
#content .sc-blog .sc-blog-contents a { color:#ddd; }
#content .sc-blog .sc-blog-contents a:hover { color:var(--yellow); text-decoration:underline; text-underline-offset:3px; }
#content .sc-blog .sc-blog-prose { margin:0; padding:0; color:#fff; font:400 17px/1.85 var(--body); overflow-wrap:break-word; }
#content .sc-blog .sc-blog-prose::after { content:''; display:block; clear:both; }
#content .sc-blog .sc-blog-prose p { margin:0 0 1.4em; }
#content .sc-blog .sc-blog-prose :is(h1,h2,h3,h4,h5,h6) { font-family:var(--display); font-weight:600; line-height:1.2; letter-spacing:-.015em; margin:1.6em 0 .6em; padding:0; text-transform:none; scroll-margin-top:170px; }
#content .sc-blog .sc-blog-prose :is(h1,h2) { font-size:34px; }
#content .sc-blog .sc-blog-prose h3 { font-size:28px; }
#content .sc-blog .sc-blog-prose h4 { font-size:24px; }
#content .sc-blog .sc-blog-prose :is(h5,h6) { font-size:21px; }
#content .sc-blog .sc-blog-prose > :first-child { margin-top:0; }
#content .sc-blog .sc-blog-prose > :last-child { margin-bottom:0; }
#content .sc-blog .sc-blog-prose > p:first-child { font-size:19px; line-height:1.8; }
#content .sc-blog .sc-blog-prose :is(ul,ol) { margin:0 0 1.5em; padding-left:1.5em; }
#content .sc-blog .sc-blog-prose li { margin:0 0 .6em; padding-left:.15em; }
#content .sc-blog .sc-blog-prose li::marker { color:var(--yellow); }
#content .sc-blog .sc-blog-prose li > :is(ul,ol) { margin-top:.6em; margin-bottom:0; }
#content .sc-blog .sc-blog-prose :is(a:not(.wp-element-button):not(.wp-block-button__link),.wp-block-file a:not(.wp-block-file__button)) { color:var(--yellow); text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }
#content .sc-blog .sc-blog-prose a:hover { text-decoration-color:#fff; }
#content .sc-blog .sc-blog-prose :is(strong,b) { font-weight:700; }
#content .sc-blog .sc-blog-prose blockquote { margin:30px 0; padding:22px 28px; border:0; border-left:3px solid var(--yellow); border-radius:0 var(--blog-radius) var(--blog-radius) 0; background:#141414; color:#fff; font-size:19px; font-style:normal; }
#content .sc-blog .sc-blog-prose blockquote > :last-child { margin-bottom:0; }
#content .sc-blog .sc-blog-prose cite { display:block; color:var(--blog-muted); font-size:13px; margin-top:12px; }
#content .sc-blog .sc-blog-prose :is(img,video) { height:auto; max-width:100%; border-radius:var(--blog-radius); }
#content .sc-blog .sc-blog-prose :is(figure,.wp-caption) { max-width:100%; margin-block:28px; }
#content .sc-blog .sc-blog-prose figure img { margin:0 auto; }
#content .sc-blog .sc-blog-prose :is(figcaption,.wp-caption-text) { color:var(--blog-muted); font:400 12px/1.7 var(--body); text-align:center; margin-top:12px; }
#content .sc-blog .sc-blog-prose :is(.alignwide,.alignfull) { max-width:100%; width:100%; margin-left:0; margin-right:0; }
#content .sc-blog .sc-blog-prose .alignleft { float:left; margin:0 24px 20px 0; }
#content .sc-blog .sc-blog-prose .alignright { float:right; margin:0 0 20px 24px; }
#content .sc-blog .sc-blog-prose .aligncenter { margin-inline:auto; }
#content .sc-blog .sc-blog-prose iframe { max-width:100%; }
#content .sc-blog .sc-blog-prose iframe[src*="youtube"],
#content .sc-blog .sc-blog-prose iframe[src*="vimeo"] { width:100%; height:auto; aspect-ratio:16/9; }
#content .sc-blog .sc-blog-prose .wp-block-embed__wrapper { max-width:100%; }
#content .sc-blog .sc-blog-prose hr { height:1px; background:var(--blog-line); border:0; margin:36px 0; }
#content .sc-blog .sc-blog-prose :is(pre,code) { background:#171717; color:#f2f2f2; }
#content .sc-blog .sc-blog-prose pre { padding:22px; overflow:auto; border:1px solid var(--blog-line); border-radius:var(--blog-radius); }
#content .sc-blog .sc-blog-prose .wp-block-table { overflow-x:auto; }
#content .sc-blog .sc-blog-prose table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; margin:28px 0; font:400 14px/1.7 var(--body); }
#content .sc-blog .sc-blog-prose :is(td,th) { border:1px solid var(--blog-line); padding:14px 16px; min-width:110px; text-align:left; }
#content .sc-blog .sc-blog-prose th { background:#1b1b1b; color:#fff; font-weight:700; }
#content .sc-blog .sc-blog-prose .is-style-stripes tbody tr:nth-child(odd) { background:#141414; }
#content .sc-blog .sc-blog-prose :is(.wp-block-button__link,.wp-block-file__button) { background:var(--yellow); color:#080808; border:1px solid var(--yellow); border-radius:var(--blog-radius); padding:14px 22px; font:700 12px/1.5 var(--body); text-transform:uppercase; letter-spacing:.04em; text-decoration:none; }
#content .sc-blog .sc-blog-page-links { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:30px 0; }
#content .sc-blog .sc-blog-tags { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:38px 0 0; font:700 10px/1.5 var(--body); text-transform:uppercase; letter-spacing:.05em; }
#content .sc-blog .sc-blog-tags > span { color:var(--blog-muted); margin-right:7px; }
#content .sc-blog .sc-blog-tags a { border:1px solid var(--blog-line); border-radius:var(--blog-radius); padding:9px 13px; color:#ddd; }
#content .sc-blog .sc-blog-tags a:hover { color:var(--yellow); border-color:var(--yellow); }
#content .sc-blog :is(.sc-blog-post-navigation,.post-navigation) { width:100%; border:0; margin:38px 0 0; padding:0; }
#content .sc-blog :is(.sc-blog-post-navigation,.post-navigation) .nav-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
#content .sc-blog :is(.sc-blog-post-navigation,.post-navigation) :is(.nav-previous,.nav-next) { float:none; width:auto; margin:0; text-align:left; }
#content .sc-blog :is(.sc-blog-post-navigation,.post-navigation) a { display:flex; flex-direction:column; height:100%; gap:10px; background:#141414; padding:22px; border:1px solid var(--blog-line); border-radius:var(--blog-radius); text-decoration:none; }
#content .sc-blog :is(.sc-blog-post-navigation,.post-navigation) a:hover { border-color:var(--yellow); }
#content .sc-blog .sc-blog-nav-label { color:var(--yellow); font:700 10px/1.5 var(--body); text-transform:uppercase; letter-spacing:.07em; }
#content .sc-blog .sc-blog-nav-title { font:600 22px/1.25 var(--display); color:#fff; }
#content .sc-blog .sc-blog-related { margin-top:70px; }
#content .sc-blog .sc-blog-related > h2 { font:600 clamp(28px,3vw,42px)/1.15 var(--display); text-transform:uppercase; text-align:center; margin:0 0 30px; }

/* Native comments and password forms keep their WordPress behaviour. */
#content .sc-blog :is(.comments-area,.comment-respond) { padding:0; background:transparent; border:0; box-shadow:none; }
#content .sc-blog .comments-area { margin:42px 0 0; }
#content .sc-blog .comment-respond { margin:32px 0 0; }
#content .sc-blog :is(.comments-title,.comment-reply-title) { font:600 30px/1.2 var(--display); margin:0 0 24px; }
#content .sc-blog :is(.comment-list,.ast-comment-list) { margin:0; padding:0; list-style:none; }
#content .sc-blog :is(.comment-list,.ast-comment-list) li { margin:0; padding:0; background:transparent; border:0; }
#content .sc-blog :is(.comment-list,.ast-comment-list) .children { margin-left:24px; padding:0; list-style:none; }
#content .sc-blog :is(.comment-body,.ast-comment) { background:#141414; color:#fff; border:1px solid var(--blog-line); border-radius:var(--blog-radius); padding:22px; margin:18px 0; }
#content .sc-blog :is(.ast-comment-content,.comment-content) { color:#fff; }
#content .sc-blog :is(.ast-comment-meta,.ast-comment-meta cite,.ast-comment-meta .fn) { color:#fff; }
#content .sc-blog .ast-comment-meta { padding:0; }
#content .sc-blog .ast-comment-content { padding-top:18px; }
#content .sc-blog .comments-area .ast-row { margin-left:0; margin-right:0; }
#content .sc-blog .comments-area .ast-grid-common-col { padding:0; }
#content .sc-blog .ast-comment-formwrap { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
#content .sc-blog .ast-comment-formwrap > p { float:none; width:auto; min-width:0; }
#content .sc-blog :is(.comment-meta,.comment-metadata,.comment-notes,.logged-in-as) { color:var(--blog-muted); font-size:13px; }
#content .sc-blog .comments-area a { color:var(--yellow); }
#content .sc-blog .comments-area :is(p,form) { margin-bottom:18px; }
#content .sc-blog :is(.comments-area,.post-password-form) label { display:block; color:#fff; font:400 14px/1.7 var(--body); margin-bottom:8px; }
#content .sc-blog :is(.comments-area,.post-password-form) :is(input:not([type=checkbox]):not([type=submit]):not([type=hidden]),textarea,select) { width:100%; max-width:100%; margin:8px 0 0; background:#171717; color:#fff; border:1px solid #555; border-radius:var(--blog-radius); padding:13px 15px; font:400 16px/1.6 var(--body); box-shadow:none; }
#content .sc-blog :is(.comments-area,.post-password-form) ::placeholder { color:#bbb; opacity:1; }
#content .sc-blog .comments-area input[type=checkbox] { accent-color:var(--yellow); }
#content .sc-blog .comment-form-cookies-consent { display:flex; align-items:flex-start; gap:10px; }
#content .sc-blog .comment-form-cookies-consent input { margin-top:6px; }
#content .sc-blog :is(.comments-area,.post-password-form) :is(input[type=submit],button[type=submit]) { width:auto; min-height:46px; margin:8px 0 0; background:var(--yellow); color:#080808; border:1px solid var(--yellow); border-radius:var(--blog-radius); padding:13px 22px; font:700 12px/1.5 var(--body); text-transform:uppercase; box-shadow:none; cursor:pointer; }
#content .sc-blog :is(.comments-area,.post-password-form) :is(input[type=submit],button[type=submit]):hover { background:#fff0a0; border-color:#fff0a0; }

@media(max-width:1100px) {
    #content .sc-blog .sc-blog-columns-4 { --blog-cols:3; }
    #content .sc-blog .sc-blog-card-body { padding:22px; }
    #content .sc-blog .sc-blog-card-title { font-size:24px; }
}
@media(max-width:900px) {
    #content .sc-blog .sc-blog-grid { --blog-cols:2; gap:22px; }
}
@media(max-width:700px) {
    #content .sc-blog { padding-bottom:48px; }
    #content .sc-blog .sc-blog-intro { padding-top:28px; }
    #content .sc-blog .sc-blog-intro h1 { font-size:clamp(32px,8vw,44px); margin-top:18px; }
    #content .sc-blog .sc-blog-intro-text { font-size:14px; }
    #content .sc-blog .sc-blog-toolbar { margin-block:28px; gap:16px; padding:18px 0; }
    #content .sc-blog .sc-blog-topics { flex-basis:100%; gap:7px; }
    #content .sc-blog .sc-blog-topics a { padding:9px 12px; font-size:10px; }
    #content .sc-blog .sc-blog-count { font-size:11px; }
    #content .sc-blog .sc-blog-post-header { padding:28px 0; }
    #content .sc-blog .sc-blog-post-header h1 { font-size:clamp(30px,7.5vw,46px); line-height:1.09; }
    #content .sc-blog .sc-blog-post-header .sc-blog-categories { margin-top:22px; }
    #content .sc-blog .sc-blog-post-header .sc-blog-meta { font-size:11px; margin-top:18px; }
    #content .sc-blog .sc-blog-featured { margin-bottom:28px; }
    #content .sc-blog .sc-blog-prose { font-size:16px; line-height:1.85; }
    #content .sc-blog .sc-blog-prose > p:first-child { font-size:17px; }
    #content .sc-blog .sc-blog-prose :is(h1,h2) { font-size:28px; }
    #content .sc-blog .sc-blog-prose h3 { font-size:25px; }
    #content .sc-blog .sc-blog-prose :is(h4,h5,h6) { font-size:22px; }
    #content .sc-blog .sc-blog-prose blockquote { padding:20px; font-size:17px; }
    #content .sc-blog .sc-blog-prose :is(.alignleft,.alignright) { float:none; margin:24px auto; }
    #content .sc-blog .sc-blog-related { margin-top:48px; }
    #content .sc-blog .sc-blog-pagination { margin-top:30px; }
}
@media(max-width:600px) {
    #content .sc-blog .sc-blog-grid { --blog-cols:1; }
    #content .sc-blog .sc-blog-card-body { padding:22px; }
    #content .sc-blog .sc-blog-card-title { font-size:26px; }
    #content .sc-blog :is(.sc-blog-post-navigation,.post-navigation) .nav-links { grid-template-columns:1fr; gap:14px; }
    #content .sc-blog .ast-comment-formwrap { grid-template-columns:1fr; gap:0; }
    #content .sc-blog :is(.comment-list,.ast-comment-list) .children { margin-left:12px; }
}
@media(prefers-reduced-motion:reduce) {
    #content .sc-blog *,#content .sc-blog *::before,#content .sc-blog *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; }
    #content .sc-blog .sc-blog-card-image:hover img { transform:none; }
}