#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}h1.article-title{text-align:center}.article-meta{font-size:1rem;text-align:center}.meta-row{display:flex;justify-content:center;gap:10px;margin-bottom:4px}.meta-row .meta-item+.meta-item::before{content:" || "}@media (max-width:700px){h1.article-title{text-align:left}.article-meta{text-align:left}.meta-row{display:block}.meta-item{display:block;margin-bottom:4px}.meta-item::before{content:"|| ";font-weight:700}.meta-item::after{content:""}.article-top-search{flex-direction:column;align-items:stretch}#article_list .search-wrap{flex:1 1 100%;width:100%}}#article_list table{width:100%;border-collapse:collapse;border:none}#article_list td,#article_list th{padding:6px 8px;border:none;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:400;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}@media (max-width:700px){#article_list .ctrl-top{display:flex;flex-wrap:wrap;gap:8px}#article_list .ctrl-center{order:1;width:100%;display:flex;gap:6px;align-items:center}#article_list .ctrl-center .search-wrap{flex:1}#article_list .ctrl-center input{width:100%}#article_list .ctrl-left,#article_list .ctrl-right{order:2;width:auto}#article_list .ctrl-left{display:flex;align-items:center;gap:8px;white-space:nowrap}#article_list .ctrl-right{margin-left:auto;white-space:nowrap}#article_list .ctrl-left>span{font-size:0}#article_list .ctrl-left>span::before{content:"Rows/pg ";font-size:.9rem}#article_list .ctrl-left select,#article_list .ctrl-left>span>span{font-size:.9rem}#article_list .ctrl-left>span>span{position:relative}#article_list tbody tr,#article_list thead tr{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto}#article_list .col-id,#article_list thead th:nth-child(1){grid-column:1;grid-row:1}#article_list .col-topic,#article_list thead th:nth-child(2){grid-column:2;grid-row:1}#article_list tbody td:nth-child(3),#article_list thead th:nth-child(3){grid-column:1;grid-row:2;text-align:right;white-space:nowrap}#article_list tbody td:nth-child(4),#article_list thead th:nth-child(4){grid-column:2;grid-row:2;text-align:left;white-space:nowrap}#article_list tbody tr{border-bottom:1px solid #e5e5e5;padding-bottom:10px;margin-bottom:6px}#article_list tbody tr:last-child{border-bottom:none}}#article_list .page-info{margin-left:10px}.article-top-search{display:flex;align-items:center;gap:10px;width:70%;flex-wrap:wrap;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 .listdown{position:absolute;width:100%;display:none}.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}.article-top-search{margin-bottom:20px}.search-wrap{position:relative;margin-top:8px}.search-input{width:300px;padding:8px}.list-item{padding:8px;cursor:pointer}.list-item.active,.list-item:hover{background:#f0f0f0}.loading{color:#888;font-style:italic}@media (max-width:700px){.article-top-search{display:flex;flex-direction:column}.nav-text{margin-bottom:10px}.search-input{width:100%}}.auto-split{white-space:nowrap}@media (max-width:700px){.auto-split{white-space:normal}}