/*
Theme Name: SOK Original
Description: Original 神回复吧 desktop layout with native WordPress articles, comments and accounts.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sok-original
*/
/* Desktop dimensions, colors and typography come from the preserved common.css. */
.good_bad_btn { border: 0; padding: 0; background: transparent; color: inherit; text-align: left; font: inherit; }
.good_bad_btn:focus-visible, .sok-copy:focus-visible { outline: 2px solid #b37a59; outline-offset: 3px; }
.good_bad_btn:disabled { cursor: default; }
.sok-share a { margin-left: 7px; font-size: 12px; }
.sok-copy { border: 0; background: transparent; padding: 0 0 0 7px; color: #503e2c; cursor: pointer; font: inherit; }
.sok-share-status { display: inline; font-size: 12px; }
.sok-vote-status { clear: both; font-size: 12px; color: #b37a59; }
.sok-search { margin: 4px 0 12px; font-size: 12px; }
.sok-search input { width: 185px; padding: 5px 8px; border: 1px solid #ddd; background: #fff; color: #503e2c; }
.sok-search button, .sok-submit { padding: 5px 10px; background: #f9eba7; border: 1px solid #e5d58b; color: #7d4a2b; cursor: pointer; }
.footer .sok-search { text-align: center; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.comment-list { padding: 0; }
.comment-list .comment { margin: 10px 0; padding: 10px 0; border-bottom: 1px dashed #ddd; }
.comment-list .children { margin-left: 20px; }
.comment-author .avatar { float: left; margin-right: 8px; }
.comment-metadata, .comment-awaiting-moderation { font-size: 12px; color: #81766a; }
.comment-content { margin: 10px 0; }
.comment-respond p { margin: 8px 0; }
.comment-respond label { display: block; }
.comment-respond input:not([type="checkbox"]):not([type="submit"]), .comment-respond textarea { box-sizing: border-box; border: 1px solid #ddd; padding: 6px; max-width: 100%; font: inherit; }
.comment-respond textarea { width: 100%; }
.comment-form-cookies-consent label { display: inline; }
.tags_list, .sp-title { background: #fff; padding: 15px 20px; margin-bottom: 15px; }
.tags_list dt { margin-bottom: 12px; color: #503e2c; }
.pagebar .disabled { display: inline; }
@media (max-width: 700px) {
    html { overflow-x: hidden; }
    body { min-width: 0; }
    .warp { width: auto; margin: 0 10px; }
    .head { margin-bottom: 12px; }
    .head .warp { position: relative; }
    .logo { float: none; margin: 0; }
    .user_status { float: none; position: absolute; top: 0; right: 0; max-width: 42%; text-align: right; }
    .user_status a { font-size: 12px; line-height: 75px; height: auto; overflow-wrap: anywhere; }
    .head nav { clear: both; }
    .main_nav { float: none; display: flex; flex-wrap: wrap; margin-left: 0; }
    .main_nav li { float: none; height: auto; line-height: 40px; margin: 0; }
    .main_nav a { height: auto; line-height: 40px; padding: 0 10px; font-size: 14px; }
    .con, .sidebar { float: none; width: 100%; }
    .arc, .arc_block { padding: 15px; }
    .arc_content img, .arc_content video, .arc_content iframe { max-width: 100%; height: auto; }
    .arc_content table { max-width: 100%; }
    .arc_content { overflow-wrap: anywhere; }
    .share_box { float: none; clear: both; height: auto; padding-top: 10px; }
    .recommend, .tags { float: none; width: auto; padding: 0; margin: 0 0 12px; }
    .recommend_ul li { height: auto; }
    .pagebar { display: flex; justify-content: space-between; gap: 10px; }
    .pagebar .prev, .pagebar .next { display: block; box-sizing: border-box; height: auto; width: 50%; margin: 0; padding: 5px 15px; }
    .page a { display: inline-block; padding: 7px; }
    .list_head h1, .list_block_con { float: none; width: auto; text-align: left; }
    .list_head h1 { margin-bottom: 8px; font-size: 20px; }
    .b_img_ul, .a_img_ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
    .b_img_ul li, .a_img_ul li { width: calc(50% - 5px); padding: 0; height: auto; }
    .b_img_ul img, .a_img_ul img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
    .f_links li { margin-bottom: 8px; }
    .f_links a { margin-right: 15px; }
    .ad580x90, .ad600x90 { box-sizing: border-box; max-width: 100%; height: auto; }
}