@charset "utf-8";

/* Load after the Gnuboard 5 basic board skin stylesheet. */
:root {
    --othello-ink: #24323b;
    --othello-muted: #64717b;
    --othello-line: #dfe5e8;
    --othello-accent: #315d72;
}

#bo_list,
#bo_v,
#bo_w {
    color: var(--othello-ink);
}

#bo_list { margin-bottom: 16px; }
#bo_list .tbl_head01 table { border-top: 2px solid var(--othello-ink); }
#bo_list .tbl_head01 thead th {
    height: 38px;
    padding: 8px 6px;
    background: #f6f8f8;
    color: var(--othello-muted);
    font-weight: 600;
    border-bottom: 1px solid var(--othello-line);
}
#bo_list .tbl_head01 tbody td {
    height: 42px;
    padding: 8px 6px;
    border-bottom: 1px solid var(--othello-line);
    background: #fff;
    line-height: 1.4;
}
#bo_list tbody tr,
#bo_list tbody tr:hover { border-left: 0; }
#bo_list tbody tr:hover td { background: #f7fafb; }
#bo_list tbody .even td { background: #fff; }
#bo_list .bo_notice td { background: #f4f8fa !important; }
#bo_list .bo_notice .notice_icon,
#bo_list .bo_cate_link {
    background: #e9f0f3;
    color: var(--othello-accent);
    border-radius: 3px;
}
#bo_list .bo_tit { color: var(--othello-ink); font-weight: 500; }
#bo_list .bo_tit:hover { color: var(--othello-accent); text-decoration: underline; }
#bo_list .cnt_cmt { background: transparent; color: var(--othello-accent); }
#bo_list .td_name { padding: 8px 0; }

#bo_cate { margin: 14px 0 18px; }
#bo_cate li { padding: 2px 4px 2px 0; }
#bo_cate a {
    padding: 3px 11px;
    line-height: 25px;
    border: 1px solid var(--othello-line);
    border-radius: 4px;
    color: var(--othello-muted);
}
#bo_cate a:hover,
#bo_cate a:focus,
#bo_cate #bo_cate_on {
    background: var(--othello-accent);
    border-color: var(--othello-accent);
    color: #fff;
    box-shadow: none;
}

#bo_v_title .bo_v_tit {
    margin: 5px 0 0;
    font-size: 1.55em;
    line-height: 1.4;
    font-weight: 600;
}
#bo_v_title .bo_v_cate { background: #e9f0f3; color: var(--othello-accent); }
#bo_v_info .profile_info { margin: 12px 0; }
#bo_v_info .profile_info .pf_img img { width: 38px; height: 38px; }
#bo_v_atc,
#bo_v_con { min-height: 0; }
#bo_v_con { margin: 16px 0 24px; line-height: 1.7; }
#bo_v_file li,
#bo_v_link li {
    margin: 7px 0;
    padding: 10px 12px;
    border-color: var(--othello-line);
    box-shadow: none;
}
#bo_v_file li i,
#bo_v_link li i { margin-right: 12px; font-size: 1.5em; }
.bo_v_nb { margin: 16px 0; }
.bo_v_nb li { padding: 10px 12px; }
#bo_vc article { margin: 12px 0; }
#bo_vc article .pf_img img { width: 38px; height: 38px; }
#bo_vc .cmt_contents { padding-bottom: 12px; line-height: 1.65; }
.bo_vc_w textarea { min-height: 100px; box-shadow: none; }
#bo_w .write_div { margin: 8px 0; }

#bo_list a:focus-visible,
#bo_v a:focus-visible,
#bo_w a:focus-visible,
#bo_cate a:focus-visible {
    outline: 2px solid var(--othello-accent, #315d72);
    outline-offset: 2px;
}

@media (max-width: 720px) {
    #bo_list .tbl_head01 tbody td { height: 44px; padding: 9px 5px; }
    #bo_list .td_subject { word-break: break-word; }
    #bo_v_title .bo_v_tit { font-size: 1.35em; }
    #bo_vc article .cm_wrap { width: calc(100% - 48px); }
    .bo_v_nb li .nb_date { float: none; display: block; margin-top: 3px; }
}