/* Native product description: summary, feature story, comparison and FAQ. */
.eko-product-story { color:var(--eko-color-charcoal); font-size:16px; line-height:1.7; }
.eko-product-story .section-content { max-width:1140px; margin-inline:auto; }
.eko-product-story .row { max-width:100%; }
.eko-product-story h2 { font-size:clamp(24px,3vw,34px); line-height:1.25; letter-spacing:-.025em; margin-bottom:20px; }
.eko-product-story h3 { font-size:20px; line-height:1.4; }
.eko-product-story .eko-story-kicker { font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin:0 0 12px; color:var(--eko-color-slate); }
.eko-product-story .eko-story-lead { font-size:19px; line-height:1.7; max-width:66ch; }
.eko-story-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:40px; }
.eko-story-metric { padding:18px 20px; background:var(--eko-color-mist); border-radius:var(--eko-radius-sm); }
.eko-story-metric span { display:block; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; margin-bottom:6px; }
.eko-story-metric strong { font-size:19px; font-weight:600; overflow-wrap:anywhere; }
.eko-product-story .eko-story-hero .img img { max-height:430px; width:100%; object-fit:contain; }
.eko-product-story .eko-story-feature .col-inner { height:100%; padding:24px; border:1px solid var(--eko-color-border); border-radius:var(--eko-radius-md); }
.eko-product-story .eko-story-feature p:last-child { margin-bottom:0; }
.eko-product-story .eko-story-comparison { background:var(--eko-color-mist); border-radius:var(--eko-radius-md); padding:28px; margin:20px 0 36px; }
.eko-product-story a:not(.button) { color:var(--eko-color-slate); text-decoration:underline; text-underline-offset:3px; }
.eko-product-story .accordion-title { min-height:48px; display:flex; align-items:center; padding-block:14px; font-size:17px; color:var(--eko-color-charcoal); }
.eko-product-story a:focus-visible { outline:3px solid var(--eko-color-slate); outline-offset:4px; }
.eko-product-story .eko-story-support { margin-top:28px; padding-top:24px; border-top:1px solid var(--eko-color-border); }
@media(max-width:849px) {
 .eko-story-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:28px; }
 .eko-story-metric { padding:14px; }
 .eko-story-metric strong { font-size:17px; }
 .eko-product-story .eko-story-hero .img img { max-height:320px; }
 .eko-product-story .eko-story-lead { font-size:17px; }
 .eko-product-story .eko-story-feature .col-inner { padding:20px; }
 .eko-product-story .eko-story-comparison { padding:22px; }
}
@media(max-width:360px) { .eko-story-metrics { gap:8px; } .eko-story-metric { padding:10px; } }