
/* BLOG 2.1 — isolated to editorial views; the rest of the theme is unchanged. */
.ec-blog-wrap{width:min(1180px,calc(100% - 44px));margin:0 auto}
.ec-blog-reading{width:min(820px,calc(100% - 44px));margin:0 auto}
.ec-blog-hero{background:linear-gradient(105deg,var(--ec-dark) 0%,var(--ec-earth) 68%,var(--ec-dark) 100%);color:white;padding:94px 0 100px;position:relative;overflow:hidden}
.ec-blog-hero:after{content:'';position:absolute;right:-90px;top:-190px;width:490px;height:490px;border:1px solid color-mix(in srgb,var(--ec-primary) 28%,transparent);border-radius:50%;box-shadow:0 0 0 90px color-mix(in srgb,var(--ec-primary) 5%,transparent),0 0 0 180px color-mix(in srgb,var(--ec-primary) 4%,transparent);pointer-events:none}
.ec-blog-kicker{color:var(--ec-primary);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.ec-blog-hero h1{font:700 clamp(48px,6vw,82px)/1.05 var(--ec-font-heading,Georgia,serif);margin:20px 0 18px;letter-spacing:-.045em;position:relative;z-index:1}
.ec-blog-hero p{color:var(--ec-cream);font-size:18px;max-width:670px;margin:0;position:relative;z-index:1}
.ec-blog-index{padding:85px 0 105px;background:var(--ec-light);min-height:40vh}
.ec-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.ec-blog-card{border:1px solid var(--ec-accent);background:white;border-radius:13px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 9px 25px rgba(15,23,42,.06);transition:transform .2s,box-shadow .2s}
.ec-blog-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(15,23,42,.14)}
.ec-blog-card-media{aspect-ratio:1.55;display:block;overflow:hidden;background:var(--ec-earth);text-decoration:none}
.ec-blog-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.ec-blog-card:hover img{transform:scale(1.045)}
.ec-blog-fallback{height:100%;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ec-earth),var(--ec-dark));color:var(--ec-primary);font:700 27px var(--ec-font-heading,Georgia,serif);text-align:center;letter-spacing:.03em}
.ec-blog-fallback span{font:600 12px var(--ec-font-body,Arial,sans-serif);color:var(--ec-light);letter-spacing:.12em;text-transform:uppercase;margin-top:12px}
.ec-blog-card-body{padding:28px;display:flex;flex-direction:column;flex:1}
.ec-blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;color:var(--ec-earth);font-weight:750}
.ec-blog-cat{color:var(--ec-dark);background:var(--ec-cream);border-radius:5px;padding:5px 9px}
.ec-blog-card h2{font:700 clamp(23px,2.4vw,29px)/1.2 var(--ec-font-heading,Georgia,serif);letter-spacing:-.03em;margin:18px 0 12px}
.ec-blog-card h2 a{text-decoration:none;color:var(--ec-dark)}
.ec-blog-card h2 a:hover{color:var(--ec-primary)}
.ec-blog-card p{font-size:14px;line-height:1.75;color:var(--ec-earth);margin:0 0 24px;flex:1}
.ec-blog-read{font-size:14px;font-weight:850;text-decoration:none;color:var(--ec-primary);align-self:flex-start;border-bottom:2px solid var(--ec-primary);padding-bottom:5px}
.ec-blog-empty{background:var(--ec-cream);border-radius:12px;padding:50px;text-align:center}.ec-blog-empty h2{font-family:var(--ec-font-heading,Georgia,serif)}
.ec-blog-pages{margin-top:53px}.ec-blog-pages ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none}.ec-blog-pages li{list-style:none}.ec-blog-pages a,.ec-blog-pages .current,.ec-blog-pages .dots{display:inline-flex;align-items:center;justify-content:center;min-width:43px;min-height:43px;padding:9px 14px;border:1px solid var(--ec-accent);border-radius:7px;text-decoration:none;font-weight:800;font-size:14px}.ec-blog-pages a:hover,.ec-blog-pages .current{background:var(--ec-primary);border-color:var(--ec-primary);color:var(--ec-dark)}
.ec-blog-single-top{padding:65px 0 42px;background:var(--ec-cream)}.ec-blog-back{text-decoration:none;color:var(--ec-primary);font-weight:800;font-size:14px}.ec-blog-single-top .ec-blog-meta{margin-top:38px}.ec-blog-single h1{font:700 clamp(39px,5.5vw,70px)/1.1 var(--ec-font-heading,Georgia,serif);letter-spacing:-.04em;margin:19px 0}.ec-blog-intro{font-size:19px;color:var(--ec-earth);line-height:1.7}
.ec-blog-single-cover{margin-top:48px}.ec-blog-single-cover img{display:block;width:100%;max-height:590px;object-fit:cover;border-radius:12px}
.ec-blog-article-body{padding:58px 0 70px;color:var(--ec-dark);font-size:17px;line-height:1.9;overflow-wrap:break-word}
.ec-blog-article-body :is(h2,h3,h4){font-family:var(--ec-font-heading,Georgia,serif);letter-spacing:-.025em;line-height:1.22;margin:1.7em 0 .7em;color:var(--ec-dark)}
.ec-blog-article-body h2{font-size:clamp(29px,3.7vw,41px)}.ec-blog-article-body h3{font-size:clamp(23px,3vw,31px)}
.ec-blog-article-body a{color:var(--ec-primary);text-decoration:underline;text-underline-offset:3px}.ec-blog-article-body img{height:auto;border-radius:8px}.ec-blog-article-body figure{max-width:100%;margin:30px auto}.ec-blog-article-body figcaption{font-size:13px;color:var(--ec-earth);text-align:center}.ec-blog-article-body blockquote{border-left:4px solid var(--ec-primary);background:var(--ec-cream);padding:20px 30px;margin:30px 0;font-family:var(--ec-font-heading,Georgia,serif);font-size:22px}.ec-blog-article-body ul,.ec-blog-article-body ol{padding-left:25px}.ec-blog-article-body li{margin-bottom:10px}.ec-blog-article-body table{display:block;overflow-x:auto;max-width:100%}.ec-blog-article-body iframe{max-width:100%}
.ec-blog-article-foot{border-top:1px solid var(--ec-accent);padding:25px 0 85px}.ec-blog-tags{color:var(--ec-earth);font-size:14px}.ec-blog-adjacent{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0 30px}.ec-blog-adjacent div:last-child{text-align:right}.ec-blog-adjacent a{text-decoration:none;color:var(--ec-dark);font-family:var(--ec-font-heading,Georgia,serif);font-size:17px;font-weight:700}.ec-blog-adjacent a:hover{color:var(--ec-primary)}
@media(max-width:950px){.ec-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.ec-blog-hero{padding:65px 0}.ec-blog-index{padding:55px 0}.ec-blog-grid{grid-template-columns:1fr;gap:18px}.ec-blog-card-body{padding:22px}.ec-blog-single-top{padding:40px 0}.ec-blog-article-body{padding:40px 0 55px;font-size:16px}.ec-blog-single-cover{margin-top:25px}.ec-blog-adjacent{grid-template-columns:1fr}.ec-blog-adjacent div:last-child{text-align:left}}

/* ONLINEVALLES PLUS 3.0.1: blog fully inherits the configured brand palette. */
.ec-blog-hero{background:linear-gradient(110deg,var(--ec-dark) 0%,var(--ec-earth) 100%);color:var(--ec-light)}
.ec-blog-hero p{color:var(--ec-light);opacity:.9}
.ec-blog-kicker{color:var(--ec-light);font-weight:900}
.ec-blog-hero:after{border-color:color-mix(in srgb,var(--ec-light) 26%,transparent);box-shadow:0 0 0 90px color-mix(in srgb,var(--ec-light) 5%,transparent),0 0 0 180px color-mix(in srgb,var(--ec-light) 3%,transparent)}
.ec-blog-index{background:var(--ec-light)}
.ec-blog-card{background:var(--ec-light);border-color:var(--ec-accent)}
.ec-blog-card-media{background:var(--ec-cream)}
.ec-blog-fallback{background:linear-gradient(125deg,var(--ec-earth),var(--ec-dark));color:var(--ec-light)}
.ec-blog-fallback span{color:var(--ec-light)}
.ec-blog-card h2 a{color:var(--ec-dark)}
.ec-blog-card h2 a:hover,.ec-blog-back:hover,.ec-blog-adjacent a:hover{color:var(--ec-primary)}
.ec-blog-cat{background:var(--ec-cream);color:var(--ec-dark)}
.ec-blog-read{color:var(--ec-primary);border-bottom-color:var(--ec-primary)}
.ec-blog-read:hover{color:var(--ec-dark)}
.ec-blog-card p,.ec-blog-meta,.ec-blog-intro,.ec-blog-article-body figcaption,.ec-blog-tags{color:var(--ec-earth)}
.ec-blog-pages a,.ec-blog-pages .current,.ec-blog-pages .dots{color:var(--ec-dark);border-color:var(--ec-accent);background:var(--ec-light)}
.ec-blog-pages a:hover,.ec-blog-pages .current{background:var(--ec-primary);border-color:var(--ec-primary);color:#fff}
.ec-blog-empty,.ec-blog-single-top{background:var(--ec-cream)}
.ec-blog-back,.ec-blog-article-body a{color:var(--ec-primary)}
.ec-blog-article-body{color:var(--ec-dark)}
.ec-blog-single h1,.ec-blog-card h2,.ec-blog-article-body :is(h2,h3,h4),.ec-blog-adjacent a{color:var(--ec-dark)}
.ec-blog-article-body blockquote{background:var(--ec-cream);border-left-color:var(--ec-primary)}
.ec-blog-article-foot{border-color:var(--ec-accent)}
.ec-blog-single-cover img{border:1px solid var(--ec-accent)}
.ec-blog-read:focus-visible,.ec-blog-card a:focus-visible,.ec-blog-pages a:focus-visible{outline:3px solid var(--ec-primary);outline-offset:3px}
