/* ================================================================
   TOP 10 / LISTA EDITORIAL — RESTAURADO NA VERSÃO 2.2.1
   Ativado apenas por article_layout=top-list + exatamente 10 list_items.
   ================================================================ */
.yn-top-list-body,
.yn-top-list-body .yn-main{background:#000}
.yn-top-list-body{--yn-list-accent:#8b3dff;--yn-list-accent-soft:#b88cff;--yn-list-surface:#080a0e;--yn-list-surface-2:#0d1016;--yn-list-line:#242936}
.yn-top-list-body .yn-site-header{background:rgba(0,0,0,.94);border-bottom-color:rgba(139,61,255,.42)}
.yn-top-list-body .yn-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.yn-top-list-body .yn-inline-share{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#9ca3b3;font-size:12px}
.yn-top-list-body .yn-inline-share button,.yn-top-list-body .yn-inline-share a{width:36px;height:36px;border:1px solid #303544;background:#0d0f14;color:#fff;border-radius:9px;display:grid;place-items:center;cursor:pointer}
.yn-top-list-body .yn-inline-share button:hover,.yn-top-list-body .yn-inline-share a:hover{border-color:#8b3dff;color:#c9a6ff;background:#15101f}
.yn-top-list-body .yn-editorial-box{position:relative;margin:14px 0;border:1px solid #2a2f3a;border-radius:10px;background:linear-gradient(145deg,#11141a,#0b0d12);padding:18px 20px;color:#d7d5dd}
.yn-top-list-body .yn-editorial-box p{margin:8px 0 0;line-height:1.65}
.yn-top-list-body .yn-spoiler-box{display:flex;gap:13px;align-items:flex-start;border-color:rgba(155,92,255,.48);background:linear-gradient(145deg,rgba(52,23,81,.58),#0d0b12)}
.yn-top-list-body .yn-spoiler-box strong{color:#d2adff}
.yn-top-list-body .yn-box-icon{flex:0 0 auto;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#8b3dff;color:white;font-weight:900}
.yn-top-list-body .yn-quick-box,.yn-top-list-body .yn-summary-box{border-color:rgba(139,61,255,.5);box-shadow:inset 3px 0 0 #8b3dff}
.yn-top-list-body .yn-box-label{color:#c89dff;font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:13px}
.yn-top-list-body .yn-faq{margin-top:24px}
.yn-top-list-body .yn-faq>h2,.yn-top-list-body .yn-sources>h2{font-size:22px;margin:0 0 12px}
.yn-top-list-body .yn-faq details{border:1px solid #292d37;border-radius:8px;background:#0d0f14;margin-bottom:8px}
.yn-top-list-body .yn-faq summary{cursor:pointer;list-style:none;padding:13px 15px;font-weight:700;color:#ececee}
.yn-top-list-body .yn-faq summary::-webkit-details-marker{display:none}
.yn-top-list-body .yn-faq summary:after{content:'⌄';float:right;color:#b88cff}
.yn-top-list-body .yn-faq details div{padding:0 15px 14px;color:#b7b4bf}
.yn-top-list-body .yn-faq details p{margin:0}
.yn-top-list-body .yn-sources{margin:24px 0}
.yn-top-list-body .yn-sources ul{padding-left:20px;color:#b7b4bf}
.yn-top-list-body .yn-sources a{color:#b88cff;text-decoration:underline}
.yn-top-list-body .yn-side-posts{display:grid;margin-top:10px}
.yn-top-list-body .yn-side-post{display:grid;grid-template-columns:82px 1fr;gap:10px;padding:11px 0;border-top:1px solid #292d37}
.yn-top-list-body .yn-side-post:first-child{border-top:0;padding-top:0}
.yn-top-list-body .yn-side-post img{width:82px;height:58px;object-fit:cover;border-radius:6px}
.yn-top-list-body .yn-side-post strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.35;color:#f7f6fb}
.yn-top-list-body .yn-side-post small{display:block;color:#858995;font-size:10px;margin-top:5px}
.yn-top-list-body .yn-grid-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}

.yn-top-list-page{background:#000;min-height:100vh;color:#f7f6fb}
.yn-top-list-hero{padding:0 0 26px;background:#000}
.yn-top-list-hero>.yn-container{position:relative}
.yn-top-list-hero-media{position:relative;margin:0;min-height:520px;border:1px solid #1c2130;border-top:0;overflow:hidden;background:#080a0e}
.yn-top-list-hero-media img{width:100%;height:100%;min-height:520px;object-fit:cover}
.yn-top-list-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 25%,rgba(0,0,0,.94) 100%)}
.yn-top-list-heading{position:absolute;left:54px;right:420px;bottom:48px;z-index:2}
.yn-top-list-kicker{display:inline-flex;padding:6px 11px;border:1px solid rgba(184,140,255,.72);border-radius:999px;background:rgba(88,34,166,.88);color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.yn-top-list-heading h1{font-size:clamp(38px,4.1vw,67px);line-height:1.04;letter-spacing:-.045em;margin:14px 0 13px;max-width:1020px}
.yn-top-list-excerpt{font-size:18px;line-height:1.55;color:#d3d0da;max-width:900px;margin:0 0 18px}
.yn-top-list-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;color:#b7b4bf;font-size:12px}
.yn-top-list-meta>span{display:inline-flex;align-items:center;gap:6px}
.yn-top-list-meta>span+span:before{content:'•';margin-right:4px;color:#5f6572}
.yn-top-list-author{display:inline-flex;align-items:center;gap:8px;color:#d7d5dd}
.yn-top-list-author img{border-radius:50%;border:2px solid rgba(139,61,255,.65)}
.yn-top-list-author strong{color:#fff}
.yn-top-list-layout{display:grid;grid-template-columns:minmax(0,920px) 330px;gap:34px;align-items:start;padding-bottom:70px}
.yn-top-list-main{min-width:0}
.yn-top-list-share{margin:0 0 18px}
.yn-top-list-intro,.yn-top-list-outro{font-family:Manrope,system-ui,sans-serif;font-size:17px;line-height:1.76;color:#d6d4dc}
.yn-top-list-intro p,.yn-top-list-outro p{margin:0 0 18px}
.yn-top-list-intro h2,.yn-top-list-outro h2{font-size:27px}
.yn-top-list-criteria{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:center;margin:24px 0 26px;padding:20px 22px;border:1px solid rgba(139,61,255,.68);border-radius:14px;background:linear-gradient(145deg,rgba(46,18,80,.44),rgba(8,10,14,.98));box-shadow:inset 0 0 32px rgba(139,61,255,.06)}
.yn-top-list-criteria-icon{width:58px;height:58px;border:2px solid var(--yn-list-accent);border-radius:50%;display:grid;place-items:center;color:#c69bff;font-size:27px;background:#120c1d}
.yn-top-list-criteria h2{font-size:18px;margin:0 0 5px}
.yn-top-list-criteria p{margin:0;color:#cfccd6;font-size:14px;line-height:1.6}
.yn-top-list-criteria small{display:block;color:#8f8a99;margin-top:8px}
.yn-top-list-items{display:grid;gap:16px}
.yn-top-list-item{display:grid;grid-template-columns:minmax(300px,42%) 1fr;min-height:260px;border:1px solid var(--yn-list-line);border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#0d1015,#06080b);scroll-margin-top:108px;box-shadow:0 20px 50px rgba(0,0,0,.28)}
.yn-top-list-item.is-reversed{grid-template-columns:1fr minmax(300px,42%)}
.yn-top-list-item.is-reversed .yn-top-list-item-media{order:2}
.yn-top-list-item.is-reversed .yn-top-list-item-copy{order:1}
.yn-top-list-item-media{position:relative;min-height:260px;margin:0;background:#0b0d12;overflow:hidden}
.yn-top-list-item-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.yn-top-list-item-media figcaption{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:8px 12px;background:linear-gradient(transparent,rgba(0,0,0,.88));color:#d0cbd8;font-size:10px;line-height:1.35;text-align:center}
.yn-top-list-item-media figcaption span:before,.yn-top-list-hero-media figcaption span:before{content:'©';margin:0 4px 0 7px}
.yn-top-list-hero-media figcaption{position:absolute;top:12px;right:12px;z-index:4;max-width:62%;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:rgba(0,0,0,.7);color:#c6c2ca;font-size:10px;line-height:1.35;text-align:right}
.yn-top-list-item:hover .yn-top-list-item-media img{transform:scale(1.025)}
.yn-top-list-number{position:absolute;left:14px;top:14px;z-index:2;min-width:44px;height:44px;padding:0 9px;border-radius:10px;display:grid;place-items:center;background:rgba(29,12,55,.92);border:1px solid rgba(184,140,255,.72);color:#fff;font-weight:900;font-size:18px;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.yn-top-list-item-copy{display:flex;flex-direction:column;justify-content:center;padding:26px 28px}
.yn-top-list-item-heading{display:flex;gap:10px;align-items:flex-start;margin-bottom:9px}
.yn-top-list-item-heading>span{display:none;color:var(--yn-list-accent-soft);font-weight:900;font-size:22px}
.yn-top-list-item h2{font-size:27px;line-height:1.12;letter-spacing:-.025em;margin:0;scroll-margin-top:110px}
.yn-top-list-subtitle{color:var(--yn-list-accent-soft)!important;font-weight:700;margin:5px 0 0!important}
.yn-top-list-item-copy>p{color:#c7c4ce;font-size:15px;line-height:1.63;margin:0 0 11px}
.yn-top-list-reason{color:#e0dde7!important}
.yn-top-list-difference{padding-top:10px;border-top:1px solid #202532}
.yn-top-list-difference strong{color:#bf95ff}
.yn-top-list-labels{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}
.yn-top-list-labels span{padding:5px 9px;border:1px solid #2b2341;border-radius:6px;background:#171124;color:#cdb6ed;font-size:10px}
.yn-top-list-sidebar{min-width:0}
.yn-top-list-sticky{position:sticky;top:104px;display:grid;gap:15px}
.yn-top-list-toc,.yn-top-list-side-card{border:1px solid var(--yn-list-line);border-radius:13px;background:linear-gradient(145deg,#0d1015,#07090c);padding:18px}
.yn-top-list-toc h2,.yn-top-list-side-card h2{font-size:17px;margin:0 0 13px}
.yn-top-list-toc ol{list-style:none;padding:0;margin:0}
.yn-top-list-toc li+li{border-top:1px solid #202431}
.yn-top-list-toc a{display:grid;grid-template-columns:25px 1fr;gap:8px;padding:10px 0;color:#cfccd5;font-size:12px;line-height:1.35}
.yn-top-list-toc a:hover{color:#fff}
.yn-top-list-toc a span{color:#b88cff;font-weight:900}
.yn-top-list-newsletter{text-align:center;border-color:rgba(139,61,255,.52);background:linear-gradient(145deg,#1a0f2c,#080a0e)}
.yn-top-list-sparkles{color:#b88cff;font-size:23px}
.yn-top-list-newsletter p{color:#bdb8c7;font-size:12px}
.yn-top-list-newsletter .yn-newsletter-form{display:grid;gap:8px}
.yn-top-list-newsletter input,.yn-top-list-newsletter button{width:100%;border-radius:8px;padding:11px}
.yn-top-list-newsletter input{border:1px solid #303544;background:#0b0e12;color:#fff}
.yn-top-list-newsletter button{border:0;background:linear-gradient(90deg,#6331c6,#9b48ff);color:#fff;font-weight:800}
.yn-top-list-newsletter small{color:#777181}
.yn-top-list-mobile-toc{display:none;margin:20px 0;border:1px solid rgba(139,61,255,.72);border-radius:10px;background:#0b0d12}
.yn-top-list-mobile-toc summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 16px;font-weight:800}
.yn-top-list-mobile-toc summary::-webkit-details-marker{display:none}
.yn-top-list-mobile-toc summary:after{content:'⌄';margin-left:auto;color:#b88cff}
.yn-top-list-mobile-toc[open] summary:after{transform:rotate(180deg)}
.yn-top-list-mobile-toc ol{list-style:none;padding:0 16px 14px;margin:0}
.yn-top-list-mobile-toc li+li{border-top:1px solid #242936}
.yn-top-list-mobile-toc a{display:grid;grid-template-columns:26px 1fr;gap:8px;padding:9px 0;font-size:12px;color:#cecbd5}
.yn-top-list-mobile-toc a span{color:#b88cff;font-weight:900}
.yn-top-list-author-box{border-color:#282d39;background:#080a0e}
.yn-top-list-related{padding:42px 0 72px;border-top:1px solid #1e222c;background:#020203}
.yn-top-list-related .yn-eyebrow{color:#a86aff}
.yn-top-list-body .yn-category,.yn-top-list-body .yn-author-link,.yn-top-list-body .yn-article-content a{color:#b88cff}
.yn-top-list-hero.is-no-image .yn-top-list-heading{position:relative;left:auto;right:auto;bottom:auto;padding:54px 0 20px}
.yn-top-list-item.has-no-image{grid-template-columns:1fr}

@media(max-width:1180px){
  .yn-top-list-heading{right:70px}
  .yn-top-list-layout{grid-template-columns:minmax(0,900px);justify-content:center}
  .yn-top-list-sidebar{display:none}
  .yn-top-list-mobile-toc{display:block}
}
@media(max-width:820px){
  .yn-top-list-hero{padding-bottom:20px}
  .yn-top-list-hero>.yn-container{width:100%}
  .yn-top-list-hero-media{min-height:340px;border-left:0;border-right:0}
  .yn-top-list-hero-media img{min-height:340px}
  .yn-top-list-heading{position:relative;left:auto;right:auto;bottom:auto;padding:20px 22px 0}
  .yn-top-list-heading h1{font-size:39px}
  .yn-top-list-excerpt{font-size:16px}
  .yn-top-list-meta{display:grid;gap:7px}
  .yn-top-list-meta>span+span:before{display:none}
  .yn-top-list-layout{width:min(calc(100% - 28px),760px);padding-bottom:48px}
  .yn-top-list-item,.yn-top-list-item.is-reversed{grid-template-columns:38% 1fr;min-height:230px}
  .yn-top-list-item.is-reversed .yn-top-list-item-media,.yn-top-list-item.is-reversed .yn-top-list-item-copy{order:0}
  .yn-top-list-item-media{min-height:230px}
  .yn-top-list-item-copy{padding:20px}
  .yn-top-list-item h2{font-size:22px}
  .yn-top-list-item-copy>p{font-size:14px}
  .yn-top-list-number{width:38px;min-width:38px;height:38px;font-size:16px}
  .yn-top-list-criteria{grid-template-columns:52px 1fr;padding:17px}
  .yn-top-list-criteria-icon{width:48px;height:48px}
  .yn-top-list-related .yn-grid-four{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .yn-top-list-body .yn-inline-share>span{display:none}
  .yn-top-list-hero-media,.yn-top-list-hero-media img{min-height:245px}
  .yn-top-list-heading{padding:17px 16px 0}
  .yn-top-list-heading h1{font-size:31px;line-height:1.08;margin-top:12px}
  .yn-top-list-excerpt{font-size:15px}
  .yn-top-list-layout{width:calc(100% - 20px)}
  .yn-top-list-criteria{grid-template-columns:1fr;text-align:left}
  .yn-top-list-criteria-icon{width:44px;height:44px}
  .yn-top-list-item,.yn-top-list-item.is-reversed{grid-template-columns:1fr}
  .yn-top-list-item-media,.yn-top-list-item.is-reversed .yn-top-list-item-media{order:0;min-height:205px}
  .yn-top-list-item-copy,.yn-top-list-item.is-reversed .yn-top-list-item-copy{order:1;padding:18px}
  .yn-top-list-item-heading>span{display:inline}
  .yn-top-list-item h2{font-size:23px}
  .yn-top-list-item-copy>p{font-size:14px}
  .yn-top-list-related .yn-grid-four{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px}
  .yn-top-list-related .yn-grid-four>.yn-card{flex:0 0 82%;scroll-snap-align:start}
}