.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)}.article__detail-link{color:inherit;text-decoration:none}.article__detail-link::after{content:"";position:absolute;inset:0;z-index:1}.article__detail-link:focus-visible{outline:2px solid #5a378c;outline-offset:4px}@media (min-width:768px){.article__title{font-size:1.05rem}}.article__info{gap:var(--space-sm);flex-wrap:wrap}.article__source{color:#495057;font-weight:500;min-width:0;overflow-wrap:anywhere}.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-empty{border:1px dashed rgba(15,23,42,.2);border-radius:.5rem;color:#6c757d;padding:1.25rem;text-align:center}.article-empty__title{margin-bottom:.5rem;color:#1f2937;font-size:1rem;font-weight:700}.article-empty__text{margin-bottom:1rem}.article-empty__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.article--highlight .article__title{color:#c41e3a}.article__debug{margin-top:var(--space-xs)}.article__actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.article__actions .btn{min-height:2.5rem;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.article__read-later.is-saved{background-color:#343045;border-color:#343045;color:#fff}.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}