/* Product research, economics and sample decisions for online sellers. */
@layer ecommerce-article-refinement;
@layer ecommerce-article-refinement {
 body[data-ecommerce-article-refinement] { --ec-rule: #dce2e9; }
 body[data-ecommerce-article-refinement] :is(.site-header .brand img,.site-footer .footer-logo) { content: normal !important; }
 body[data-ecommerce-article-refinement] .hero-highlight { font-size: 1em !important; line-height: 1.4 !important; }
 body[data-ecommerce-article-refinement] .hero-content .ec-language { font-size: 13px !important; line-height: 1.8 !important; max-width: 70ch; }
 body[data-ecommerce-article-refinement] .signal-item :is(h3,p) { height: auto !important; max-height: none !important; overflow: visible !important; -webkit-line-clamp: unset !important; }
 body[data-ecommerce-article-refinement] main > section { padding-block: clamp(32px,4vw,60px) !important; margin: 0 !important; scroll-margin-top: 110px; }
 body[data-ecommerce-article-refinement] main .section-heading { max-width: none !important; margin: 0 0 26px !important; text-align: left !important; }
 body[data-ecommerce-article-refinement] main .section-heading :is(h2,p) { max-width: none !important; text-align: left !important; }
 body[data-ecommerce-article-refinement] main .section-heading h2 { margin: 0 0 16px !important; }
 body[data-ecommerce-article-refinement] main .section-heading p { margin: 0 !important; }
 body[data-ecommerce-article-refinement] main .section-heading::after,body[data-ecommerce-article-refinement] main .section-heading h2::after { content: none !important; }
 body[data-ecommerce-article-refinement] main :is(p,li,td) { font-size: 16px !important; line-height: 1.8 !important; }
 body[data-ecommerce-article-refinement] main :is(p,h3) { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; -webkit-line-clamp: unset !important; }
 body[data-ecommerce-article-refinement] main h3 { font: 400 clamp(21px,1.8vw,28px)/1.5 'Prata',Georgia,serif !important; color: var(--lifa-color-primary) !important; }
 body[data-ecommerce-article-refinement] main :is(figure,.image-frame,.image-frame img,.ec-note,.ec-resource) { border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; clip-path: none !important; }
 body[data-ecommerce-article-refinement] main figure { margin: 0 !important; }
 body[data-ecommerce-article-refinement] main img { width: 100% !important; height: auto !important; object-fit: contain !important; }
 body[data-ecommerce-article-refinement] .ec-reading-nav { display: flex; flex-wrap: wrap; gap: 0 26px; padding-bottom: 28px; }
 body[data-ecommerce-article-refinement] .ec-reading-nav a { display: inline-flex; align-items: center; min-height: 44px; font: 600 14px/1.7 'Montserrat',sans-serif; text-underline-offset: 5px; }
 body[data-ecommerce-article-refinement] main .split { gap: 42px !important; align-items: start !important; }
 body[data-ecommerce-article-refinement] :is(.ec-comparison-points,.ec-brief-next) { grid-column: 1 / -1; }
 body[data-ecommerce-article-refinement] .ec-comparison-points { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px 40px; }
 body[data-ecommerce-article-refinement] .ec-comparison-point { border-top: 1px solid var(--ec-rule); padding-top: 20px; }
 body[data-ecommerce-article-refinement] .ec-comparison-point h3 { margin: 0 0 12px !important; }
 body[data-ecommerce-article-refinement] .ec-brief-next .feature-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin-block: 0 24px; }
 body[data-ecommerce-article-refinement] .ec-brief-next p { max-width: 85ch; }
 body[data-ecommerce-article-refinement] :is(.ec-note,.ec-resource) { display: block !important; padding: 20px 0 !important; border-top: 1px solid var(--ec-rule) !important; min-height: 0 !important; height: auto !important; color: var(--lifa-color-primary) !important; text-decoration: none !important; transform: none !important; }
 body[data-ecommerce-article-refinement] :is(.ec-note,.ec-resource)::before,body[data-ecommerce-article-refinement] :is(.ec-note,.ec-resource)::after { content: none !important; }
 body[data-ecommerce-article-refinement] :is(.ec-note,.ec-resource) h3 { margin: 0 0 12px !important; }
 body[data-ecommerce-article-refinement] :is(.ec-note,.ec-resource) p { margin: 0 0 12px !important; }
 body[data-ecommerce-article-refinement] [data-editorial-role='decisions'] .grid,body[data-ecommerce-article-refinement] [data-editorial-role='prepare'] .grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 0 40px !important; grid-template-rows: auto !important; }
 body[data-ecommerce-article-refinement] [data-editorial-role='prepare'] { background: var(--lifa-color-reading-surface) !important; color: var(--lifa-color-primary) !important; }
 body[data-ecommerce-article-refinement] [data-editorial-role='prepare'] :is(h2,p,.eyebrow) { color: var(--lifa-color-primary) !important; }
 body[data-ecommerce-article-refinement] :is(.ec-demand-source,.ec-pricing-source,.ec-evidence) a { text-decoration: underline !important; text-underline-offset: 4px; }
 body[data-ecommerce-article-refinement] main .table-wrap { width: 100% !important; max-width: 100% !important; overflow-x: auto !important; }
 body[data-ecommerce-article-refinement] main table { margin: 0 !important; min-width: 680px; }
 body[data-ecommerce-article-refinement] main caption { text-align: left; padding: 14px 16px; font: 600 14px/1.7 'Montserrat',sans-serif; color: var(--lifa-color-primary); background: var(--lifa-color-reading-surface); }
 body[data-ecommerce-article-refinement] [data-editorial-role='calculation'] td:nth-child(2) { white-space: nowrap; font-weight: 600; font-variant-numeric: tabular-nums; }
 body[data-ecommerce-article-refinement] [data-editorial-role='calculation'] tbody tr:is(:nth-child(4),:last-child) { background: var(--lifa-color-reading-surface) !important; }
 body[data-ecommerce-article-refinement] .tool-callout { margin-top: 24px !important; }
 body[data-ecommerce-article-refinement] [data-editorial-role='directory'] { padding-block: 28px !important; }
 body[data-ecommerce-article-refinement] [data-editorial-role='directory'] h2 { font-size: clamp(24px,2.5vw,34px) !important; }
 body[data-ecommerce-article-refinement] [data-editorial-role='directory'] :is(.grid,.related-links-grid) { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 0 36px !important; grid-template-rows: auto !important; }
 body[data-ecommerce-article-refinement] [data-editorial-role='directory'] .ec-resource h3 { font: 600 16px/1.7 'Montserrat',sans-serif !important; }
 body[data-ecommerce-article-refinement] [data-editorial-role='directory'] .ec-resource p { font-size: 14px !important; }
 body[data-ecommerce-article-refinement] .ec-resource .card-link { display: inline-flex !important; align-items: center !important; min-height: 44px !important; padding: 0 !important; margin: 0 !important; color: var(--lifa-color-primary) !important; font: 600 13px/1.7 'Montserrat',sans-serif !important; text-decoration: underline; text-underline-offset: 5px; }
 body[data-ecommerce-article-refinement] main .cta-value-list { list-style: none; padding-left: 0; }
 /* A true two-column ledger keeps the amount beside its assumption on phones.
    The decision explanation belongs to that same row, without a repeated card. */
 body[data-ecommerce-article-refinement] main table.ec-cost-ledger { display: table !important; table-layout: fixed !important; width: 100% !important; min-width: 0 !important; border-collapse: collapse !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
 body[data-ecommerce-article-refinement] .ec-cost-ledger caption { display: table-caption !important; font: 600 14px/1.7 var(--font-ui) !important; padding: 14px 16px !important; }
 body[data-ecommerce-article-refinement] .ec-cost-ledger thead { display: table-header-group !important; }
 body[data-ecommerce-article-refinement] .ec-cost-ledger tbody { display: table-row-group !important; }
 body[data-ecommerce-article-refinement] .ec-cost-ledger tr { display: table-row !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; }
 body[data-ecommerce-article-refinement] .ec-cost-ledger :is(th,td) { display: table-cell !important; width: auto !important; min-width: 0 !important; padding: 18px 16px !important; border: 0 !important; border-bottom: 1px solid var(--ec-rule) !important; vertical-align: top !important; box-shadow: none !important; background: transparent !important; text-align: left !important; }
 body[data-ecommerce-article-refinement] .ec-cost-ledger thead th { color: #fff !important; -webkit-text-fill-color: currentColor !important; background: var(--lifa-color-primary) !important; font: 600 13px/1.5 var(--font-ui) !important; letter-spacing: 0 !important; text-transform: none !important; }
 body[data-ecommerce-article-refinement] .ec-cost-ledger tr > :last-child { width: 112px !important; text-align: right !important; }
 body[data-ecommerce-article-refinement] .ec-cost-ledger tbody :is(th,td) { color: var(--lifa-color-primary) !important; -webkit-text-fill-color: currentColor !important; text-transform: none !important; letter-spacing: normal !important; }
 body[data-ecommerce-article-refinement] .ec-cost-ledger tbody td { font: 600 16px/1.7 var(--font-ui) !important; font-variant-numeric: tabular-nums; white-space: nowrap !important; }
 body[data-ecommerce-article-refinement] .ec-cost-ledger :is(th,td)::before { content: none !important; }
 body[data-ecommerce-article-refinement] .ec-cost-label { display: block; font: 600 15px/1.6 var(--font-ui) !important; }
 body[data-ecommerce-article-refinement] .ec-cost-note { display: block; max-width: 70ch; margin-top: 6px; font: 400 14px/1.7 var(--font-reading) !important; color: var(--lifa-color-primary) !important; }
 body[data-ecommerce-article-refinement] main .cta-band[data-value-cta] > .cta-value-list { grid-column: 1 / -1 !important; grid-row: 2 !important; }
 body[data-ecommerce-article-refinement] main .cta-band[data-value-cta] > .cta-actions { grid-column: 2 !important; grid-row: 1 !important; }
 body[data-ecommerce-article-refinement] main .cta-value-list strong { color: #fff !important; -webkit-text-fill-color: currentColor !important; font: 600 15px/1.6 var(--font-ui) !important; text-transform: none !important; margin-bottom: 8px !important; }
 body[data-ecommerce-article-refinement] main .cta-value-list small { color: #dce2e9 !important; -webkit-text-fill-color: currentColor !important; font: 400 14px/1.7 var(--font-reading) !important; }
 body[data-ecommerce-article-refinement] .ec-client-project { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; border-block: 1px solid var(--ec-rule); padding-block: 28px; margin-top: 28px; }
 body[data-ecommerce-article-refinement] .ec-client-project h4 { font: 600 16px/1.7 var(--font-ui); color: var(--lifa-color-primary); margin: 0 0 12px; }
 body[data-ecommerce-article-refinement] .ec-client-project a { display: inline-flex; align-items: center; min-height: 44px; gap: 12px; font-weight: 600; text-decoration: underline !important; text-underline-offset: 5px; }
 body[data-ecommerce-article-refinement] .ec-supplier-start { max-width: 88ch; padding-left: 20px; border-left: 3px solid var(--lifa-color-support); margin-top: 28px; }
 body[data-ecommerce-article-refinement] .ec-supplier-start a { text-decoration: underline !important; text-underline-offset: 4px; }
 body[data-ecommerce-article-refinement] .ec-supplier-start a:last-child { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; }
 body[data-ecommerce-article-refinement] :is(main,footer) :is(a,button,summary,[tabindex]),body[data-ecommerce-article-refinement] .hero-actions a { scroll-margin-block: 110px 190px; }
 body[data-ecommerce-article-refinement] .hero .eyebrow::before { content: none !important; }
 body[data-ecommerce-article-refinement] .ec-brief-next .feature-list li { padding-left: 0 !important; padding-top: 12px; border-top: 1px solid var(--ec-rule); }
 body[data-ecommerce-article-refinement] .ec-brief-next .feature-list li::before { content: none !important; }
 body[data-ecommerce-article-refinement] .ec-packing-checks { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 40px; margin: 0 !important; }
 body[data-ecommerce-article-refinement] .ec-packing-checks li:last-child:nth-child(odd),body[data-ecommerce-article-refinement] [data-editorial-role='directory'] .ec-resource:last-child:nth-child(odd) { grid-column: 1 / -1; }
 body[data-ecommerce-article-refinement] [data-editorial-role='directory'] > .container { display: block !important; }
 body[data-ecommerce-article-refinement] .ec-secondary-routes { width: 100%; border: 0 !important; background: none !important; border-radius: 0 !important; padding: 0 !important; }
 body[data-ecommerce-article-refinement] .ec-secondary-routes summary { display: list-item !important; cursor: pointer; padding: 10px 0 !important; min-height: 44px; background: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
 body[data-ecommerce-article-refinement] .ec-secondary-routes summary::marker { color: var(--lifa-color-support); }
 body[data-ecommerce-article-refinement] .ec-secondary-routes summary h2 { display: block !important; margin-top: 12px !important; }
 body[data-ecommerce-article-refinement] .ec-secondary-routes summary .eyebrow { display: block !important; }
 body[data-ecommerce-article-refinement] .ec-secondary-routes summary p { margin-top: 12px !important; }
 body[data-ecommerce-article-refinement] .ec-secondary-routes:not([open]) summary { margin-bottom: 0 !important; }
 body[data-ecommerce-article-refinement] .ec-trends-source { max-width: 90ch; border-left: 3px solid var(--lifa-color-support); padding-left: 20px; margin-top: 24px; }
 body[data-ecommerce-article-refinement] .ec-trends-source a { text-decoration: underline !important; text-underline-offset: 4px; }
 body[data-ecommerce-article-refinement] .ec-resource .card-link { text-transform: none !important; letter-spacing: normal !important; }
 body[data-ecommerce-article-refinement] :is(.table-wrap,.tool-callout) { border-radius: 0 !important; box-shadow: none !important; }
 body[data-ecommerce-article-refinement] .cta-band::before { content: none !important; }
 @media(max-width:1024px) {
  body[data-ecommerce-article-refinement] [data-editorial-role='responsibilities'] table tbody { gap: 0 !important; }
  body[data-ecommerce-article-refinement] [data-editorial-role='responsibilities'] table tbody tr { border: 0 !important; border-bottom: 1px solid var(--ec-rule) !important; border-radius: 0 !important; background: transparent !important; padding-block: 14px !important; }
  body[data-ecommerce-article-refinement] [data-editorial-role='responsibilities'] table td { border: 0 !important; padding: 8px 0 !important; }
  body[data-ecommerce-article-refinement] [data-editorial-role='responsibilities'] table td:first-child { font-size: 18px !important; }
  body[data-ecommerce-article-refinement] [data-editorial-role='responsibilities'] table td:first-child::before { content: none !important; }
 }
 @media(max-width:1000px) {
  body[data-ecommerce-article-refinement] main .cta-band[data-value-cta] { grid-template-columns: minmax(0,1fr) !important; }
  body[data-ecommerce-article-refinement] main .cta-band[data-value-cta] > .cta-actions { grid-column: 1 !important; grid-row: 2 !important; }
  body[data-ecommerce-article-refinement] main .cta-band[data-value-cta] > .cta-value-list { grid-column: 1 !important; grid-row: 3 !important; }
 }
 body[data-ecommerce-article-refinement] :is(a,button,summary,[tabindex]):focus-visible { outline: 3px solid var(--lifa-color-primary) !important; outline-offset: 5px !important; }
 body[data-ecommerce-article-refinement] :is(.hero,.cta-band) :is(a,button):focus-visible { outline-color: var(--lifa-color-accent) !important; }
 @media(hover:hover) and (pointer:fine) { body[data-ecommerce-article-refinement] a.ec-resource:hover h3 { text-decoration: underline; text-underline-offset: 5px; } }
 @media(max-width:760px) {
  body[data-ecommerce-article-refinement] .ec-client-project { grid-template-columns: minmax(0,1fr); gap: 12px; }
  body[data-ecommerce-article-refinement] :is(.ec-comparison-points,.ec-brief-next .feature-list,.ec-packing-checks) { grid-template-columns: minmax(0,1fr); gap: 18px; }
  body[data-ecommerce-article-refinement] main > section { padding-block: 32px !important; }
  body[data-ecommerce-article-refinement] main .split,body[data-ecommerce-article-refinement] [data-editorial-role='decisions'] .grid,body[data-ecommerce-article-refinement] [data-editorial-role='prepare'] .grid,body[data-ecommerce-article-refinement] [data-editorial-role='directory'] :is(.grid,.related-links-grid) { grid-template-columns: minmax(0,1fr) !important; gap: 20px !important; }
  body[data-ecommerce-article-refinement] .ec-reading-nav { gap: 0 18px; }
  body[data-ecommerce-article-refinement] .ec-cost-ledger :is(th,td) { padding: 14px 10px !important; }
  body[data-ecommerce-article-refinement] .ec-cost-ledger tr > :last-child { width: 76px !important; }
  body[data-ecommerce-article-refinement] main .cta-value-list { grid-template-columns: minmax(0,1fr) !important; }
  body[data-ecommerce-article-refinement] main .cta-value-list > li + li { border-left: 0 !important; padding-left: 0 !important; }
 }
 @media(max-width:500px) { body[data-ecommerce-article-refinement] .hero-actions { max-width: calc(100% - 56px) !important; } }
}