/* EnFavori canonical articles archive */
.ef-articles-page{padding-bottom:42px}

/* Articles hub hero = categories/cities/channels hub family */
.ef-articles-hub-hero{
    position:relative;
    z-index:30;
    isolation:isolate;
    display:grid;
    grid-template-columns:60px minmax(0,1fr) minmax(360px,460px);
    grid-template-areas:"icon main media";
    gap:16px;
    align-items:center;
    width:100%;
    min-height:190px;
    margin:0 0 14px;
    padding:12px 18px;
    overflow:visible;
    color:#142844;
    background:linear-gradient(118deg,#fff 0%,#fbfdfe 54%,#eef9f7 100%);
    border:1px solid #d9e6ed;
    border-left:4px solid #18bfb1;
    border-radius:14px;
    box-shadow:0 6px 18px rgba(20,40,68,.05)
}
.ef-articles-hub-hero::after{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    background:radial-gradient(circle at 88% 42%,rgba(24,191,177,.095) 0%,rgba(24,191,177,.025) 38%,transparent 69%);
    pointer-events:none
}
.ef-articles-hub-icon{
    position:relative;
    z-index:2;
    grid-area:icon;
    width:56px;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#22d3c5;
    background:#142844;
    border:1px solid #203b5d;
    border-radius:15px;
    box-shadow:0 7px 16px rgba(20,40,68,.13)
}
.ef-articles-hub-icon i{font-size:22px;line-height:1;color:currentColor}
.ef-articles-hub-main{
    position:relative;
    z-index:2;
    grid-area:main;
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:10px
}
.ef-articles-hub-copy{min-width:0;max-width:760px}
.ef-articles-hub-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin:0 0 5px;
    color:#0a8c81;
    font-size:9.5px;
    font-weight:900;
    letter-spacing:.38px;
    line-height:1.15;
    text-transform:uppercase
}
.ef-articles-hub-eyebrow i{color:#0da89b;font-size:9.5px}
.ef-articles-hub-title{margin:0;color:#142844;font-size:30px;font-weight:900;line-height:1.08;letter-spacing:-.5px}
.ef-articles-hub-description{max-width:760px;margin:6px 0 0;color:#596e82;font-size:12.5px;font-weight:600;line-height:1.45}
.ef-articles-hub-toolbar{position:relative;z-index:40;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0}
.ef-articles-hub-counts{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0}
.ef-articles-hub-count{
    height:38px;
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 11px;
    color:#365066;
    background:#f5f9fb;
    border:1px solid #d9e5ec;
    border-radius:8px;
    font-size:10px;
    font-weight:800;
    line-height:1;
    white-space:nowrap
}
.ef-articles-hub-count i{color:#0da89b;font-size:9.5px}
.ef-articles-hub-toolbar .ef-context-follow-share{position:relative;z-index:50;margin:0!important}
.ef-articles-hub-media{
    position:relative;
    z-index:2;
    grid-area:media;
    width:100%;
    max-width:460px;
    height:166px;
    min-width:0;
    justify-self:end;
    overflow:hidden;
    background:#eaf4f5;
    border:1px solid #d7e7ee;
    border-radius:15px;
    box-shadow:0 10px 24px rgba(20,40,68,.08)
}
.ef-articles-hub-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.ef-articles-hub-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,0) 35%);pointer-events:none}

/* Non-hub editorial archives keep the standard discovery hero. */
.ef-articles-page .ef-discovery__hero{overflow:visible}
.ef-articles-page .ef-context-follow-share{margin-top:12px}

.ef-article-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
    align-items:stretch
}
.ef-article-card{
    min-width:0;
    height:100%;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid #dfe7ee;
    border-radius:16px;
    box-shadow:0 6px 22px rgba(20,40,68,.055);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.ef-article-card:hover{transform:translateY(-2px);border-color:#cddbe6;box-shadow:0 11px 28px rgba(20,40,68,.09)}
.ef-article-card__media{
    position:relative;
    display:block;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#edf2f6
}
.ef-article-card__image{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .28s ease}
.ef-article-card:hover .ef-article-card__image{transform:scale(1.025)}
.ef-article-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(6,18,32,.01) 45%,rgba(6,18,32,.28) 100%);pointer-events:none}
.ef-article-card__badge{
    position:absolute;z-index:2;top:10px;left:10px;
    display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:0 10px;
    border-radius:999px;background:rgba(20,40,68,.92);color:#fff;
    font-size:10px;font-weight:900;line-height:1;backdrop-filter:blur(8px)
}
.ef-article-card__badge.is-featured{background:#fff1df;color:#a75d00}
.ef-article-card__badge.is-right{left:auto;right:10px}
.ef-article-card__body{flex:1;display:flex;flex-direction:column;min-width:0;padding:14px}
.ef-article-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-bottom:8px;color:#77879a;font-size:9.8px;font-weight:750}
.ef-article-card__meta a,.ef-article-card__meta span{display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:none}
.ef-article-card__meta a{color:#087d72;font-weight:850}
.ef-article-card__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:0;color:#142844;font-size:17px;font-weight:900;line-height:1.28;letter-spacing:-.15px;text-decoration:none}
.ef-article-card__title:hover{color:#0b817a;text-decoration:none}
.ef-article-card__excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;min-height:56px;margin:9px 0 13px;color:#64748b;font-size:11.4px;font-weight:550;line-height:1.55}
.ef-article-card__grow{flex:1}
.ef-article-card__cta{
    width:100%;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
    margin-top:auto;border:1px solid #142844;border-radius:10px;background:#142844;color:#fff!important;
    font-size:11px;font-weight:900;text-decoration:none;box-shadow:0 6px 14px rgba(20,40,68,.12)
}
.ef-article-card__cta i{color:#18d2c3;font-size:10px}
.ef-article-card__cta:hover{background:#0d1b2d;border-color:#0d1b2d;text-decoration:none}

.ef-articles-empty{grid-column:1/-1;display:grid;place-items:center;min-height:250px;padding:34px;text-align:center;background:linear-gradient(120deg,#fff,#f5fbfb);border:1px dashed #ccdae5;border-radius:16px}
.ef-articles-empty i{display:block;margin-bottom:10px;color:#18d2c3;font-size:28px}
.ef-articles-empty strong{display:block;color:#142844;font-size:16px;font-weight:900}
.ef-articles-empty span{display:block;margin-top:6px;color:#64748b;font-size:11.5px}
.ef-articles-pagination{display:flex;justify-content:center;margin-top:22px}

@media(min-width:1200px){
    .ef-articles-page .ef-discovery__layout.has-sidebar-ad .ef-article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:768px) and (max-width:1199.98px){
    .ef-articles-hub-hero{grid-template-columns:56px minmax(0,1fr) minmax(280px,350px);gap:14px;min-height:176px;padding:12px 16px}
    .ef-articles-hub-icon{width:52px;height:52px}
    .ef-articles-hub-title{font-size:27px}
    .ef-articles-hub-description{font-size:11.7px}
    .ef-articles-hub-main{gap:10px}
    .ef-articles-hub-media{max-width:350px;height:148px}
}
@media(max-width:1199.98px){
    .ef-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767.98px){
    .ef-articles-page{padding-left:12px;padding-right:12px;padding-bottom:30px}
    .ef-articles-hub-hero{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"icon copy" "media media" "toolbar toolbar";gap:10px 12px;min-height:0;margin:8px 0 10px;padding:11px 12px 12px;border-left-width:4px;border-radius:12px}
    .ef-articles-hub-main{display:contents}
    .ef-articles-hub-copy{grid-area:copy;max-width:none}
    .ef-articles-hub-toolbar{grid-area:toolbar;width:100%;gap:7px}
    .ef-articles-hub-icon{width:42px;height:42px;border-radius:11px}
    .ef-articles-hub-icon i{font-size:17px}
    .ef-articles-hub-eyebrow{gap:5px;margin-bottom:3px;font-size:8px}
    .ef-articles-hub-eyebrow i{font-size:8px}
    .ef-articles-hub-title{font-size:20px}
    .ef-articles-hub-description{margin-top:4px;font-size:10.3px;line-height:1.4}
    .ef-articles-hub-count{height:38px;min-height:38px;padding:0 8px;border-radius:7px;font-size:8.8px}
    .ef-articles-hub-count i{font-size:8.5px}
    .ef-articles-hub-toolbar .ef-context-follow-share{width:100%;margin:0!important}
    .ef-articles-hub-media{grid-area:media;width:100%;max-width:none;height:auto;justify-self:stretch;aspect-ratio:16/9;border-radius:12px}
    .ef-articles-page .ef-context-follow-share{margin-top:9px;width:100%}
    .ef-article-grid{grid-template-columns:1fr;gap:12px}
    .ef-article-card{border-radius:14px}
    .ef-article-card__body{padding:13px}
    .ef-article-card__title{font-size:16.5px}
    .ef-article-card__excerpt{min-height:0;font-size:10.8px}
    .ef-article-card__cta{height:38px}
}
@media(max-width:390px){
    .ef-articles-hub-hero{grid-template-columns:42px minmax(0,1fr);gap:9px;padding:10px 11px 11px}
    .ef-articles-hub-icon{width:40px;height:40px}
    .ef-articles-hub-icon i{font-size:16px}
    .ef-articles-hub-title{font-size:19px}
    .ef-articles-hub-description{font-size:10px}
}