@charset "utf-8";
/* The skin must also work without layouts/main_layout (mobile/no layout). */
.board .board_list { width:100%; min-width:0; overflow:hidden; }
.board .post_list { width:100%; }
.board .post_card { position:relative; margin:0; border:0; border-bottom:1px solid #25282b; border-radius:0; background:transparent; overflow:hidden; }
.board .post_card:last-child { border-bottom:0; }
.board .post_card_link { position:relative; display:flex; align-items:center; gap:14px; padding:12px 0; color:inherit; text-decoration:none; }
.board .post_card a, .board .post_card a:hover, .board .post_card a:focus { text-decoration:none; }
.board .post_card_top { display:contents; }
.board .post_number, .board .post_badge { display:inline-flex; order:1; align-items:center; justify-content:center; flex:0 0 auto; min-width:28px; height:28px; padding:0 6px; border:1px solid #222528; border-radius:var(--radius-8,8px); background:#191b1d; color:#92979c; font-size:12px; font-weight:500; }
.board .post_badge { min-width:44px; padding:0 9px; border-color:rgba(255,107,53,.22); background:rgba(255,107,53,.1); color:#ff7545; }
.board .post_card_title { order:2; flex:0 1 auto; min-width:0; overflow:hidden; color:#f0f0f0; font-size:15px; font-weight:500; letter-spacing:-.3px; white-space:nowrap; text-overflow:ellipsis; }
.board .post_comments { color:var(--color-point,#efaa27); font-weight:500; }
.board .post_trackback { color:#8c9196; font-size:12px; }
.board .post_card_meta { order:3; flex:0 0 auto; display:flex; align-items:center; gap:8px; color:#74797e; font-size:13px; font-weight:400; }
.board .post_author { color:#8d9297; }
.board .post_date { color:#74797e; }
.board .post_views { order:4; position:static; flex:0 0 auto; display:flex; align-items:center; justify-content:flex-end; min-width:30px; margin-left:auto; color:#83888d; font-size:12px; line-height:1; text-align:right; }
.board .post_views::before { content:""; display:block; flex:0 0 25px; width:25px; height:25px; background:url("icon-view.png") center/35px auto no-repeat; filter:brightness(1.8); }
.board .post_votes { order:5; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:flex-end; gap:5px; min-width:35px; color:#83888d; font-size:12px; line-height:1; white-space:nowrap; }
.board .post_vote_icon { display:block; flex:none; width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.board .post_check { display:none; }
.board .no_documents { padding:64px 16px; color:#74797e; text-align:center; }

/* Mobile layouts without a theme attribute have a light background. */
html:not([data-theme]) .board, html[data-theme="light"] .board { --list-text:#222; --list-muted:#646c76; --list-line:#ededed; --list-badge:#f5f5f5; }
html:not([data-theme]) .board .post_card, html[data-theme="light"] .board .post_card { border-bottom-color:var(--list-line); }
html:not([data-theme]) .board .post_card_title, html[data-theme="light"] .board .post_card_title { color:var(--list-text); }
html:not([data-theme]) .board .post_number, html[data-theme="light"] .board .post_number { border-color:var(--list-line); background:var(--list-badge); color:var(--list-muted); }
html:not([data-theme]) .board :is(.post_card_meta,.post_author,.post_date,.post_views,.post_votes), html[data-theme="light"] .board :is(.post_card_meta,.post_author,.post_date,.post_views,.post_votes) { color:var(--list-muted); }
html:not([data-theme]) .board .post_views::before, html[data-theme="light"] .board .post_views::before { filter:none; }

@media (max-width:900px) {
    .board .post_card_link { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; gap:4px 8px; padding:10px 0; }
    .board .post_number, .board .post_badge { grid-column:1; grid-row:1; }
    .board .post_card_title { grid-column:2 / 5; grid-row:1; }
    .board .post_card_meta { grid-column:2; grid-row:2; display:block; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; }
    .board .post_views { grid-column:3; grid-row:2; min-width:0; margin-left:0; padding-top:2px; white-space:nowrap; }
    .board .post_votes { grid-column:4; grid-row:2; min-width:0; margin-left:0; }
    .board .post_vote_icon { width:14px; height:14px; }
    .board .list_footer .pagination { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:6px; margin-bottom:16px; }
    .board .list_footer .pagination a, .board .list_footer .pagination strong { box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; min-width:32px; min-height:32px; margin:0; padding:4px 8px; border:0; border-radius:6px; }
    .board .list_footer .btnArea { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; float:none; }
    .board .list_footer .btn { height:auto; min-height:32px; line-height:32px; }
}