/* 원본 CSS 재사용 — 게시판 **목록 축**(kboard list). ***생성물이다. 손으로 고치지 마라.***
   원천 = `--emit-kboard` 와 같은 미러 3본에서 `#kboard-default-list` 로
   시작하는 규칙만 추출 · 78/241 규칙 · 공통 층 충돌로 뺀 선언 5개
   · 한정형 충돌이라 `:not()` 으로 **좁혀 실은** 선언 4개(겹치는 요소에서만 빠진다)
   (충돌 셀렉터 5 · 원천 = public/wt-origin.css 직독) · sha256(내용) = cfb075ce61013a17

   재생성 = python3 scripts/design/exp-extract-origin.py --emit-kboard-list public/wt-origin-kboard-list.css
   낡음 검사 = 같은 명령 + --check (rc 0 최신 · rc 4 낡음 · rc 2 미러 부재)

   ***왜 같은 규칙을 두 번 싣는가*** — 레이어가 특이도를 덮어쓰기 때문이다. 목록 스킨은
   공통 층 **앞**이어야 테마 오버라이드가 이기고(원본 head 순서), **뒤**여야 원본 reset
   (`caption, td, th { text-align:left }` 류 = 특이도 (0,0,1))에 안 진다. 한 시트로는 둘 다
   만족할 수 없어 **충돌하지 않는 자리만** 이 층으로 다시 싣는다 — 실측·술어는 생산자
   주석(`PLUGIN_LIST_LAYER`)에 있다. `components/KboardList.tsx` 가 목록면에서 싣는다. */
@layer theme, base, components, utilities, wt-origin-plugin, wt-origin, wt-origin-plugin-doc, wt-origin-plugin-list, wt-origin-page;
@layer wt-origin-plugin-list {
#kboard-default-list { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-default-list form { margin: 0; padding: 0; }
#kboard-default-list .kboard-list-header { float: left; display: table; padding-bottom: 15px; width: 100%; }
#kboard-default-list .kboard-list-header .kboard-total-count { *float: left; display: table-cell; font-size: 14px; }
#kboard-default-list .kboard-list-header .kboard-sort { *float: right; display: table-cell; text-align: right; }
#kboard-default-list .kboard-list-header .kboard-sort select { display: inline; margin: 0; padding: 0; width: auto; min-width: 0; max-width: none; height: 26px; min-height: 0; line-height: 26px; font-size: 13px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: content-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-default-list .kboard-category { float: left; padding-bottom: 15px; width: 100%; }
#kboard-default-list .kboard-category.category-mobile { display: none; }
#kboard-default-list .kboard-category.category-pc { display: block; }
#kboard-default-list .kboard-category select { display: inline; margin: 0 0 5px 0; padding: 0; width: 100%; min-width: 100%; height: 28px; min-height: 0; line-height: 28px; font-size: 13px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-default-list .kboard-category .kboard-category-list { margin: 0 0 5px 0; padding: 0; list-style: none; border: 0; background-color: #f9f9f9; overflow: hidden; }
#kboard-default-list .kboard-category .kboard-category-list li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 5px; border: 0; list-style: none; }
#kboard-default-list .kboard-category .kboard-category-list li::before { display: none; }
#kboard-default-list .kboard-category .kboard-category-list li::after { display: none; }
#kboard-default-list .kboard-category .kboard-category-list li a { display: block; padding: 10px 10px 8px 10px; font-size: 14px; border: 0; border-bottom: 2px solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: #515151; }
#kboard-default-list .kboard-category .kboard-category-list li.kboard-category-selected a { font-weight: bold; border-bottom: 2px solid #545861; color: #545861; }
#kboard-default-list .kboard-tree-category-wrap { overflow: hidden; }
#kboard-default-list .kboard-tree-category-wrap select { display: inline; margin: 0 0 5px 0; padding: 0; width: 100%; height: 28px; line-height: 28px; font-size: 13px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-default-list .kboard-tree-category-search .kboard-search-option-wrap.type-select { width: auto; }
#kboard-default-list .kboard-tree-category-search .kboard-search-option-wrap.type-tab { width: 100%; }
#kboard-default-list .kboard-tree-category { float: left; margin: 0 0 5px 0; padding: 0; width: 100%; list-style: none; border: 0; background-color: #f9f9f9; overflow: hidden; }
#kboard-default-list .kboard-tree-category li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 5px; border: 0; list-style: none; }
#kboard-default-list .kboard-tree-category li::before { display: none; }
#kboard-default-list .kboard-tree-category li::after { display: none; }
#kboard-default-list .kboard-tree-category li a { display: block; padding: 10px 10px 8px 10px; font-size: 14px; border: 0; border-bottom: 2px solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: #515151; }
#kboard-default-list .kboard-tree-category li.kboard-category-selected a { font-weight: bold; border-bottom: 2px solid #545861; color: #545861; }
#kboard-default-list .kboard-tree-category-search { float: left; width: 100%; }
#kboard-default-list .kboard-tree-category-search .kboard-search-option-wrap { margin-right: 5px; float: left; }
#kboard-default-list .kboard-list { float: left; width: 100%; background-color: white; }
#kboard-default-list .kboard-list table { display: table; table-layout: fixed; margin: 0; padding: 0; width: 100%; border: 0; font-size: 14px; border-collapse: collapse; }
#kboard-default-list .kboard-list table a { color: black; font-weight: normal; text-decoration: none; border: 0; box-shadow: none; font-size: 14px; }
#kboard-default-list .kboard-list table tr { border: 0; background-color: transparent; transition-duration: 0.3s; }
#kboard-default-list .kboard-list table td {height: auto; text-align: center; vertical-align: middle; font-size: 14px;}
#kboard-default-list .kboard-list table td.kboard-list-uid { width: 72px; }
#kboard-default-list .kboard-list table td.kboard-list-title { width: auto; }
#kboard-default-list .kboard-list table td.kboard-list-user { width: 100px; }
#kboard-default-list .kboard-list table td.kboard-list-date { width: 75px; }
#kboard-default-list .kboard-list table td.kboard-list-vote { width: 55px; }
#kboard-default-list .kboard-list table td.kboard-list-view { width: 55px; }
#kboard-default-list .kboard-list thead { background-color: transparent; }
#kboard-default-list .kboard-list thead tr td {font-weight: bold; color: #545861; border-right: 0; border-bottom: 0; border-left: 0; border-bottom: 2px solid #f1f1f1;}
#kboard-default-list .kboard-list tbody tr td { word-break: break-all; border: 0; border-bottom: 1px solid #f1f1f1; }
#kboard-default-list .kboard-list tbody tr:hover { background-color: #f7f7f7; }
#kboard-default-list .kboard-list tbody tr.kboard-list-notice { background-color: #f4f4f4; }
#kboard-default-list .kboard-list tbody tr.kboard-list-popular  .kboard-list-uid { font-weight: bold; }
#kboard-default-list .kboard-list tbody tr.kboard-list-selected .kboard-default-cut-strings { font-weight: bold; }
#kboard-default-list .kboard-list tbody td.kboard-list-title { text-align: left; }
#kboard-default-list .kboard-list tbody td.kboard-list-title img { display: inline; margin: 0; width: auto; height: auto; vertical-align: middle; max-width: 100%; }
#kboard-default-list .kboard-list tbody td.kboard-list-title .kboard-comments-count { color: #00a8e7; }
#kboard-default-list .kboard-list tbody td.kboard-list-user img.avatar { display: inline; margin: 0; width: 24px; max-width: none; height: 24px; vertical-align: middle; border-radius: 50%; }
#kboard-default-list .kboard-list .kboard-mobile-contents { display: none; font-size: 13px; color: #999999; }
#kboard-default-list .kboard-list .kboard-mobile-contents .contents-item { display: inline; margin: 0; padding: 0; }
#kboard-default-list .kboard-list .kboard-mobile-contents .contents-item img.avatar { display: inline; margin: 0; width: 24px; max-width: none; height: 24px; vertical-align: middle; border-radius: 50%; }
#kboard-default-list .kboard-list .kboard-mobile-contents .contents-separator { display: inline; margin: 0; padding: 0 2px; color: #bebebe; }
#kboard-default-list .kboard-pagination { float: left; padding: 15px 0; width: 100%; }
#kboard-default-list .kboard-pagination .kboard-pagination-pages { float: left; margin: 0; padding: 0; width: 100%; list-style: none; text-align: center; border: 0; }
#kboard-default-list .kboard-pagination .kboard-pagination-pages li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 1px; background: none; border: 0; list-style: none; }
#kboard-default-list .kboard-pagination .kboard-pagination-pages li a {display: block; margin: 0; padding: 0 11px; height: 28px; line-height: 28px; font-size: 14px; text-decoration: none; border: 0; box-shadow: none; transition-duration: 0.3s;}
#kboard-default-list .kboard-pagination .kboard-pagination-pages li:not(.active) a {color: #999999; background-color: #f9f9f9;}
#kboard-default-list .kboard-pagination .kboard-pagination-pages li:hover a {border: 0;}
#kboard-default-list .kboard-pagination .kboard-pagination-pages li:hover:not(.active) a {color: #545861; background-color: #eaeaea;}
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a {border: 0;}
#kboard-default-list .kboard-pagination .kboard-pagination-pages li:before { display: none; }
#kboard-default-list .kboard-pagination .kboard-pagination-pages li:after { display: none; }
#kboard-default-list .kboard-search { float: left; padding-bottom: 15px; width: 100%; text-align: center; }
#kboard-default-list .kboard-search select { display: inline; margin: 0; padding: 0 5px; width: 100px; min-width: 0; max-width: 100px; height: 26px; min-height: 0; font-size: 14px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: none; background-color: white; line-height: 26px; vertical-align: middle; box-shadow: none; box-sizing: content-box; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-default-list .kboard-search input { display: inline; margin: 0; padding: 0 5px; width: 200px; min-width: 0; max-width: 200px; height: 26px; min-height: 0; font-size: 14px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: none; background-color: white; line-height: 26px; vertical-align: middle; box-shadow: none; box-sizing: content-box; }
#kboard-default-list .kboard-control {float: left; width: 100%; text-align: right;}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-category.category-mobile { display: block; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-category.category-pc { display: none; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-tree-category-search .kboard-search-option-wrap.select { width: 100%; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-list table { border-top: 1px solid #f1f1f1; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-list table thead { display: none; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-list table td.kboard-list-title { padding: 10px 5px; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-list table td.kboard-list-title .kboard-default-cut-strings { margin-bottom: 10px; white-space: normal; font-size: 15px; line-height: 23px; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-list table td.kboard-list-uid { display: none; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-list table td.kboard-list-user { display: none; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-list table td.kboard-list-date { display: none; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-list table td.kboard-list-vote { display: none; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-list table td.kboard-list-view { display: none; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-list .kboard-mobile-contents { display: block; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-pagination .kboard-pagination-pages li { display: none; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.first-page { display: inline-block; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.last-page { display: inline-block; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.prev-page { display: inline-block; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.next-page { display: inline-block; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active { display: inline-block; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.prev-page a { padding: 0 18px; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.next-page a { padding: 0 18px; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-search select { float: left; margin-right: 1%; width: 29%; min-width: 29%; height: 28px; line-height: 28px; box-sizing: border-box; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-search input { float: left; margin-right: 1%; width: 49%; min-width: 49%; height: 28px; line-height: 28px; box-sizing: border-box; }
}
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-search button {float: left; width: 20%; min-width: 20%; box-sizing: border-box;}
}
}