.eb-banner{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-card);transition:border-color var(--dur-micro) ease, transform var(--dur-micro) ease, box-shadow var(--dur-micro) ease;align-items:center;gap:14px;margin:0 0 20px;padding:14px;text-decoration:none;display:flex}.eb-banner:hover,.eb-banner:focus-visible{border-color:var(--border-up);box-shadow:var(--shadow-raise);outline:none;transform:translateY(-1px)}.eb-banner:focus-visible{box-shadow:0 0 0 2px var(--brand)}.eb-thumb-wrap{aspect-ratio:16/9;border-radius:var(--r-card);border:1px solid var(--border-up);background:var(--surface-2);flex-shrink:0;width:92px;position:relative;overflow:hidden}.eb-thumb{border:0;border-radius:0;width:119%;max-width:none;height:auto;display:block;position:absolute;top:-34.9%;left:-9.5%}.eb-body{flex:1;min-width:0}.eb-new{background:var(--green);color:var(--green-ink);border:1px solid var(--green);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-label);border-radius:var(--r-pill);padding:2px 9px;display:inline-block}.eb-title{font-family:var(--brand-font);font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--ink);margin:7px 0 3px}.eb-sub{font-size:var(--text-sm);color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.eb-arrow{color:var(--ink-4);flex-shrink:0}@media (max-width:420px){.eb-banner{gap:12px;padding:12px}.eb-thumb-wrap{width:84px}.eb-arrow{display:none}}.eb-banner--feature{align-items:center;gap:18px;padding:18px}.eb-banner--feature .eb-thumb-wrap{width:168px}.eb-banner--feature .eb-title{font-size:var(--text-lg);margin:9px 0 4px}.eb-banner--feature .eb-sub{font-size:var(--text-base)}@media (max-width:560px){.eb-banner--feature{gap:16px;padding:16px}.eb-banner--feature .eb-thumb-wrap{width:148px}.eb-banner--feature .eb-title{font-size:var(--text-md)}.eb-banner--feature .eb-sub{-webkit-line-clamp:3}}
