.article-banner{box-sizing:border-box;position:relative;isolation:isolate;width:100%;max-width:var(--ab-max-width,840px);margin:1.75rem auto;padding:10px;overflow:hidden;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.08)}.article-banner--custom{border-color:rgba(var(--ab-accent-rgb),.45);background:var(--ab-surface);box-shadow:0 8px 28px rgba(15,23,42,.10),0 0 0 1px rgba(var(--ab-accent-rgb),.14)}.article-banner-host,.article-banner-code{box-sizing:border-box;width:100%;max-width:var(--ab-max-width,840px);margin:1.75rem auto}.article-banner-host[hidden]{display:none!important}.article-banner-host>.article-banner,.article-banner-host>.article-banner-code{margin-top:0;margin-bottom:0}.article-banner--code{overflow:visible}.article-banner__code{width:100%}.article-banner__code img,.article-banner__code iframe{max-width:100%}.article-banner__label{display:block;margin:0 0 8px 4px;color:#64748b;font:600 11px/1.3 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.article-banner--custom .article-banner__label{color:var(--ab-accent)}.article-banner__link{box-sizing:border-box;position:relative;display:block;overflow:hidden;border-radius:10px;color:#0f172a;text-decoration:none!important;background:#f8fafc}.article-banner__link:hover,.article-banner__link:focus-visible{color:#0f172a;outline:2px solid #2563eb;outline-offset:2px}.article-banner--custom .article-banner__link:focus-visible{outline-color:var(--ab-accent)}.article-banner__image{display:block;width:100%;background-position:center;background-size:contain;background-repeat:no-repeat;background-color:#f8fafc}.article-banner__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:9px 14px;font:600 14px/1.4 system-ui,sans-serif}.article-banner--custom .article-banner__footer{background:linear-gradient(105deg,rgba(var(--ab-accent-rgb),.16),rgba(var(--ab-accent-2-rgb),.16))}.article-banner--glow{animation:article-banner-glow var(--ab-duration,4s) ease-in-out infinite}.article-banner--shine .article-banner__link::after,.article-banner--sparkle .article-banner__link::after{content:'';position:absolute;z-index:1;inset:0;pointer-events:none}.article-banner--shine .article-banner__link::after{background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.86) 50%,transparent 70%);opacity:var(--ab-strength,.65);transform:translateX(-140%);animation:article-banner-shine var(--ab-duration,4s) ease-in-out infinite}.article-banner--pulse{animation:article-banner-pulse var(--ab-duration,4s) ease-in-out infinite}.article-banner--sparkle .article-banner__link::after{background-image:radial-gradient(circle,#fff 0 2px,rgba(var(--ab-accent-rgb),.8) 3px,transparent 5px),radial-gradient(circle,#fff 0 2px,rgba(var(--ab-accent-2-rgb),.8) 3px,transparent 5px),radial-gradient(circle,#fff 0 1px,rgba(var(--ab-accent-rgb),.9) 2px,transparent 4px);background-size:43% 62%,38% 56%,57% 49%;background-position:11% 18%,84% 75%,61% 25%;background-repeat:no-repeat;opacity:0;animation:article-banner-sparkle var(--ab-duration,4s) ease-in-out infinite}.article-banner--flash{animation:article-banner-flash var(--ab-duration,4s) ease-in-out infinite}@keyframes article-banner-glow{0%,100%{box-shadow:0 8px 28px rgba(15,23,42,.08),0 0 12px rgba(var(--ab-accent-rgb),.18)}50%{box-shadow:0 8px 28px rgba(15,23,42,.10),0 0 34px rgba(var(--ab-accent-rgb),var(--ab-strength,.65)),0 0 16px rgba(var(--ab-accent-2-rgb),.5)}}@keyframes article-banner-shine{0%,14%{transform:translateX(-140%)}58%,100%{transform:translateX(140%)}}@keyframes article-banner-pulse{0%,100%{transform:scale(1);box-shadow:0 8px 28px rgba(15,23,42,.08)}50%{transform:scale(1.012);box-shadow:0 12px 32px rgba(var(--ab-accent-rgb),var(--ab-strength,.65))}}@keyframes article-banner-sparkle{0%,100%{opacity:0;transform:scale(.96)}40%,65%{opacity:var(--ab-strength,.65);transform:scale(1.04)}}@keyframes article-banner-flash{0%,34%,48%,100%{border-color:#e5e7eb;box-shadow:0 8px 28px rgba(15,23,42,.08)}39%,53%{border-color:var(--ab-accent);box-shadow:0 8px 28px rgba(15,23,42,.08),0 0 30px rgba(var(--ab-accent-rgb),var(--ab-strength,.65))}}@media (max-width:600px){.article-banner{margin:1.25rem auto;padding:7px;border-radius:12px}.article-banner__footer{padding:8px 11px}}@media (prefers-reduced-motion:reduce){.article-banner--glow,.article-banner--pulse,.article-banner--flash,.article-banner--shine .article-banner__link::after,.article-banner--sparkle .article-banner__link::after{animation:none}.article-banner--shine .article-banner__link::after,.article-banner--sparkle .article-banner__link::after{display:none}}