.ebc-wrap{--ebc-gap:16px;--ebc-c:#2563eb;--ebc-line:rgba(0,0,0,.1);--ebc-muted:#6b7280;--ebc-ink:#111827;--ebc-bg:#fff;color:var(--ebc-ink)}
.ebc-wrap{background:#fff;padding:32px;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.08)}
.ebc-wrap *{box-sizing:border-box}
.ebc-wrap a{text-decoration:none;color:inherit}

.ebc-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.ebc-heading{margin:0;font-size:28px;line-height:1.2}
.ebc-subheading{margin:36px 0 14px;font-size:20px;line-height:1.3}
.ebc-viewall{font-size:14px;color:var(--ebc-c);white-space:nowrap}
.ebc-viewall:hover{text-decoration:underline}

.ebc-pills{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;margin-bottom:12px;scrollbar-width:thin}
.ebc-pill{flex:none;cursor:pointer;font:inherit;font-size:14px;line-height:1;padding:9px 16px;border-radius:999px;border:1px solid var(--ebc-line);background:var(--ebc-bg);color:var(--ebc-ink);transition:background .15s,color .15s,border-color .15s}
.ebc-pill span{margin-left:6px;font-size:12px;opacity:.6}
.ebc-pill:hover{border-color:var(--ebc-c)}
.ebc-pill.is-active{background:var(--ebc-ink);border-color:var(--ebc-ink);color:#fff}
.ebc-pill.is-active[data-cat]:not([data-cat="0"]){background:var(--ebc-c);border-color:var(--ebc-c)}

.ebc-latest{transition:opacity .15s}
.ebc-latest.is-loading{opacity:.45;pointer-events:none}
.ebc-latest-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--ebc-gap)}
.ebc-latest-grid.ebc-single{grid-template-columns:minmax(0,1fr)}
.ebc-side{display:flex;flex-direction:column;gap:calc(var(--ebc-gap) * .75)}

.ebc-card,.ebc-row,.ebc-col{background:var(--ebc-bg);border:1px solid var(--ebc-line);border-radius:12px;overflow:hidden}
.ebc-card:hover,.ebc-row:hover,.ebc-col:hover{border-color:var(--ebc-c)}

.ebc-thumb{display:block;background:#eef0f3;overflow:hidden}
.ebc-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.ebc-thumb-ph{display:block;width:100%;height:100%;min-height:100%;background:linear-gradient(135deg,#eef0f3,#e2e5ea)}
.ebc-feature .ebc-thumb{aspect-ratio:16/9}
.ebc-thumb--wide{aspect-ratio:16/9;border-radius:8px;margin-bottom:10px}
.ebc-thumb--sq{width:84px;height:84px;flex:none;border-radius:8px}

.ebc-body{padding:14px 16px}
.ebc-title{margin:6px 0 4px;font-size:16px;line-height:1.4;font-weight:600}
.ebc-feature .ebc-title{font-size:20px}
.ebc-title a:hover{color:var(--ebc-c)}
.ebc-excerpt{margin:6px 0 8px;font-size:14px;line-height:1.6;color:var(--ebc-muted)}
.ebc-meta{display:block;font-size:12px;color:var(--ebc-muted)}

.ebc-tag{display:inline-block;font-size:12px;line-height:1;padding:5px 9px;border-radius:6px;color:var(--ebc-c);background:color-mix(in srgb,var(--ebc-c) 14%,#fff)}

.ebc-row{display:flex;gap:12px;padding:10px;align-items:center}
.ebc-row .ebc-body{padding:0}
.ebc-row .ebc-title{font-size:15px;margin:6px 0 2px}

.ebc-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--ebc-gap)}
.ebc-col{padding:16px;border-top:3px solid var(--ebc-c)}
.ebc-col-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.ebc-col-title{margin:0;font-size:17px;color:var(--ebc-c)}
.ebc-col .ebc-viewall{font-size:13px}
.ebc-more{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--ebc-line)}
.ebc-more li{margin:0 0 8px;font-size:14px;line-height:1.4}
.ebc-more li:last-child{margin-bottom:0}
.ebc-more a{color:var(--ebc-muted)}
.ebc-more a:hover{color:var(--ebc-c)}

.ebc-empty{color:var(--ebc-muted);font-size:14px;margin:0}

@media (max-width:767px){
	.ebc-latest-grid{grid-template-columns:minmax(0,1fr)}
	.ebc-heading{font-size:22px}
	.ebc-wrap{padding:20px}
}