.articles{padding-block:var(--space-lg)}.articles__item{list-style:none}.article{position:relative;display:block;color:inherit;overflow:hidden;transition:transform .2s ease , box-shadow .2s ease}.article::before{content:"";position:absolute;inset-block:0;left:0;width:var(--article-accent-width);background-color:transparent;pointer-events:none}.article.card{border:1px solid rgba(15,23,42,.08);border-radius:1rem;background-color:var(--color-surface)}.article.card .card-body{padding:1.25rem 1.5rem}.article__header{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:var(--space-sm)}.article:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(15,23,42,.12)}.article--nogizaka46::before{background-color:var(--color-nogizaka46)}.article--sakurazaka46::before{background-color:var(--color-sakurazaka46)}.article--hinatazaka46::before{background-color:var(--color-hinatazaka46)}.article__title{font-size:1rem;line-height:1.5;font-weight:600;color:var(--color-text)}@media (min-width:768px){.article__title{font-size:1.05rem}}.article__info{gap:var(--space-sm)}.article__source{color:#495057;font-weight:500}.article__date{color:#868e96}.article__rank{background-color:#6c757d;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center}.article__rank--first{background-color:var(--color-rank-first);color:#4d3b00}.article__rank--second{background-color:var(--color-rank-second);color:#343a40}.article__rank--third{background-color:var(--color-rank-third);color:#fff}.article--viewed{opacity:.7}.article--viewed .article__title{color:#6c757d}.articles--hide-viewed .articles__item--viewed{display:none}.article--highlight .article__title{color:#c41e3a}.article__debug{margin-top:var(--space-xs)}.article__badge{font-size:.75rem;border:none}.article__badge--daily{background-color:var(--color-badge-daily)}.article__badge--weekly{background-color:var(--color-badge-weekly)}.article__badge--monthly{background-color:var(--color-badge-monthly)}.article__badge--recommend{background-color:var(--color-badge-recommend)}.youtube-icon{display:inline-block;width:14px;height:14px;margin-right:4px;background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iNCIgcnk9IjQiIGZpbGw9IiNGRjAwMDAiLz48cG9seWdvbiBwb2ludHM9IjEwLDggMTYsMTIgMTAsMTYiIGZpbGw9IiNGRkZGRkYiLz48L3N2Zz4=') no-repeat center/contain}