/* One presentation for supplementary SEO copy; all source HTML remains present. */
html body .cmseo-card.cmseo-card.cmseo-card{box-sizing:border-box;display:block;width:calc(100% - 48px);max-width:1232px;margin:56px auto;padding:42px 52px 30px;border:1px solid #d1ddea;border-radius:18px;background:#fff;color:#445267;font-family:Rubik,Arial,sans-serif!important;text-align:left;scroll-margin-top:110px;box-shadow:none}
html body .cmseo-card.cmseo-card *{box-sizing:border-box;font-family:Rubik,Arial,sans-serif!important}
html body .cmseo-card.cmseo-card .cmseo-eyebrow{margin:0 0 14px!important;color:#0879d7!important;font-size:14px!important;line-height:1.5!important;font-weight:500!important;letter-spacing:1.5px}
html body .cmseo-card.cmseo-card .cmseo-title{display:block;margin:0 0 24px!important;color:#0a254d!important;font-size:32px!important;line-height:1.3!important;letter-spacing:-.4px;font-weight:500!important;text-transform:none}
html body .cmseo-card.cmseo-card .cmseo-body{position:relative;display:block;width:100%;overflow:visible;color:#445267;font-size:18px;font-weight:400;line-height:1.75}
html body .cmseo-card.cmseo-card .cmseo-body .cmseo-source,html body .cmseo-card.cmseo-card .cmseo-body :is(.wrap,.seo-container,.seo-content,.seo-text-area,.seo-text-content,.seo-text,.seotop,.seobody,.seoinner,.seo-inner,.seo-more,.prose,.content-section,.cmth-wrap,.cmth-prose,.price-container,.price-seo-inner,.cm-hub-seo-body,.cm-brand-seo-body,.cm-onsite-seo-body,.cm-problem-seo-body,.cm-screen-seo-body,.cm-model-seo-more,.cm-hub-seo-details,.cm-brand-seo-details,.cm-onsite-seo-details,.cm-problem-seo-details,.cm-screen-seo-details,.seo-panel){display:block!important;position:static!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;opacity:1!important;transform:none!important;columns:auto!important}
html body .cmseo-card.cmseo-card.cmseo-card .cmseo-body :is(p,li,td,th,div,span){font-size:18px!important;font-weight:400!important;line-height:1.75!important;color:inherit}
html body .cmseo-card.cmseo-card.cmseo-card .cmseo-body p{margin:0 0 22px!important}
html body .cmseo-card.cmseo-card.cmseo-card .cmseo-body :is(h1,h2,h3,h4,h5,h6){font-size:24px!important;line-height:1.4!important;font-weight:500!important;color:#0a254d!important;letter-spacing:0!important;text-transform:none!important;margin:28px 0 14px!important}
html body .cmseo-card.cmseo-card.cmseo-card .cmseo-body :is(strong,b){font-weight:500!important}
html body .cmseo-card.cmseo-card .cmseo-body :is(ul,ol){padding-left:24px!important;margin:0 0 22px!important;list-style-position:outside}
html body .cmseo-card.cmseo-card .cmseo-body li{margin:0 0 9px!important}
html body .cmseo-card.cmseo-card .cmseo-body a{color:#0876c7!important;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
html body .cmseo-card.cmseo-card .cmseo-body img{max-width:100%;height:auto}
/* Keep the native table layout; scrolling belongs to its own viewport. */
html body :is(.cmseo-card.cmseo-card .cmseo-body,.cm-editorial .cm-entry-body,.cm-problem-editorial-copy) table{display:table!important;width:100%!important;max-width:none;table-layout:auto;border-collapse:collapse;margin:22px 0}
html body :is(.cmseo-card.cmseo-card .cmseo-body,.cm-editorial .cm-entry-body,.cm-problem-editorial-copy) .cmseo-table-shell{width:100%;max-width:100%;min-width:0;margin:22px 0}
html body :is(.cmseo-card.cmseo-card .cmseo-body,.cm-editorial .cm-entry-body,.cm-problem-editorial-copy) :is(.cmseo-table-scroll,.cm-article-table-scroll){display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid #dce5ef;border-radius:14px;background:#fff;margin:0!important;padding:0!important}
html body :is(.cmseo-card.cmseo-card .cmseo-body,.cm-editorial .cm-entry-body,.cm-problem-editorial-copy) :is(.cmseo-table-scroll,.cm-article-table-scroll):before{content:none!important}
html body :is(.cmseo-card.cmseo-card .cmseo-body,.cm-editorial .cm-entry-body,.cm-problem-editorial-copy) :is(.cmseo-table-scroll,.cm-article-table-scroll) table{width:100%!important;min-width:100%!important;margin:0!important;border:0!important;border-radius:0;box-shadow:none;overflow:visible!important}
html body :is(.cmseo-card.cmseo-card .cmseo-body,.cm-editorial .cm-entry-body,.cm-problem-editorial-copy) :is(.cmseo-table-scroll,.cm-article-table-scroll) :is(td,th){white-space:normal!important;word-break:normal;overflow-wrap:anywhere;vertical-align:top}
html body :is(.cmseo-card.cmseo-card .cmseo-body,.cm-editorial .cm-entry-body,.cm-problem-editorial-copy) :is(.cmseo-table-scroll,.cm-article-table-scroll) th{overflow-wrap:normal!important;hyphens:none}
html body :is(.cmseo-card.cmseo-card .cmseo-body,.cm-editorial .cm-entry-body,.cm-problem-editorial-copy) :is(.cmseo-table-scroll,.cm-article-table-scroll):focus-visible{outline:3px solid #1686f1;outline-offset:3px}
html body :is(.cmseo-card.cmseo-card.cmseo-card .cmseo-body,.cm-editorial .cm-entry-body,.cm-problem-editorial-copy) .cmseo-table-hint{font-size:12px!important;line-height:1.5!important;color:#526b86;margin:0 0 8px!important;padding:0!important}
html body .cmseo-card.cmseo-card .cmseo-table-hint[hidden]{display:none!important}
html body .cmseo-card.cmseo-card .cmseo-body :is(td,th){padding:12px;border:1px solid #dce5ef;text-align:left}
html body .cmseo-card.cmseo-card .cmseo-body th{font-weight:500!important;background:#f5f8fc}
html body .cmseo-card.cmseo-card.cmseo-card :is(.cmseo-old-chrome,.cmseo-old-heading){display:none!important}
html body .cmseo-card.cmseo-card.is-collapsible:not(.is-open) .cmseo-body{max-height:220px;overflow:hidden}
html body .cmseo-card.cmseo-card.is-collapsible:not(.is-open) .cmseo-body:after{content:"";position:absolute;inset:auto 0 0;height:88px;background:linear-gradient(transparent,#fff);pointer-events:none}
html body .cmseo-card.cmseo-card .cmseo-toggle{display:none;align-items:center;justify-content:center;gap:18px;min-width:210px;min-height:52px;margin:28px auto 0;padding:12px 28px;border:1px solid #1686f1;border-radius:12px;background:#fff;color:#0a2c56;font-size:16px!important;font-weight:500!important;line-height:1.5;cursor:pointer;box-shadow:none}
html body .cmseo-card.cmseo-card.is-collapsible .cmseo-toggle{display:flex}
html body .cmseo-card.cmseo-card .cmseo-toggle:hover{background:#f2f8ff}
html body .cmseo-card.cmseo-card .cmseo-toggle:focus-visible{outline:3px solid #acd2f7;outline-offset:3px}
html body .cmseo-card.cmseo-card .cmseo-chevron{font:500 20px/1 Arial,sans-serif!important;color:inherit}
html body .cmseo-card.cmseo-card.is-open .cmseo-chevron{transform:rotate(180deg)}
@media(max-width:800px){html body .cmseo-card.cmseo-card.cmseo-card{width:calc(100% - 24px);padding:22px 16px;margin:28px auto;border-radius:14px}html body .cmseo-card.cmseo-card .cmseo-title{font-size:27px!important}html body .cmseo-card.cmseo-card.cmseo-card .cmseo-body :is(p,li,td,th,div,span){font-size:16px!important;line-height:1.75!important}html body .cmseo-card.cmseo-card.cmseo-card .cmseo-body :is(h1,h2,h3,h4,h5,h6){font-size:22px!important}}
@media(max-width:600px){html body .cmseo-card.cmseo-card.cmseo-card{padding:20px 12px}html body .cmseo-card.cmseo-card .cmseo-title{font-size:25px!important}html body .cmseo-card.cmseo-card .cmseo-eyebrow{font-size:12px!important}html body .cmseo-card.cmseo-card.is-collapsible:not(.is-open) .cmseo-body{max-height:260px}html body .cmseo-card.cmseo-card .cmseo-toggle{min-width:190px;min-height:48px;margin-top:22px}}

html body .cmseo-card.cmseo-card.cmseo-card .cmseo-body :is(h1,h2,h3,h4,h5,h6) :is(span,a){font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important}
html body .regions-content-wrapper:has(>.cmseo-card){grid-template-columns:1fr}

/* Remove stacked gutters around supplementary copy, without changing other sections. */
@media(max-width:800px){
 html body .cm-catalog-existing-content:has(>.cmseo-card){min-width:0;padding-inline:8px!important}
 html body .cm-catalog-existing-content>.cmseo-card.cmseo-card.cmseo-card,
 html body :is(.wrap,.cmth-wrap,.seo-container,.seo-content)>.cmseo-card.cmseo-card.cmseo-card{width:100%;max-width:none}
 html body .cmseo-card.cmseo-card .cmseo-body{min-width:0;overflow-wrap:anywhere}
 html body :is(.cmseo-card.cmseo-card .cmseo-body,.cm-editorial .cm-entry-body,.cm-problem-editorial-copy) :is(.cmseo-table-scroll,.cm-article-table-scroll) table{min-width:max(100%,var(--cmseo-table-min,0px))!important}
 html body :is(.cmseo-card.cmseo-card.cmseo-card .cmseo-body,.cm-editorial .cm-entry-body,.cm-problem-editorial-copy) :is(.cmseo-table-scroll,.cm-article-table-scroll) :is(td,th){padding:10px 12px;font-size:14px!important;line-height:1.55!important}
}
html body .cm-entry-body .cmseo-table-hint[hidden]{display:none!important}

/* Rich problem-article cards need the full reading width, not half a grid. */
html body .cm-task.cm-problem .cm-problem-editorial-card:has(table){grid-column:1/-1;min-width:0;padding:24px!important}
html body .cm-task.cm-problem .cm-problem-editorial-card:has(table)>h3{min-height:34px;padding-left:46px;margin-bottom:18px}
html body .cm-problem-editorial-copy{min-width:0;max-width:100%}
html body .cm-problem-editorial-copy .cmseo-table-hint[hidden]{display:none!important}
html body .cm-problem-editorial-copy :is(.cmseo-table-scroll,.cm-article-table-scroll) :is(td,th){padding:12px;border:1px solid #dce5ef;text-align:left;line-height:1.6}
html body .cm-problem-editorial-copy :is(.cmseo-table-scroll,.cm-article-table-scroll) th{background:#062c55;color:#fff;font-weight:600}
html body .cm-problem-editorial-copy :is(.cmseo-table-scroll,.cm-article-table-scroll) tbody tr:nth-child(even){background:#f2f7fc}
@media(max-width:800px){
 html body .cm-task.cm-problem .cm-problem-editorial-card:has(table){padding:20px 16px!important}
 html body .cm-task.cm-problem .cm-problem-editorial-card:has(table)>h3{padding-left:42px;min-height:31px}
 html body .cm-task.cm-problem .cm-problem-editorial-card:has(table)>.cm-problem-editorial-number{left:16px;top:20px}
 /* Native wrappers remain usable before JS, or when it is unavailable. */
 html body .cm-problem-editorial-copy .cm-article-table-scroll table:has(tr>:nth-child(3)){min-width:max(100%,480px)!important}
 html body .cm-problem-editorial-copy .cm-article-table-scroll table:has(tr>:nth-child(4)){min-width:max(100%,560px)!important}
 html body .cm-problem-editorial-copy .cm-article-table-scroll table:has(tr>:nth-child(6)){min-width:max(100%,840px)!important}
}