#article_list .ctrl{display:flex;align-items:center;gap:10px;margin:10px}#article_list .ctrl-top{justify-content:space-between}#article_list .ctrl-bottom{justify-content:space-between}#article_list .ctrl-left,#article_list .ctrl-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}#article_list .ctrl-center{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:6px;margin:0 20px}#article_list button:disabled{opacity:.4;cursor:not-allowed}#article_list .search-wrap{position:relative;flex:0 1 70%}#article_list .search-wrap input{width:100%;padding:4px 22px 4px 6px;box-sizing:border-box}#article_list .search-wrap .clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);cursor:pointer}#article_list table{width:100%;border-collapse:collapse;border:0}#article_list th,#article_list td{padding:6px 8px;border:0;font-family:Georgia,serif;font-size:1.1rem}#article_list th{text-align:center;user-select:none;background-color:#009;color:#fff}#article_list .th-click{cursor:pointer}#article_list .th-click:hover{background-color:#fff;color:#009;text-decoration:underline}#article_list table thead th:first-child{border-top-left-radius:8px}#article_list table thead th:last-child{border-top-right-radius:8px}#article_list .row-link{cursor:pointer}#article_list .row-link:hover>td{background:#ccc;font-weight:normal;color:#009}#article_list .col-id{text-align:left;white-space:nowrap;min-width:fit-content+25px;padding-left:1rem}#article_list .det{text-align:left;white-space:nowrap;min-width:cal(fit-content+15px)}#article_list .id-wrap{display:inline-flex;align-items:center}#article_list .id-wrap.pillar{margin-left:0}#article_list .id-wrap.silo{margin-left:1rem}#article_list .id-wrap.supporting{margin-left:2rem}#article_list .icon.pillar::before{content:"➤"}#article_list .icon.silo::before{content:"■"}#article_list .icon.supporting::before{content:"○"}#article_list .col-topic{text-align:left;white-space:normal;word-break:break-word;padding-left:1rem}#article_list .col-topic.silo{padding-left:28px}#article_list .col-topic.supporting{padding-left:44px}#article_list .page-info{margin-left:10px}.article-top-search{display:flex;align-items:center;gap:10px;width:70%;margin:.5rem auto}.article-top-search .nav-text{white-space:nowrap;font-size:1.2rem}.article-top-search .search-wrap{position:relative;flex:1}.article-top-search input{width:100%;padding:6px 8px;box-sizing:border-box}.article-top-search .listdown{position:absolute;top:100%;left:0;right:0;background:#fff;z-index:10;border:1px solid #ccc;max-height:220px;overflow-y:auto}.article-top-search .listdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ccc;max-height:240px;overflow-y:auto;font-size:1rem;z-index:20}.article-top-search .list-item{padding:6px 8px;cursor:pointer}.article-top-search .list-item:hover{background:#f0f3ff}.list-item.active{background:#e6ebff}