.article-discovery{border-bottom:1px solid var(--line);align-items:center;gap:.8rem;margin:-.15rem 0 1rem;padding-bottom:.8rem;display:flex;position:relative}.article-quick-themes{white-space:nowrap;scrollbar-width:none;flex:1;align-items:center;gap:.4rem;min-width:0;display:flex;overflow-x:auto}.article-quick-themes::-webkit-scrollbar{display:none}.article-quick-label{color:var(--faint);letter-spacing:.08em;margin-right:.25rem;font-size:.69rem;font-weight:700}.article-quick-link{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;flex:none;padding:.36rem .7rem;font-size:.76rem}.article-quick-link:hover{border-color:var(--ink);color:var(--ink)}.article-quick-link.is-active{border-color:var(--ink);background:var(--ink);color:var(--bg)}.article-filter-disclosure{flex:none}.article-filter-disclosure summary{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap;align-items:center;gap:.45rem;padding:.38rem .58rem;font-size:.78rem;font-weight:700;list-style:none;display:flex}.article-filter-disclosure summary::-webkit-details-marker{display:none}.article-filter-disclosure summary:hover,.article-filter-disclosure[open] summary{border-color:var(--ink)}.article-filter-count{background:var(--shu);color:#fff;border-radius:50%;place-items:center;width:1.15rem;height:1.15rem;font-size:.65rem;display:inline-grid}.article-filter-panel{z-index:25;border:1px solid var(--line);background:var(--surface);grid-template-columns:1fr 1fr;gap:1.4rem 1.8rem;width:min(800px,100%);max-height:min(72vh,720px);padding:1.5rem;display:grid;position:absolute;top:calc(100% - .1rem);right:0;overflow:auto;box-shadow:0 18px 44px #161c182e}.article-filter-group h3{border-bottom:1px solid var(--line);font-family:var(--font-serif), "Yu Mincho", serif;margin-bottom:.6rem;padding-bottom:.35rem;font-size:.96rem;font-weight:700}.article-filter-themes{grid-column:1/-1}.article-filter-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.article-filter-themes .article-filter-options{grid-template-columns:repeat(3,minmax(0,1fr))}.article-filter-option{min-width:0;color:var(--muted);justify-content:space-between;align-items:baseline;gap:.35rem;padding:.38rem .5rem;font-size:.76rem;display:flex}.article-filter-option:hover{background:var(--surface-2);color:var(--ink)}.article-filter-option.is-active{background:var(--brand-soft);color:var(--ink);font-weight:700}.article-filter-option small{color:var(--faint);font-variant-numeric:tabular-nums;flex:none;font-size:.67rem}.article-filter-tags{flex-wrap:wrap;gap:.4rem;display:flex}.article-filter-tags a{border:1px solid var(--line);color:var(--muted);padding:.34rem .55rem;font-size:.72rem}.article-filter-tags a:hover,.article-filter-tags a.is-active{border-color:var(--shu);color:var(--shu)}.article-filter-extra{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:.7rem;padding-top:.8rem;font-size:.76rem;display:flex}.article-filter-extra>a:first-child{border:1px solid var(--line);padding:.45rem .65rem}.article-filter-extra>a:first-child.is-active{border-color:var(--shu);color:var(--shu);font-weight:700}.article-filter-extra span{color:var(--faint)}.article-premium-link{color:var(--accent)}@media (max-width:640px){.article-discovery{gap:.45rem}.article-quick-label{display:none}.article-filter-panel{grid-template-columns:1fr;gap:1.15rem;padding:1rem}.article-filter-themes,.article-filter-extra{grid-column:1}.article-filter-themes .article-filter-options{grid-template-columns:repeat(2,minmax(0,1fr))}.article-filter-disclosure summary{padding:.38rem .48rem}}