/* ── Ken Burns Hero (matches eu-merch implementation) ── */
@keyframes eua-kb{from{transform:scale(1.05)}to{transform:scale(1.15)}}
.eua-hero{position:relative;padding:64px 0 72px;min-height:380px;overflow:hidden;background:#0a1830;width:100%;}
.eua-hero-bgs{position:absolute;inset:0;z-index:0;}
.eua-hero-bgs .slide{position:absolute;inset:0;background-size:cover;background-position:center 25%;opacity:0;transition:opacity 1.2s ease;transform:scale(1);}
.eua-hero-bgs .slide.on{opacity:1;animation:eua-kb 8s ease-out forwards;}
.eua-hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(160deg,rgba(0,0,0,.82) 0%,rgba(19,99,223,.55) 60%,rgba(0,0,0,.88) 100%);}
.eua-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;z-index:3;background:linear-gradient(90deg,#FFC107 0%,#1363df 50%,#FFC107 100%);}
.eua-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:0 clamp(20px,5vw,80px);max-width:900px;}
.eua-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#FFC107;margin-bottom:16px;}
.eua-hero-eyebrow::before{content:'⚡';font-size:14px;}
.eua-hero-title{font-size:clamp(38px,6vw,72px);line-height:1.0;font-weight:700;letter-spacing:-.03em;color:#fff;margin:0 0 12px;text-shadow:0 2px 20px rgba(0,0,0,.3);}
.eua-hero-sub{font-size:clamp(15px,2vw,18px);color:rgba(255,255,255,.75);margin:0;max-width:520px;line-height:1.5;}

/* eu-articles hub styles — enqueued as cacheable asset, not inline */
#eu-articles-root,#eu-articles-root *,#eu-articles-root *::before,#eu-articles-root *::after{box-sizing:border-box;margin:0;padding:0;}
#eu-articles-root{
  --yt-bg:#f4f7fb;--yt-surface:#fff;--yt-border:#e4e9f2;
  --yt-text:#082a5e;--yt-text2:#39557e;--yt-r:12px;
  background:var(--yt-bg);color:var(--yt-text);
  font-family:"Lexend Deca",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:14px;line-height:1.5;width:100%;-webkit-font-smoothing:antialiased;
}
/* ── Progress banner — inside eua-iw, same width as tab row ── */
#eua-progress-banner{border-bottom:1px solid var(--yt-border);}
#eu-articles-root .eua-prog-summary{display:flex;align-items:center;gap:24px;padding:12px 0;flex-wrap:wrap;}
#eu-articles-root .eua-prog-summary-left{display:flex;align-items:center;gap:8px;font-size:13px;color:#39557e;flex:1;min-width:200px;}
#eu-articles-root .eua-prog-summary-left strong{color:#082a5e;}
#eu-articles-root .eua-ps-inprog{color:#1363df;font-weight:600;}
#eu-articles-root .eua-prog-summary-bar-wrap{display:flex;align-items:center;gap:10px;flex:1;min-width:120px;max-width:300px;}
#eu-articles-root .eua-prog-summary-bar{flex:1;height:6px;background:#e4e9f2;border-radius:999px;overflow:hidden;}
#eu-articles-root .eua-prog-summary-fill{height:100%;background:#1363df;border-radius:999px;transition:width .5s ease;}
#eu-articles-root .eua-prog-summary-pct{font-size:12px;font-weight:700;color:#1363df;min-width:32px;text-align:right;}
/* ── Tab / search row ── */
#eu-articles-root .eua-iw{max-width:1284px;margin:0 auto;padding:0 24px;background:#fff;border-bottom:1px solid var(--yt-border);}
#eu-articles-root .eua-tab-row{display:flex;align-items:center;}
#eu-articles-root .eua-tabs{display:flex;overflow-x:auto;scrollbar-width:none;flex:1;}
#eu-articles-root .eua-tabs::-webkit-scrollbar{display:none;}
#eu-articles-root .eua-tab{padding:14px 18px;font-size:14px;font-weight:600;color:#39557e;cursor:pointer;border-bottom:2px solid transparent;transition:color .1s,border-color .1s;white-space:nowrap;user-select:none;letter-spacing:.2px;margin-bottom:-1px;}
#eu-articles-root .eua-tab.active{color:#1363df;border-bottom-color:#1363df;}
#eu-articles-root .eua-tab:hover{color:#082a5e;}
#eu-articles-root .eua-search-zone{display:flex;align-items:center;gap:4px;flex-shrink:0;padding:0 0 0 8px;}
#eu-articles-root .eua-search-icon-btn{width:36px;height:36px;border-radius:50%;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#39557e;transition:background .15s;}
#eu-articles-root .eua-search-icon-btn:hover{background:rgba(19,99,223,.08);}
#eu-articles-root .eua-search-expand{display:flex;align-items:center;border:1px solid var(--yt-border);border-radius:40px;overflow:hidden;background:#fff;width:0;max-width:0;opacity:0;transition:width .25s ease,max-width .25s ease,opacity .2s ease;pointer-events:none;}
#eu-articles-root .eua-search-expand.open{width:260px;max-width:260px;opacity:1;pointer-events:auto;}
#eu-articles-root .eua-search-expand input{flex:1;border:none;outline:none;padding:7px 14px;font-size:14px;font-family:inherit;color:#082a5e;background:transparent;min-width:0;}
#eu-articles-root .eua-search-expand input::placeholder{color:#9ca3af;}
#eu-articles-root .eua-search-close{background:none;border:none;padding:0 10px;cursor:pointer;color:#39557e;font-size:16px;display:flex;align-items:center;flex-shrink:0;}
/* ── Filter row ── */
#eu-articles-root .eua-filter-row{max-width:1284px;margin:12px auto 0;padding:0 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
#eu-articles-root .eua-filter-group{display:flex;align-items:center;gap:8px;}
#eu-articles-root .eua-sort-label{font-size:13px;color:#39557e;white-space:nowrap;}
#eu-articles-root .eua-sort-select{border:1px solid var(--yt-border);border-radius:8px;padding:6px 32px 6px 12px;font-size:14px;font-family:inherit;color:#082a5e;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2339557e' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;cursor:pointer;appearance:none;-webkit-appearance:none;outline:none;font-weight:500;}
/* ── Grid ── */
#eu-articles-root .eua-grid{max-width:1284px;margin:24px auto 0;padding:0 24px 32px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;}
/* ── Boxed card ── */
#eu-articles-root .eua-card{cursor:pointer;display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);transition:box-shadow .2s ease,transform .15s ease;}
#eu-articles-root .eua-card:hover{box-shadow:0 4px 20px rgba(19,99,223,.12);transform:translateY(-2px);}
#eu-articles-root .eua-card:hover .eua-ct{color:#1363df;}
#eu-articles-root .eua-tw{position:relative;overflow:hidden;aspect-ratio:16/9;background:#e5e5e5;flex-shrink:0;border-radius:0;}
#eu-articles-root .eua-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease;}
#eu-articles-root .eua-card:hover .eua-thumb{transform:scale(1.03);}
#eu-articles-root .eua-tph{width:100%;height:100%;background:#e8edf5;display:flex;align-items:center;justify-content:center;}
#eu-articles-root .eua-read-time{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.75);color:#fff;font-size:11px;font-weight:600;padding:3px 7px;border-radius:4px;}
#eu-articles-root .eua-new-ribbon{position:absolute;top:26px;left:-36px;width:150px;background:#16a34a;color:#fff;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;line-height:1;padding:5px 0;text-align:center;transform:rotate(-45deg);pointer-events:none;z-index:3;}
#eu-articles-root .eua-done-overlay{position:absolute;inset:0;background:rgba(0,0,0,.42);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:4;}
#eu-articles-root .eua-done-badge{width:48px;height:48px;border-radius:50%;background:#16a34a;display:flex;align-items:center;justify-content:center;}
#eu-articles-root .eua-prog-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.2);z-index:2;}
#eu-articles-root .eua-prog-fill{height:100%;background:#1363df;transition:width .3s;}
/* ── Card body ── */
#eu-articles-root .eua-ci{padding:16px 18px 18px;flex:1;display:flex;flex-direction:column;}
#eu-articles-root .eua-ct{font-size:15px;font-weight:700;line-height:1.4;color:#082a5e;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s;}
#eu-articles-root .eua-excerpt{font-size:13px;color:#39557e;line-height:1.55;margin-bottom:8px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
#eu-articles-root .eua-cs{font-size:12px;color:#9ca3af;margin-bottom:6px;}
#eu-articles-root .eua-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px;}
#eu-articles-root .eua-card-tag{font-size:11px;font-weight:600;color:#1363df;background:#e7effc;border:none;border-radius:999px;padding:2px 10px;cursor:pointer;font-family:inherit;transition:background .15s;}
#eu-articles-root .eua-card-tag:hover{background:#c7d9fc;}
#eu-articles-root .eua-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:10px;border-top:1px solid #f0f0f0;}
#eu-articles-root .eua-done-btn{font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;border:1px solid #d0d8e8;border-radius:999px;padding:4px 14px;background:#fff;color:#39557e;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;}
#eu-articles-root .eua-done-btn:hover{background:#f0fdf4;border-color:#16a34a;color:#16a34a;}
#eu-articles-root .eua-done-btn.done{background:#16a34a;color:#fff;border-color:#16a34a;}
#eu-articles-root .eua-done-btn.done:hover{background:#15803d;border-color:#15803d;}
#eu-articles-root .eua-rl-btn{font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;border:1px solid #d0d8e8;border-radius:999px;padding:4px 14px;background:#fff;color:#39557e;transition:background .15s,color .15s,border-color .15s;white-space:nowrap;}
#eu-articles-root .eua-rl-btn:hover{background:#f4f7fb;border-color:#1363df;}
#eu-articles-root .eua-rl-btn.saved{background:#082a5e;color:#fff;border-color:#082a5e;}
/* ── Progress pill ── */
#eu-articles-root .eua-prog-pill-row{margin-bottom:8px;}
#eu-articles-root .eua-prog-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;border-radius:999px;padding:3px 10px;}
#eu-articles-root .eua-prog-pill.in-progress{background:#e7effc;color:#1363df;}
#eu-articles-root .eua-prog-pill.done{background:#f0fdf4;color:#16a34a;}
/* ── Search highlight ── */
#eu-articles-root mark.eua-hl{background:#fff3c4;color:#082a5e;border-radius:2px;padding:0 1px;font-style:normal;}
/* ── Continue Reading ── */
#eu-articles-root .eua-cr{max-width:1284px;margin:20px auto 0;padding:0 24px;}
#eu-articles-root .eua-cr-hd{font-size:16px;font-weight:600;color:#082a5e;margin-bottom:12px;display:flex;align-items:center;gap:6px;}
#eu-articles-root .eua-cr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;}
#eu-articles-root .eua-cr-card{cursor:pointer;display:flex;gap:10px;align-items:flex-start;background:#fff;border-radius:8px;padding:8px;border:1px solid var(--yt-border);transition:box-shadow .15s;}
#eu-articles-root .eua-cr-card:hover{box-shadow:0 2px 10px rgba(0,0,0,.1);}
#eu-articles-root .eua-cr-tw{position:relative;width:110px;flex-shrink:0;border-radius:6px;overflow:hidden;aspect-ratio:16/9;background:#e5e5e5;}
#eu-articles-root .eua-cr-tw img{width:100%;height:100%;object-fit:cover;display:block;}
#eu-articles-root .eua-cr-info{flex:1;min-width:0;}
#eu-articles-root .eua-cr-ttl{font-size:12px;font-weight:600;color:#082a5e;line-height:1.35;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#eu-articles-root .eua-cr-pct{font-size:11px;color:#39557e;}
#eu-articles-root .eua-cr-sep{border:none;border-top:1px solid var(--yt-border);max-width:1284px;margin:16px auto 0;}
/* ── Load More ── */
#eu-articles-root .eua-load-more-wrap{text-align:center;padding:8px 24px 48px;max-width:1284px;margin:0 auto;}
#eu-articles-root .eua-load-more-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:#fff;border:2px solid #1363df;border-radius:8px;color:#1363df;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s,color .15s;}
#eu-articles-root .eua-load-more-btn:hover{background:#1363df;color:#fff;}
#eu-articles-root .eua-load-more-btn:disabled{opacity:.5;cursor:not-allowed;}
#eu-articles-root .eua-load-more-count{font-size:12px;color:#9ca3af;margin-top:10px;}
/* ── Empty state ── */
#eu-articles-root .eua-empty{text-align:center;padding:80px 24px;color:#39557e;max-width:1284px;margin:0 auto;}
#eu-articles-root .eua-empty svg{opacity:.15;display:block;margin:0 auto 16px;}
#eu-articles-root .eua-empty p{font-size:16px;}
/* ── Responsive ── */
@media(max-width:768px){
  #eu-articles-root .eua-iw{padding-left:12px;padding-right:12px;}
  #eu-articles-root .eua-grid{grid-template-columns:1fr;gap:16px;padding:0 12px 32px;}
  #eu-articles-root .eua-card{flex-direction:row;align-items:stretch;}
  #eu-articles-root .eua-tw{width:140px;flex-shrink:0;border-radius:0;aspect-ratio:auto;min-height:120px;}
  #eu-articles-root .eua-ci{flex:1;min-width:0;padding:12px 14px;}
  #eu-articles-root .eua-ct{font-size:13px;}
  #eu-articles-root .eua-excerpt{-webkit-line-clamp:2;}
}