.category-official{background-color:#fff9db}.hidden{display:none!important}.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__primary-link::after{content:"";position:absolute;inset:0;z-index:1}.article__primary-link:focus-visible{outline:none}.article__primary-link:focus-visible::after{outline:2px solid #5a378c;outline-offset:4px}.article__detail-action{position:relative;z-index:2}@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__date-compact{display:none}.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}@media (max-width:767.98px){.articles{--bs-gutter-y:.75rem;padding-block:.75rem}.article.card{border-radius:.75rem}.article.card .card-body{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.375rem .5rem!important;padding:.875rem 1rem .875rem 1.125rem}.article__header{grid-column: 1 / -1;gap:.375rem}.article__title{font-size:.95rem;line-height:1.42}.article__info{gap:.5rem;line-height:1.35;min-width:0}.article__source{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article__date{flex:0 0 auto;font-size:.8125rem}.article__date-full{display:none}.article__date-compact{display:inline}.article__actions{justify-content:flex-end;gap:.375rem;margin-top:0}.article__actions .btn{justify-content:center;width:2.75rem;min-height:2.75rem;padding:0}.article__actions .btn span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.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,.navigation-form__source-column,.navigation-form__member-column{display:flex;flex-direction:column}.navigation-form__member-current{margin-top:.5rem}.navigation-form__member-bar,.navigation-form__member-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.navigation-form__member-bar{justify-content:space-between}.navigation-form__member-actions{justify-content:flex-end}.navigation-form__text-link{color:#5a378c;font-size:.875rem;font-weight:700;text-decoration:none}.navigation-form__text-link:hover{text-decoration:underline}@media (min-width:992px){.navigation-form__ordering-column{min-width:0}}@media (min-width:1200px){.navigation-form__ordering-column{min-width:0}.navigation-form__member-bar{align-items:flex-start;flex-direction:column;gap:.25rem}.navigation-form__member-actions{align-items:flex-start;flex-direction:column;gap:.25rem}}@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) + 4.25rem);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}}