.article-list-layout{display:flex;flex-direction:column;gap:20px;padding:var(--article-page-header-gap) var(--safe-inline-end) 80px var(--safe-inline)}.article-list-main{flex:1;min-width:0;max-width:100%;overflow-x:clip}.article-list-page{max-width:none;margin:0;padding:0}@media(max-width:767px){.category-sidebar{display:none}}.category-sidebar__tree,.category-sidebar__root,.category-sidebar__children{list-style:none}.category-sidebar__link{display:block;color:var(--color-text-muted);transition:color var(--transition-fast)}.category-sidebar__link.is-active{color:var(--color-text);font-weight:600}@media(min-width:768px){.article-list-layout{display:block;padding:var(--article-page-header-gap) 0 80px}.article-list-main{width:var(--article-column-width);max-width:calc(100vw - 48px);margin-inline:auto}.category-sidebar{position:fixed;top:calc(var(--header-height-pc) + var(--article-page-header-gap));left:var(--category-sidebar-left);z-index:10;width:var(--category-sidebar-width)}.category-sidebar__link--root{position:relative;padding:0;font-size:.9375rem;font-weight:600;line-height:1.45;text-align:left;white-space:normal}.category-sidebar__link--root:after{content:"";position:absolute;left:var(--category-sidebar-tree-indent);top:100%;width:1px;height:calc(var(--category-sidebar-text-gap) + var(--category-sidebar-child-line-height) / 2);background:var(--color-border)}.category-sidebar__children{position:relative;display:flex;flex-direction:column;gap:var(--category-sidebar-text-gap);margin-top:var(--category-sidebar-text-gap);margin-left:var(--category-sidebar-tree-indent);padding-left:12px}.category-sidebar__children:before{content:"";position:absolute;left:0;top:calc(var(--category-sidebar-child-line-height) / 2);bottom:calc(var(--category-sidebar-child-line-height) / 2);width:1px;background:var(--color-border)}.category-sidebar__child{position:relative;display:flex;align-items:center;min-height:var(--category-sidebar-child-line-height)}.category-sidebar__child:before{content:"";position:absolute;left:-12px;top:50%;width:10px;height:1px;background:var(--color-border);transform:translateY(-50%)}.category-sidebar__link--child{padding:0;font-size:.875rem;line-height:1.45;text-align:left;white-space:normal}.category-sidebar__link:hover,.category-sidebar__link:focus-visible{color:var(--color-text)}.category-sidebar__link:focus-visible{outline:2px solid #999;outline-offset:2px}}.tag-filter{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;margin-bottom:var(--article-list-section-gap);overflow:hidden;max-height:var(--tag-filter-max-height-mobile)}@media(min-width:768px){.tag-filter{max-height:var(--tag-filter-max-height-pc)}}.tag-filter__chip{display:inline-block;padding:4px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:.8125rem;color:var(--color-text-muted);line-height:1.4;transition:box-shadow var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.tag-filter__chip:hover,.tag-filter__chip:focus-visible{box-shadow:var(--shadow-hover)}.tag-filter__chip:focus-visible{outline:2px solid #999;outline-offset:2px}.tag-filter__chip.is-active{color:var(--color-text);border-color:#d0d0d0;background:#fafafa}.article-list__items{list-style:none}.article-list__empty{padding:48px 0;text-align:center;font-size:.9375rem;color:var(--color-text-muted)}.article-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;margin-top:24px;padding-top:0}.article-pagination[hidden]{display:none}.article-pagination__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 10px;list-style:none}.article-pagination__nav{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:6px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;color:var(--color-text-muted);line-height:1.4;transition:box-shadow var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.article-pagination__nav:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.article-pagination__nav:not(:disabled):hover,.article-pagination__nav:not(:disabled):focus-visible{color:var(--color-text)}.article-pagination__page{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:4px 2px;border:none;border-radius:0;background:none;font-size:.875rem;color:var(--color-text-muted);line-height:1.4;cursor:pointer;transition:color var(--transition-fast)}.article-pagination__page.is-active{color:var(--color-text);font-weight:600}.article-pagination__page:not(.is-active):hover,.article-pagination__page:not(.is-active):focus-visible{color:var(--color-text)}.article-pagination__page:focus-visible{outline:2px solid #999;outline-offset:2px}.article-preview{padding:0 0 var(--article-preview-padding-bottom);border-bottom:1px solid var(--color-border)}.article-preview--separated{padding-top:var(--article-preview-padding-top)}.article-preview__link{display:flex;flex-direction:column;color:inherit;container-type:inline-size}.article-preview__title{flex-shrink:0;margin-bottom:12px;font-size:var(--article-list-title-size);font-weight:700;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-preview__image-wrap{flex-shrink:0;margin-bottom:12px}.article-preview__excerpt{flex-shrink:0;margin:0;font-size:.9375rem;line-height:1.55;color:var(--color-text-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.article-list-page--news{--article-news-card-height: 112px;--article-news-thumb-size: 88px}.article-list-page--news .article-list__items{display:flex;flex-direction:column;gap:10px}.article-list-page--news .article-preview{padding:0;border-bottom:none}.article-list-page--news .article-preview--separated{padding-top:0}.article-preview--news .article-preview__link--news{display:grid;grid-template-columns:var(--article-news-thumb-size) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:12px;row-gap:8px;box-sizing:border-box;height:var(--article-news-card-height);min-height:var(--article-news-card-height);padding:14px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);overflow:hidden}.article-preview--news .article-preview__meta{display:flex;flex-direction:column;gap:6px;grid-column:2;grid-row:1;min-width:0;min-height:0;overflow:hidden}.article-preview--news .article-preview__date{display:block;flex-shrink:0;font-size:.8125rem;color:var(--color-text-muted);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-preview--news .article-preview__title{margin-bottom:0;font-size:1rem;font-weight:700;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-preview--news .article-preview__thumb{grid-column:1;grid-row:1 / span 2;align-self:center;flex-shrink:0;width:var(--article-news-thumb-size);height:var(--article-news-thumb-size);margin-bottom:0;overflow:hidden;border-radius:6px;background:#e8e8e8}.article-preview--news .article-preview__thumb.article-kv-frame{aspect-ratio:1 / 1}.article-preview--news .article-preview__excerpt{grid-column:2;grid-row:2;align-self:start;min-height:0;font-size:.875rem;line-height:1.55;-webkit-line-clamp:2}@media(min-width:768px){.article-list-page--news{--article-news-card-height: 132px;--article-news-thumb-size: 104px}.article-preview--news .article-preview__title{font-size:1.0625rem}.article-preview__image-wrap{width:var(--article-preview-image-pc-width);max-width:100%;margin-left:0;margin-right:auto}}@media(max-width:767px){.article-preview__title{font-size:var(--article-list-title-size-mobile)}}