/* 1.10.20: consistent purchase surfaces and related comparison banners. */
.gs-site.gs-series-page .gs-article{
 --gs-surface-green:#edf6ef;--gs-surface-blue:#f1f6fb;--gs-surface-cream:#f8f9f4;
 --gs-card-heading:var(--gs-surface-green);--gs-note-surface:var(--gs-surface-cream);--gs-panel-line:#e4d6b8;
 --gs-number-fill:#ffeca2;--si-number-fill:var(--gs-number-fill);
}
/* Match Article Library's main green, including the continuous breadcrumb/ad band. */
.gs-site.gs-series-page:has(.sc-comparison-spacing),
.gs-site.gs-series-page:has(.sc-comparison-spacing) .gs-ad-band,
.gs-site.gs-series-page .sc-comparison-spacing>.sc-catalog-hero{background:#91d2b5}
.gs-site.gs-series-page:has(.sc-comparison-spacing) :is(.gs-breadcrumb,.gs-ad-band p.spc-ad-notice),
.gs-site.gs-series-page .sc-comparison-spacing>.sc-catalog-hero :is(.gs-eyebrow,.gs-hero-lead,.gs-note){color:#214c3d}
.gs-site.gs-series-page:has(.sc-comparison-spacing) .gs-ad-band p.spc-ad-notice{background:#bee5d3;border:0;padding:6px 12px}
.gs-site.gs-series-page .sc-comparison-spacing .sc-hero-art{width:110px;height:110px;background:#e8f3ec;border-radius:46% 54% 40% 60% / 55% 42% 58% 45%;overflow:hidden}
.gs-site.gs-series-page .sc-comparison-spacing .sc-hero-art>img{width:100%;height:100%;object-fit:contain;border-radius:0}
@media(min-width:800px){.gs-site.gs-series-page .sc-comparison-spacing .sc-hero-art{width:290px;height:290px}}
/* Details retain the continuous white navigation/first section. */
.gs-site.gs-series-page .sd-detail #gs-cautions{--gs-section-surface:#fff;--gs-previous-surface:#fff}
.gs-site.gs-series-page .sd-detail #gs-costs{--gs-section-surface:var(--gs-surface-cream);--gs-previous-surface:#fff;--gs-panel-line:#e4d6b8}
.gs-site.gs-series-page .sd-detail #gs-analysis{--gs-section-surface:#fff;--gs-previous-surface:var(--gs-surface-cream)}
.gs-site.gs-series-page .sd-detail #gs-results{--gs-section-surface:var(--gs-surface-green);--gs-previous-surface:#fff;--gs-panel-line:#c2d6c8}
.gs-site.gs-series-page .sd-detail #gs-flow{--gs-section-surface:#fff;--gs-previous-surface:var(--gs-surface-green)}
.gs-site.gs-series-page .sd-detail #gs-continuing{--gs-section-surface:var(--gs-surface-blue);--gs-previous-surface:#fff;--gs-panel-line:#c6d6e4}
.gs-site.gs-series-page .sd-detail #gs-support{--gs-section-surface:#fff;--gs-previous-surface:var(--gs-surface-blue)}
.gs-site.gs-series-page .sd-detail #gs-data{--gs-section-surface:var(--gs-surface-cream);--gs-previous-surface:#fff;--gs-panel-line:#e4d6b8}
.gs-site.gs-series-page .sd-detail #gs-purchase{--gs-section-surface:#fff;--gs-previous-surface:var(--gs-surface-cream)}
/* Comparison sections distribute all three colours, separated by white. */
.gs-site.gs-series-page .sc-comparison-spacing>.sc-main-band .gs-wave path{fill:var(--gs-surface-green)}
.gs-site.gs-series-page .sc-comparison-spacing #sc-purpose-summary{--gs-section-surface:var(--gs-surface-green);--gs-panel-line:#c2d6c8}
.gs-site.gs-series-page .sc-comparison-spacing #gs-price{--gs-section-surface:#fff;--gs-previous-surface:var(--gs-surface-green);--gs-card-heading:#e5f1e8}
.gs-site.gs-series-page .sc-comparison-spacing #gs-analysis{--gs-section-surface:var(--gs-surface-blue);--gs-previous-surface:#fff;--gs-card-heading:#d9e8f3;--gs-panel-line:#c6d6e4}
.gs-site.gs-series-page .sc-comparison-spacing #gs-results{--gs-section-surface:#fff;--gs-previous-surface:var(--gs-surface-blue)}
.gs-site.gs-series-page .sc-comparison-spacing #gs-continuing{--gs-section-surface:var(--gs-surface-cream);--gs-previous-surface:#fff;--gs-panel-line:#e4d6b8}
.gs-site.gs-series-page .sc-comparison-spacing #gs-conditions{--gs-section-surface:#fff;--gs-previous-surface:var(--gs-surface-cream);--gs-card-heading:#fdf6e6}
.gs-site.gs-series-page .sc-comparison-spacing #gs-support{--gs-section-surface:var(--gs-surface-green);--gs-previous-surface:#fff;--gs-card-heading:#d4e7da;--gs-panel-line:#c2d6c8}
.gs-site.gs-series-page .sc-comparison-spacing #gs-data{--gs-section-surface:#fff;--gs-previous-surface:var(--gs-surface-green);--gs-card-heading:var(--gs-surface-blue)}
.gs-site.gs-series-page .sc-comparison-spacing #gs-purchase{--gs-section-surface:#fff;--gs-previous-surface:#fff;--gs-panel-line:#c3d7ca}
.gs-site.gs-series-page .sc-comparison-spacing :is(.sc-publication-info,#gs-publication){--gs-section-surface:var(--gs-surface-blue);--gs-previous-surface:#fff;--gs-panel-line:#c6d6e4}

/* Coloured sections carry white panels; notes on white use a warm cream. */
.gs-site.gs-series-page .sd-detail :is(#gs-costs,#gs-results,#gs-continuing,#gs-data),
.gs-site.gs-series-page .sc-comparison-spacing :is(#sc-purpose-summary,#gs-analysis,#gs-continuing,#gs-support,#gs-purchase,.sc-publication-info){--gs-note-surface:#fff}
.gs-site.gs-series-page .gs-article :is(#gs-cautions,#gs-costs,#gs-analysis,#gs-results,#gs-flow,#gs-continuing,#gs-conditions,#gs-support,#gs-data,#gs-purchase,#sc-purpose-summary) :is(.gs-unconfirmed-copy,.cf-key-condition,.cf-warning){background:var(--gs-note-surface);border-color:var(--gs-panel-line)}
.gs-site.gs-series-page .sc-comparison-spacing :is(#gs-price,#gs-analysis,#gs-results,#gs-conditions,#gs-support,#gs-data) .gs-compare-product>h3{background:var(--gs-card-heading);color:#214c3d}
.gs-site.gs-series-page .sc-comparison-spacing #gs-purchase .sc-seller-product{background:#fff;border-color:#c3d7ca}
.gs-site.gs-series-page .sc-comparison-spacing #sc-purpose-summary table :is(td.sc-row-key,tbody th){background:#dcece1}
.gs-site.gs-series-page .sc-comparison-spacing #sc-purpose-summary table :is(thead th,tr:first-child th){background:#214c3d;color:#fff}
.gs-site.gs-series-page .sd-detail #gs-costs>.gs-cost-facts>.si-cost-item{background:#fff;border-color:#e4d6b8}
.gs-site.gs-series-page .sd-detail #gs-costs .cf-cost-table tbody th{background:#fdf6e6}
.gs-site.gs-series-page .sd-detail #gs-data .si-data-item{background:#fff;border-color:#e4d6b8}
.gs-site.gs-series-page .sd-detail #gs-results .gs-report-window{background:#fff;border-color:#c2d6c8}
.gs-site.gs-series-page .sd-detail #gs-results .cf-map-item{background:#f0f6f1;border-color:#c2d6c8}
.gs-site.gs-series-page .sd-detail #gs-flow .gs-flow-time{background:var(--gs-surface-blue);border-color:#c6d6e4}
.gs-site.gs-series-page .sd-detail #gs-purchase .spc-purchase-card{background:#f2f7f4;border-color:#c3d7ca}
.gs-site.gs-series-page .sd-detail .gs-related{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:28px;row-gap:10px;padding:28px 32px;background:var(--gs-surface-green);border-radius:24px}
.gs-site.gs-series-page .sd-detail .gs-related>:is(.gs-eyebrow,h2,p){grid-column:1;margin:0!important;min-width:0}
.gs-site.gs-series-page .sd-detail .gs-related>h2{font-size:24px;line-height:1.6}
.gs-site.gs-series-page .sd-detail .gs-related>.gs-button{grid-column:2;grid-row:1/4;align-self:center;margin:0;font-size:14px}
@media(max-width:799px){
 .gs-site.gs-series-page .sd-detail .gs-related{display:block;padding:24px}
 .gs-site.gs-series-page .sd-detail .gs-related>h2{font-size:22px;margin:12px 0!important}
 .gs-site.gs-series-page .sd-detail .gs-related>.gs-button{margin-top:20px}
}
.gs-site.gs-series-page .sc-comparison-spacing .si-period-item{background:var(--gs-surface-blue)}
.gs-site.gs-series-page .sc-comparison-spacing :is(.si-period-note,#gs-price>.sc-unit-note){background:var(--gs-surface-cream);border-color:#e4d6b8}

/* Every organic section badge uses the requested yellow on all four pages. */
.gs-site.gs-series-page .sc-comparison-spacing :is(#gs-analysis,#gs-continuing,#gs-support,#gs-purchase),
.gs-site.gs-series-page .sd-detail :is(#gs-costs,#gs-results,#gs-continuing,#gs-data){--si-number-fill:var(--gs-number-fill)}
.gs-site.gs-series-page .gs-article .gs-section-number{color:#214c3d}

/* The shared purchase stylesheet uses !important; scope these overrides to
   detail cards so their mint surfaces never swallow the white links. */
.gs-site.gs-series-page .sd-detail .spc-purchase-card .spc-actions :is(.spc-official,.spc-marketplace){background:#fff!important;color:#214c3d!important;border-color:#bdcec3!important}
.gs-site.gs-series-page .sd-detail .spc-purchase-card .spc-actions .spc-official{background:#214c3d!important;color:#fff!important;border-color:#214c3d!important}
.gs-site.gs-series-page .sd-detail .spc-purchase-card .spc-actions .spc-marketplace:hover{background:#f0f6f1!important;border-color:#719984!important}
.gs-site.gs-series-page .sd-detail .spc-purchase-card .spc-actions .spc-official:hover{background:#30664f!important;border-color:#30664f!important}

/* Detail navigation reuses the comparison page's white pills and SVG icons. */
.gs-site.gs-series-page .sd-detail .gs-detail-navigation .gs-page-nav{display:grid;grid-template-columns:repeat(5,max-content);gap:10px;align-items:stretch}
.gs-site.gs-series-page .sd-detail .gs-detail-navigation .gs-page-nav a{background:#fff;gap:8px;padding:10px 14px;min-width:0;color:#214c3d}
.gs-site.gs-series-page .sd-detail .gs-detail-navigation .gs-page-nav .gs-icon{flex:none;width:22px;height:22px}
.gs-site.gs-series-page .sd-detail .gs-detail-navigation .gs-page-nav a:hover{background:#f0f6f1;border-color:#719984}
@media(max-width:799px){.gs-site.gs-series-page .sd-detail .gs-detail-navigation .gs-page-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:599px){.gs-site.gs-series-page .sd-detail .gs-detail-navigation .gs-page-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

/* Apply the same table hierarchy to editorial tables, including subscription
   intervals. Keep the section pale; make row labels distinct from it. */
.gs-site.gs-series-page .gs-article{--gs-table-label:#dcece1}
.gs-site.gs-series-page .sd-detail #gs-costs{--gs-table-label:#fdf6e6}
.gs-site.gs-series-page .gs-article :is(.gs-editorial table,.wp-block-table table) :is(td.sc-row-key,tbody th){background:var(--gs-table-label)}
.gs-site.gs-series-page .gs-article :is(.gs-editorial table,.wp-block-table table) :is(thead th,tr:first-child th){background:#214c3d;color:#fff;border-color:#416755}

/* White report windows need a visible inner summary/advice surface. */
.gs-site.gs-series-page .sd-detail #gs-results :is(.gs-report-summary,.gs-report-advice){background:#e5f1e8}
.gs-site.gs-series-page .sc-comparison-spacing .sc-purchase-jump{background:#e5f1e8}
.gs-site.gs-series-page .sc-comparison-spacing #gs-purchase .sc-seller-product .spc-actions :is(.spc-official,.spc-marketplace){background:#fff!important;color:#214c3d!important;border-color:#bdcec3!important}
.gs-site.gs-series-page .sc-comparison-spacing #gs-purchase .sc-seller-product .spc-actions :is(.spc-official,.spc-marketplace):hover{background:#f0f6f1!important;border-color:#719984!important}

/* Editorial h3 titles use a fine dotted underline aligned to the text column.
   Product names and report-card headings keep their existing hierarchy. */
.gs-site.gs-series-page .gs-article .gs-editorial-section>h3{display:block;width:auto;max-width:100%;padding:0 0 16px;background:transparent;border:0;border-bottom:1px dotted #729583;border-radius:0;color:#214c3d;font-size:23px;font-weight:700;line-height:1.65;letter-spacing:.025em;margin:0 0 26px!important;overflow-wrap:anywhere}
.gs-site.gs-series-page .gs-article .gs-editorial-section>h3::before{content:none}
@media(max-width:799px){.gs-site.gs-series-page .gs-article .gs-editorial-section>h3{font-size:21px;padding:0 0 14px;margin-bottom:22px!important}}

/* Only numbered section titles get the warm underline. Numbers, descriptions,
   product names and dotted editorial h3 headings remain separate. */
.gs-site.gs-series-page .gs-article .gs-section-heading:has(>.gs-section-number) h2{display:inline-block;position:relative;width:fit-content;max-width:100%;padding-bottom:12px;vertical-align:top}
.gs-site.gs-series-page .gs-article .gs-section-heading:has(>.gs-section-number) h2::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:999px;background:#f3b17b;pointer-events:none}

/* Stacked mobile table rows are individual cards. Their gaps should show the
   section colour, while the cells retain their white/coloured content faces. */
@media(max-width:799px){
 .gs-site.gs-series-page .gs-article .wp-block-table{background:transparent;border:0;box-shadow:none}
 .gs-site.gs-series-page .gs-article .wp-block-table table,
 .gs-site.gs-series-page .sc-comparison-spacing #sc-purpose-summary table{background:transparent;border:0;box-shadow:none}
 .gs-site.gs-series-page .gs-article .wp-block-table :is(thead,tbody){background:transparent}
}

/* Rows already have the same 20px inset as their product heading. Avoid adding
   another inset on the dl when the desktop subgrid becomes a mobile block. */
.gs-site.gs-series-page .sc-comparison-spacing .gs-compare-product>dl{padding-inline:0}
.gs-site.gs-series-page .sc-comparison-spacing .gs-compare-product>dl>div{padding-inline:20px}