/* WisdomSpoon v0.3.9.41 private YouTube chart discovery pilot: compact row layout. Isolated selectors. */
.wsce-popular{--navy:#0a2d5b;--cyan:#0ea5e9;--aqua:#2dd4bf;--ink:#123956;--border:#cde4f2;max-width:1120px;margin:12px auto 55px;color:var(--ink);font-family:inherit}
.wsce-popular *{box-sizing:border-box}
.wsce-popular-warning{margin:0 0 14px;padding:10px 15px;background:#fff3df;border:1px solid #f0c990;border-radius:11px;color:#775019;font:800 11px/1.45 system-ui,sans-serif;letter-spacing:.5px}
.wsce-popular-hero{position:relative;overflow:hidden;padding:34px 36px;background:linear-gradient(125deg,#0a2d5b,#0b5077 78%,#087b87);color:#fff;border-radius:21px;margin-bottom:18px;box-shadow:0 12px 30px #0a2d5b17}
.wsce-popular-hero:after{position:absolute;content:"";pointer-events:none;right:-60px;top:-120px;border:40px solid #2dd4bf24;width:280px;height:280px;border-radius:50%;box-shadow:0 0 0 38px #0ea5e913}
.wsce-popular-hero span{font:850 11px/1.3 system-ui,sans-serif;letter-spacing:1.6px;color:#91eded}
.wsce-popular-hero h2{font-size:clamp(28px,3.2vw,40px);line-height:1.16;color:#fff!important;margin:14px 0 12px}
.wsce-popular-hero p{font-size:15px;line-height:1.6;max-width:700px;color:#dcecf5;margin:0}
.wsce-popular-filter{padding:17px 18px;background:#f4faff;border:1px solid var(--border);border-radius:15px;display:flex;align-items:end;gap:13px;flex-wrap:wrap;margin-bottom:24px}
.wsce-popular-filter>div{flex:1 1 230px;min-width:0}.wsce-popular-filter label{display:block;font:800 13px/1.4 system-ui,sans-serif;color:var(--navy);margin:0 0 6px}
.wsce-popular-filter select{display:block;width:100%;height:46px;padding:0 10px;border:1px solid #b9d7e6;border-radius:9px;background:#fff;color:var(--ink)}
.wsce-popular-filter button{height:46px;padding:0 17px;border:0;border-radius:9px;background:var(--navy);color:white;font:800 12px/1.3 system-ui,sans-serif;cursor:pointer}
.wsce-popular-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:4px 0 16px}.wsce-popular-heading small{font:800 10px/1.5 system-ui,sans-serif;color:#078da6;letter-spacing:1.3px}.wsce-popular-heading h3{font-size:24px;line-height:1.24;margin:5px 0;color:var(--navy)!important}.wsce-popular-heading p{color:#52738b;margin:3px 0;font-size:13px}.wsce-popular-stamp{padding:8px;border-radius:8px;background:#eaf6fc;font:600 11px/1.4 system-ui,sans-serif;color:#52768c}
/* Compact editorial rows: a quick browse rather than a gallery of oversized thumbnails. */
.wsce-popular-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.wsce-popular-card{display:grid;grid-template-columns:216px minmax(0,1fr);min-width:0;background:#fff;border:1px solid var(--border);border-left:4px solid var(--cyan);border-radius:14px;overflow:hidden;box-shadow:0 4px 14px #0a2d5b08;transition:box-shadow .15s ease,border-color .15s ease}
.wsce-popular-card:hover{box-shadow:0 7px 23px #0a2d5b15;border-color:#a6d5eb}
.wsce-popular-card:nth-child(3n+2){border-left-color:var(--aqua)}
.wsce-popular-image{position:relative;display:flex;width:100%;min-width:0;height:100%;align-self:stretch;background:#10273a;align-items:center;justify-content:center;overflow:hidden;color:#fff!important;text-decoration:none!important;min-height:0}
.wsce-popular-image img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wsce-popular-play{position:absolute;display:flex;align-items:center;justify-content:center;width:43px;height:34px;background:#0a2d5be8;color:white;border-radius:9px;font-size:16px}
.wsce-popular-info{padding:14px 18px;display:flex;min-width:0;flex-direction:column;gap:5px}
.wsce-popular-info h4{font-size:18px;line-height:1.28;overflow-wrap:anywhere;color:var(--navy)!important;margin:0;max-width:820px}
.wsce-popular-channel{margin:0;color:#52738c;font-size:12px}
.wsce-popular-stats{display:flex;flex-wrap:wrap;gap:7px 14px;margin:5px 0 6px}
.wsce-popular-stats span{padding:0;background:transparent;color:#52738b;font:500 12px/1.55 system-ui,sans-serif}
.wsce-popular-stats strong{font-weight:800;color:var(--navy)}
.wsce-popular-actions{border-top:1px solid #e1edf4;padding-top:9px;margin-top:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.wsce-popular-actions a{text-decoration:none!important;font:750 12px/1.4 system-ui,sans-serif}
.wsce-popular-analyse{padding:8px 11px;background:var(--navy);color:#fff!important;border-radius:8px}
.wsce-popular-watch{color:#006e96!important}
.wsce-popular-actions a:focus-visible,.wsce-popular-image:focus-visible{outline:3px solid #0ea5e9;outline-offset:-3px}
.wsce-popular-error,.wsce-popular-empty{padding:25px;background:#f4f9fc;border:1px dashed var(--border);border-radius:13px;color:#36566d}.wsce-popular-foot{margin-top:25px;padding:21px 23px;border:1px solid var(--border);border-radius:14px;background:#f3f9fc;font-size:12px;line-height:1.65;color:#526f84}.wsce-popular-foot strong{color:var(--navy);font-size:14px}.wsce-popular-foot p{margin:9px 0 0}.wsce-popular-foot code{font-size:11px}
@media(max-width:760px){
 .wsce-popular-hero{padding:26px 21px}
 .wsce-popular-filter button{width:100%}
 .wsce-popular-card{grid-template-columns:175px minmax(0,1fr)}
 .wsce-popular-image{min-height:0}
 .wsce-popular-info{padding:12px 14px}
 .wsce-popular-info h4{font-size:16px}
 .wsce-popular-stats{margin:3px 0}
}
@media(max-width:525px){
 .wsce-popular-card{grid-template-columns:135px minmax(0,1fr)}
 .wsce-popular-image{align-self:start;min-height:92px;height:100%;max-height:150px}
 .wsce-popular-image img{height:100%;object-fit:cover}
 .wsce-popular-info{padding:11px 12px;gap:5px}
 .wsce-popular-info h4{font-size:15px;line-height:1.29}
 .wsce-popular-channel{font-size:11px}
 .wsce-popular-stats{gap:3px 9px}
 .wsce-popular-stats span{font-size:11px}
 .wsce-popular-actions{gap:8px;padding-top:8px}
 .wsce-popular-actions a{font-size:11px}
 .wsce-popular-analyse{padding:7px 9px}
}
@media(max-width:370px){
 .wsce-popular-card{grid-template-columns:112px minmax(0,1fr)}
 .wsce-popular-image{min-height:75px;max-height:130px}
 .wsce-popular-info{padding:10px}
 .wsce-popular-stats{gap:2px 7px}
}
/* v0.3.9.42: compact comparison selector and conditional pagination. */
.wsce-popular .wsce-popular-card[hidden],
.wsce-popular .wsce-popular-picker[hidden],
.wsce-popular .wsce-popular-pagination[hidden]{display:none!important}
.wsce-popular-title-row{display:flex;gap:10px;justify-content:space-between;align-items:start}
.wsce-popular-title-row h4{min-width:0;flex:1 1 auto}
.wsce-popular-select{flex:0 0 auto;display:flex;align-items:center;gap:6px;white-space:nowrap;padding:5px 9px;border:1px solid #b9dce9;background:#f2fafc;border-radius:8px;font:750 11px/1.3 system-ui,sans-serif;color:#0a4f72;cursor:pointer}
.wsce-popular-select input{width:16px;height:16px;margin:0;accent-color:#087e96;cursor:pointer}
.wsce-popular-select:has(input:disabled){opacity:.55;cursor:not-allowed}
.wsce-popular-card.is-selected{background:#f6fdfd;border-color:#0c9a99;box-shadow:0 3px 13px #0c9a991c}
.wsce-popular-picker{position:sticky;top:153px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;padding:12px 16px;margin:0 0 16px;background:#eaf9fa;border:1px solid #71cfcf;border-radius:13px;box-shadow:0 6px 16px #0a2d5b18}
.wsce-popular-picker-copy{display:flex;flex-direction:column;gap:3px;font:500 12px/1.45 system-ui,sans-serif}
.wsce-popular-picker-copy strong{font-size:14px;color:#075a64}
.wsce-popular-picker-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.wsce-popular-picker-actions button{border:1px solid #0a2d5b;border-radius:8px;background:#0a2d5b;color:#fff;font:750 12px/1.3 system-ui,sans-serif;padding:10px 12px;cursor:pointer}
.wsce-popular-picker-actions button:disabled{opacity:.5;cursor:not-allowed}
.wsce-popular-picker-actions button[data-clear-selection]{color:#0a2d5b;background:#fff}
.wsce-popular-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:20px 0 12px;font:650 12px/1.3 system-ui,sans-serif}
.wsce-popular-pagination button{min-width:35px;border:1px solid #afd0e2;border-radius:8px;background:#f4faff;color:#0a2d5b;padding:9px 11px;cursor:pointer}
.wsce-popular-pagination button.is-active{color:#fff;background:#0a2d5b;border-color:#0a2d5b}
.wsce-popular-pagination button:disabled{opacity:.43;cursor:not-allowed}
.wsce-popular-page-status{width:100%;text-align:center;color:#567387;font-weight:500;font-size:11px}
.wsce-popular-picker button:focus-visible,.wsce-popular-pagination button:focus-visible,.wsce-popular-select:focus-within{outline:2px solid #0ea5e9;outline-offset:2px}
@media(max-width:640px){
 .wsce-popular-picker{position:sticky;top:72px;padding:10px 12px}
 .wsce-popular-title-row{flex-wrap:wrap}
 .wsce-popular-title-row h4{flex-basis:100%}
 .wsce-popular-select{margin-left:auto}
}