.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}.navigation-panel{margin-block:1.5rem}.navigation-panel__dialog{width:100%}.navigation-panel__header{display:none}.navigation-panel__header[hidden]{display:none!important}.navigation-panel__title{font-size:1.25rem;font-weight:700;color:#1f2937}.navigation-panel__close{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:0;border-radius:50%;background-color:#edf2f7;color:#1f2937;font-size:1.125rem}.navigation-panel__close:focus{outline:none;box-shadow:0 0 0 2px rgba(90,55,140,.2)}.navigation-panel__close:focus-visible{outline:2px solid #5a378c;outline-offset:2px}.navigation-form{position:sticky;top:var(--page-header-height);z-index:1050;background-color:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(15,23,42,.08);padding-block:.75rem}@supports not (backdrop-filter: blur(12px)) {
  .navigation-form {
    background-color: #f8f9fa;
  }
}.navigation-form__label{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6c757d;margin-bottom:.5rem}.navigation-form__segmented{display:flex;flex-wrap:wrap;gap:.5rem}.navigation-form__segmented--nowrap{flex-wrap:nowrap;gap:.75rem}.navigation-form__segmented--nowrap .navigation-form__chip{flex:1 1 auto;white-space:nowrap}.navigation-form__chip{border-radius:999px;padding-inline:1rem;font-weight:600;transition:transform .2s ease , box-shadow .2s ease}.navigation-form__chip:hover{transform:translateY(-1px)}.navigation-form__segmented .btn-check:checked+.navigation-form__chip{background:linear-gradient(135deg,#343045,#1f1b2e);border-color:transparent;color:#fff;box-shadow:0 10px 18px rgba(15,23,42,.18)}.navigation-form__group-column,.navigation-form__ordering-column{display:flex;flex-direction:column}@media (min-width:992px){.navigation-form__ordering-column{min-width:20rem}}@media (min-width:1200px){.navigation-form__ordering-column{min-width:22rem}}@media (max-width:600px){.navigation-form{padding-inline:1rem}.navigation-form__segmented--nowrap{flex-wrap:wrap;gap:.5rem}}.mobile-filter-backdrop{display:none}@media (max-width:767.98px){body.mobile-filter-open{overflow:hidden}.navigation-panel{position:fixed;inset-inline:0;bottom: calc(env(safe-area-inset-bottom) + 5.75rem);z-index:1100;display:none;padding-inline:1rem;margin-block:0;opacity:0;transform:translateY(1.5rem);transition:opacity .3s ease , transform .3s ease}.navigation-panel--visible{display:block;opacity:1;transform:translateY(0)}.navigation-panel__dialog{background-color:#fff;border-radius:1.25rem;box-shadow:0 20px 40px rgba(15,23,42,.25);padding:1.5rem 1.25rem;max-width:640px;margin:0 auto;max-height:calc(100vh - 7rem);overflow-y:auto}.navigation-panel--visible .navigation-panel__header:not([hidden]) {display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.navigation-panel__title{font-size:1rem}.navigation-panel__close{width:2rem;height:2rem;font-size:1rem}.navigation-panel .container-xxl{padding:0}.navigation-form{position:static;background-color:transparent;backdrop-filter:none;border:0;padding:0;box-shadow:none}.mobile-filter-backdrop{position:fixed;inset:0;z-index:1050;background:rgba(15,23,42,.4);opacity:0;transition:opacity .3s ease}.mobile-filter-backdrop--visible{display:block;opacity:1}}