html.no-js .bloglist .finder{display:none}.bloglist .finder{margin-bottom:var(--space-lg)}.bloglist .finder__search{max-width:34rem;color:var(--ink-subtle);align-items:center;display:flex;position:relative}.bloglist .finder__search svg{pointer-events:none;position:absolute;left:1rem}.bloglist .finder__search input{width:100%;min-height:52px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);padding:.75rem 1rem .75rem 2.875rem;font-size:1rem}.bloglist .finder__search input::placeholder{color:var(--ink-subtle);opacity:1}.bloglist .finder__search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash);outline:none}.bloglist .finder__filters{gap:var(--space-2xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}@media (width<=759px){.bloglist .finder__filters{overscroll-behavior-x:contain;margin-inline:calc(var(--space-md) * -1);padding-inline:var(--space-md);scroll-padding-inline:var(--space-md);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.bloglist .finder__filters::-webkit-scrollbar{display:none}.bloglist .chip{white-space:nowrap;flex:none}}.bloglist .chip{min-height:44px;color:var(--ink-muted);border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;align-items:center;gap:.4rem;padding:0 .875rem;font-size:.9375rem;font-weight:500;display:inline-flex}.bloglist .chip__n{color:var(--ink-subtle);font-size:.75rem}@media (hover:hover){.bloglist .chip:hover{color:var(--ink);border-color:var(--ink-subtle)}}.bloglist .chip[aria-pressed=true]{color:var(--ink);background:var(--accent-wash);border-color:var(--accent);font-weight:600}.bloglist .chip[aria-pressed=true] .chip__n{color:var(--ink-muted)}.bloglist .finder__status{margin-top:var(--space-sm);color:var(--ink-muted);font-size:.875rem}.bloglist .finder__status:empty{display:none}.bloglist .list{border-top:1px solid var(--line);list-style:none}.bloglist .list__row{border-bottom:1px solid var(--line)}.bloglist .list__empty{color:var(--ink-muted)}.bloglist .row{gap:var(--space-sm);padding-block:var(--space-md);display:grid}@media (width>=760px){.bloglist .row{gap:var(--space-xl);grid-template-columns:1fr 280px;align-items:center}}.bloglist .row__cover{order:-1;display:block}@media (width>=760px){.bloglist .row__cover{order:0}}.bloglist .row__body{gap:var(--space-2xs);flex-direction:column;display:flex}.bloglist .row__cat{color:var(--accent-text)}.bloglist .row__title{letter-spacing:-.028em;text-wrap:balance;transition:color var(--duration-fast) var(--ease-out);font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:600;line-height:1.2}@media (hover:hover){.bloglist .row:hover .row__title{color:var(--accent-text)}}.bloglist .row__desc{color:var(--ink-muted);max-width:60ch;font-size:.9375rem;line-height:1.55}.bloglist .row__meta{color:var(--ink-subtle);font-size:.8125rem}.bloglist .result-cover{aspect-ratio:16/9;border-radius:var(--radius-md);background:light-dark(var(--color-mist),var(--color-graphite));display:block;overflow:clip}.bloglist .result-cover img{object-fit:cover;width:100%;height:100%;display:block}.bloglist .noresult{padding-block:var(--space-lg);border-bottom:1px solid var(--line)}.bloglist .noresult__title{letter-spacing:-.02em;font-size:1.25rem;font-weight:600}.bloglist .noresult__text{margin-top:var(--space-2xs);color:var(--ink-muted)}.bloglist .noresult__text a,.bloglist .noresult__clear{font:inherit;color:var(--accent-text);text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.bloglist .pager{align-items:center;gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:1fr auto 1fr;font-size:.9375rem;font-weight:600;display:grid}.bloglist .pager a{min-height:44px;color:var(--accent-text);align-items:center;display:inline-flex}.bloglist .pager a:last-child{justify-self:end}.bloglist .pager__at{color:var(--ink-subtle);font-weight:400}