/* Approved article components. Only the reviewed allowlisted articles opt in. */
.shcj-site.shcj-article-refresh{--ui-ink:var(--top-ink);--ui-blue:var(--top-blue);--ui-muted:var(--top-muted);--ui-line:var(--top-line);--ui-tint:#edf5fd;--ui-radius:12px;--ui-small-radius:12px;background:#f8fafc;color:var(--top-ink)}
.shcj-site.shcj-article-refresh #article-main{max-width:none;padding:0}
.shcj-site.shcj-article-refresh .shcj-guide-article,.shcj-site.shcj-article-refresh #article-main>.shcj-section{width:calc(100% - 40px);max-width:760px;margin:0 auto;padding:24px 0 32px;min-width:0}
.shcj-site.shcj-article-refresh .shcj-breadcrumb{font-size:14px;line-height:23px;margin:0 0 24px}
.shcj-site.shcj-article-refresh .shcj-eyebrow{font-size:14px;line-height:22px;color:var(--top-blue);margin:0 0 12px}
body.shcj-wordpress-page .shcj-site.shcj-article-refresh .shcj-guide-article h1{font-size:28px;line-height:42px;letter-spacing:0;margin:0 0 12px!important}
.shcj-site.shcj-article-refresh .shcj-article-dates{font-size:14px;line-height:23px;margin:0 0 16px;color:var(--top-muted)}
.shcj-site.shcj-article-refresh .shcj-article-ad-notice{font-size:14px;line-height:23px;color:var(--top-muted);margin:0 0 24px;background:transparent;border:0}
.shcj-site.shcj-article-refresh .shcj-article-ad-notice small{font-size:inherit}
.shcj-site.shcj-article-refresh .shcj-article-summary{margin:0 0 24px;line-height:28px}
.shcj-site.shcj-article-refresh .shcj-article-answer{border:1px solid var(--top-line);border-radius:12px;background:var(--ui-tint);padding:16px;box-shadow:none}
.shcj-site.shcj-article-refresh .shcj-article-answer>p:last-child{font-size:16px;line-height:28px;font-weight:400;color:var(--top-ink)}
.shcj-site.shcj-article-refresh .shcj-article-label{font-size:20px;line-height:30px;color:var(--top-ink);margin:24px 0 12px!important}
.shcj-site.shcj-article-refresh .shcj-article-answer .shcj-article-label{font-size:14px;line-height:22px;color:var(--top-blue);margin:0 0 12px!important}
.shcj-site.shcj-article-refresh .shcj-article-points{display:block}
.shcj-site.shcj-article-refresh .shcj-article-points>div{display:flex;gap:12px;padding:12px 0;border:0;border-bottom:1px solid var(--top-line);border-radius:0;background:transparent;box-shadow:none}
.shcj-site.shcj-article-refresh .shcj-article-points dt{flex:0 0 72px;font-size:14px;line-height:28px;margin:0;color:var(--top-blue)}
.shcj-site.shcj-article-refresh .shcj-article-points dd{font-size:16px;line-height:28px;min-width:0}
.shcj-site.shcj-article-refresh .shcj-article-checks{margin-top:24px;padding:16px;border-radius:12px;border:1px solid #e8dfce;background:#f7f1e5}
.shcj-site.shcj-article-refresh .shcj-article-checks .shcj-article-label{margin:0 0 12px!important}
.shcj-site.shcj-article-refresh .shcj-article-checks li{font-size:16px;line-height:28px;padding-block:4px}
.shcj-site.shcj-article-refresh .shcj-article-warning{font-size:14px;line-height:23px;padding:0;border:0;background:transparent;color:var(--top-muted)}
.shcj-site.shcj-article-refresh .shcj-article-cta{display:flex;flex-direction:column;align-items:stretch;gap:12px;border:1px solid var(--top-line);border-radius:12px;background:var(--ui-tint);padding:16px;margin-top:24px}
.shcj-site.shcj-article-refresh .shcj-article-cta strong{font-size:20px;line-height:30px;color:var(--top-ink)}
.shcj-site.shcj-article-refresh .shcj-article-cta a.ui-button{display:flex;width:100%;min-height:56px;background:var(--top-blue);color:#fff;border-radius:12px;font-size:16px;line-height:24px;text-decoration:none}
.shcj-site.shcj-article-refresh .shcj-article-cta a.ui-button:is(:hover,:focus,:active){background:#1055b0;color:#fff;text-decoration:none}
.shcj-site.shcj-article-refresh .shcj-guide-copy{font-size:16px;line-height:28px;overflow-wrap:break-word}
.shcj-site.shcj-article-refresh .shcj-guide-copy p{margin:16px 0;max-width:none;color:var(--top-ink)}
.shcj-site.shcj-article-refresh .shcj-guide-copy :is(ul,ol){padding-left:24px;margin:16px 0}
.shcj-site.shcj-article-refresh .shcj-guide-copy li{margin:6px 0;line-height:28px}
/* Existing site.css and article-v2.css set heading spacing/background !important.
 * These scoped overrides are necessary to remove that decoration on the representatives. */
body.shcj-wordpress-page .shcj-site.shcj-article-refresh .shcj-guide-copy h2{font-size:26px;line-height:39px;background:transparent!important;border:0!important;border-radius:0;padding:0!important;margin:40px 0 16px!important;color:var(--top-ink)}
body.shcj-wordpress-page .shcj-site.shcj-article-refresh .shcj-guide-copy h3{font-size:20px;line-height:30px;border:0;padding:0;margin:24px 0 12px;color:var(--top-ink)}
.shcj-site.shcj-article-refresh .shcj-guide-copy a{color:var(--top-blue);text-underline-offset:4px}
.shcj-site.shcj-article-refresh .shcj-guide-copy :is(h2,h3,[id^="toc"]){scroll-margin-top:24px}
body.shcj-wordpress-page .shcj-site.shcj-article-refresh .shcj-guide-copy .toc{padding:16px;margin:0 0 32px;background:#fff;border:1px solid var(--top-line);border-radius:12px}
.shcj-site.shcj-article-refresh .article-toc-heading{font-size:20px;line-height:30px;font-weight:700;margin:0 0 12px}
.shcj-site.shcj-article-refresh .toc .article-toc-short{padding:0;margin:0 0 12px;list-style:none;counter-reset:article-step}
.shcj-site.shcj-article-refresh .article-toc-short li{counter-increment:article-step;margin:0;display:flex;gap:12px;align-items:baseline}
.shcj-site.shcj-article-refresh .article-toc-short li:before{content:counter(article-step,decimal-leading-zero);font-size:14px;color:var(--top-muted)}
.shcj-site.shcj-article-refresh .toc a{font-size:16px;line-height:28px}
.shcj-site.shcj-article-refresh .toc-title{display:flex;align-items:center;min-height:48px;font-size:16px;line-height:24px;color:var(--top-blue);cursor:pointer;text-align:left}
.shcj-site.shcj-article-refresh .toc-checkbox{display:block;position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.shcj-site.shcj-article-refresh .toc-checkbox:focus-visible+.toc-title{outline:3px solid var(--top-blue);outline-offset:4px}
.shcj-site.shcj-article-refresh .toc-content{transition:none}
.shcj-site.shcj-article-refresh .wp-block-table{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:8px 0 24px}
.shcj-site.shcj-article-refresh .wp-block-table table{width:100%;min-width:540px;max-width:none;border-collapse:collapse;margin:0;font-size:14px;line-height:23px}
.shcj-site.shcj-article-refresh .wp-block-table:has(th:nth-child(4)) table{min-width:700px}
.shcj-site.shcj-article-refresh .wp-block-table :is(th,td){padding:12px;font-size:14px;line-height:23px;vertical-align:top;border:1px solid var(--top-line);color:var(--top-ink)}
.shcj-site.shcj-article-refresh .wp-block-table th{background:var(--ui-tint)}
.shcj-site.shcj-article-refresh .wp-block-table tbody tr:nth-child(even){background:#fff}
.shcj-site.shcj-article-refresh .shcj-guide-copy .shcj-table-hint{display:block;font-size:14px;line-height:23px;color:var(--top-muted);margin:16px 0 8px}
.shcj-site.shcj-article-refresh :is(.wp-block-table figcaption,.article-reference-price+figcaption){font-size:14px;line-height:23px;color:var(--top-muted);margin-top:8px}
.shcj-site.shcj-article-refresh .article-source-list li{margin:12px 0}
/* Existing product sections in shared Category Kit output use the same body
 * typography and purchase components; no category-specific template is needed. */
.shcj-site.shcj-article-refresh .shcj-article-product{min-width:0;padding:16px;margin:24px 0;border:1px solid var(--top-line);border-radius:12px;background:#fff}
.shcj-site.shcj-article-refresh .shcj-article-product>h3{margin-top:0}
.shcj-site.shcj-article-refresh .shcj-diagram{padding:16px;margin:24px 0;border:1px solid var(--top-line);border-radius:12px;background:var(--ui-tint)}
.shcj-site.shcj-article-refresh .article-measure-diagram{width:300px;height:auto;max-width:100%;aspect-ratio:300/530;margin:16px auto}
.shcj-site.shcj-article-refresh .shcj-diagram-grid{display:block}
.shcj-site.shcj-article-refresh .shcj-diagram-card{border:0;padding:0;background:transparent}
.shcj-site.shcj-article-refresh .shcj-diagram-card p,.shcj-site.shcj-article-refresh .shcj-diagram-note{font-size:14px;line-height:23px}
.shcj-site.shcj-article-refresh .article-purchase-early{margin-top:24px}
.shcj-site.shcj-article-refresh .article-purchase-routes{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.shcj-site.shcj-article-refresh .article-purchase-routes a{display:flex;align-items:center;justify-content:center;flex:1 1 140px;min-height:48px;padding:10px 12px;border:1px solid var(--top-line);border-radius:12px;background:#fff;color:var(--top-blue);font-size:16px;line-height:24px;text-decoration:none}
.shcj-site.shcj-article-refresh .article-purchase-routes a:is(:hover,:focus-visible){background:var(--ui-tint);outline:2px solid var(--top-blue);outline-offset:2px}
.shcj-site.shcj-article-refresh [id^="article-purchase-"]{scroll-margin-top:24px}
.shcj-site.shcj-article-refresh .article-flow-checks{padding:16px;margin:24px 0;border:1px solid #e8dfce;border-radius:12px;background:#f7f1e5}
.shcj-site.shcj-article-refresh .article-flow-checks>p:first-child{margin-top:0}
.shcj-site.shcj-article-refresh .shcj-purchase-host .purchase-options,.shcj-site.shcj-article-refresh .shcj-affiliate-box{padding:16px;border:1px solid var(--top-line);border-radius:12px;background:#fff;margin:24px 0;box-shadow:none}
.shcj-site.shcj-article-refresh .purchase-options>strong{font-size:20px;line-height:30px;color:var(--top-ink)}
.shcj-site.shcj-article-refresh .purchase-options p{font-size:14px;line-height:23px;margin:12px 0;color:var(--top-muted)}
.shcj-site.shcj-article-refresh .purchase-options p.article-reference-price{font-size:16px;line-height:28px;color:var(--top-ink)}
.shcj-site.shcj-article-refresh .shcj-purchase-host small{font-size:14px;line-height:23px;color:var(--top-muted)}
.shcj-site.shcj-article-refresh .shcj-purchase-host .purchase-stores{display:grid;gap:12px;grid-template-columns:1fr;margin:12px 0}
.shcj-site.shcj-article-refresh :is(.purchase-stores,.shcj-affiliate-link) a:is(:link,:visited){min-height:56px;background:var(--top-blue);color:#fff;border-color:var(--top-blue);border-radius:12px;font-size:16px;line-height:24px;text-decoration:none}
.shcj-site.shcj-article-refresh :is(.purchase-stores,.shcj-affiliate-link) a:is(:hover,:focus,:active){background:#1055b0;color:#fff;text-decoration:none}
.shcj-site.shcj-article-refresh .shcj-product-image{width:160px;margin:12px auto}
.shcj-site.shcj-article-refresh .article-official-card{padding:16px;margin-top:16px;border:1px solid var(--top-line);border-radius:12px}
.shcj-site.shcj-article-refresh .article-official-card>strong{font-size:20px;line-height:30px}
.shcj-site.shcj-article-refresh .article-issued-original{padding:12px 16px;border:1px solid var(--top-line);border-radius:12px}
.shcj-site.shcj-article-refresh .article-issued-original summary{display:flex;align-items:center;min-height:48px;cursor:pointer;color:var(--top-blue);font-size:16px;line-height:24px}
.shcj-site.shcj-article-refresh .shcj-article-banner-ad{margin-top:32px}
.shcj-site.shcj-article-refresh #article-main>.shcj-section{padding-top:0}
body.shcj-wordpress-page .shcj-site.shcj-article-refresh #article-main>.shcj-section>h2{font-size:26px;line-height:39px;margin:0 0 24px!important}
.shcj-site.shcj-article-refresh .shcj-grid{display:grid;grid-template-columns:1fr;gap:16px}
.shcj-site.shcj-article-refresh .shcj-card{padding:16px;border:1px solid var(--top-line);border-radius:12px;box-shadow:none;background:#fff}
.shcj-site.shcj-article-refresh .shcj-card .shcj-guide-visual{display:none}
.shcj-site.shcj-article-refresh .shcj-card h3{font-size:20px;line-height:30px;margin:12px 0}
.shcj-site.shcj-article-refresh .shcj-card :is(p,.shcj-tag){font-size:14px;line-height:23px}
.shcj-site.shcj-article-refresh .shcj-card-read{display:flex;align-items:center;min-height:48px;font-size:16px;line-height:24px;font-weight:700}
/* Inline SVG labels are outside the launcher's DOM text collision checks.
 * On small screens keep the existing launcher in its reserved end-of-page slot
 * for articles containing those diagrams; its chooser and PC placement stay intact. */
@media(max-width:899px){body:has(.shcj-article-refresh .shcj-diagram svg) .shcj-assistant-dock{position:static}}
@media(min-width:900px){
 .shcj-site.shcj-article-refresh .shcj-guide-article{padding-top:32px}
 body.shcj-wordpress-page .shcj-site.shcj-article-refresh .shcj-guide-article h1{font-size:48px;line-height:68px}
 .shcj-site.shcj-article-refresh .shcj-purchase-host .purchase-stores{grid-template-columns:repeat(3,minmax(0,1fr))}
 .shcj-site.shcj-article-refresh .purchase-stores>.purchase-pixel{position:absolute}
 .shcj-site.shcj-article-refresh .shcj-diagram{max-width:100%}
}