/* RoiKib Concept v3 integration layer for the real Discuz! X3.5 DOM.
   Concept colors, widths, fonts and components come from the user's published Site.
   These additional rules retain Discuz actions, permissions, pagination and forms. */

html { scroll-behavior: smooth; }
body.rk-v3 { --rk3-ink:#182542;--rk3-blue:#365ce3;--rk3-navy:#11244f;--rk3-line:#e7ebf4;--rk3-soft:#f5f7fb;--rk3-muted:#7c8ba4;
  background:var(--rk3-soft);color:var(--rk3-ink);font:16px/1.7 ui-sans-serif,system-ui,-apple-system,"Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif;min-width:0; }
.rk-v3 * {box-sizing:border-box}
.rk-v3 a {text-decoration:none}
.rk-v3 a:hover {color:var(--rk3-blue)}
.rk-v3 button,.rk-v3 input,.rk-v3 select,.rk-v3 textarea {font:inherit}
.rk-v3 .wrap {max-width:1200px;width:100%;padding-left:28px;padding-right:28px;margin-left:auto;margin-right:auto}
.rk-v3 #wp.wp {width:100%!important;max-width:none!important;padding:0!important;margin:0 auto!important;min-width:0;overflow:visible}
.rk-v3 #hd.rk-site-header,.rk-v3 #toptb {position:absolute!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap}
.rk-v3 #hd.rk-site-header * {pointer-events:none}
.rk-v3 #hd.rk-site-header .p_pop {pointer-events:auto}
.rk-v3 .rk3-header {z-index:30;box-shadow:0 1px 0 rgba(30,53,93,.04)}
.rk-v3 .rk3-header .brand {display:flex!important;color:#15264c}
.rk-v3 .rk3-header .brand-word,.rk-v3 .rk3-footer .brand-word {display:block}
.rk-v3 .rk3-header .brand-word small,.rk-v3 .rk3-footer .brand-word small {font-size:11px;color:#7b86a1}
.rk-v3 .rk3-header .mobile-menu {display:none}
.rk-v3 .rk3-header .mobile-menu.is-open {display:block}
.rk-v3 .rk3-header .desktop-nav a {font-size:14px}
.rk-v3 .rk3-header .btn,.rk-v3 .rk3-footer .btn {text-decoration:none!important}
.rk-v3 .rk3-top {height:34px}
.rk-v3 .rk3-top .wrap {align-items:center}
.rk-v3 .rk3-notices {margin-top:12px;padding-top:10px;padding-bottom:10px;background:#fff8e9;border:1px solid #f4e4c2;border-radius:10px}
.rk-v3 .rk3-home {padding-top:24px;padding-bottom:5px}
.rk-v3 .rk3-home .breadcrumb {margin:0 0 18px}
.rk-v3 .rk3-home .category {color:#182542}
.rk-v3 .rk3-home .category:hover {color:#365ce3}
.rk-v3 .rk3-home .post h3 a {color:inherit}
.rk-v3 .rk3-home .post h3 a:hover {color:#365ce3}
.rk-v3 .rk3-home .post-meta {font-size:12px;line-height:1.6}
.rk-v3 .rk3-home .post-desc {font-size:13px}
.rk-v3 .rk3-home .category h3 {font-size:14px;line-height:1.4}
.rk-v3 .rk3-home .category small {font-size:12px;line-height:1.45}
.rk-v3 .rk3-home .guide a {font-size:13px;font-weight:800;color:#365ce3}
.rk-v3 .rk3-home .search-box {max-width:260px}
.rk-v3 .rk3-home .search-box input {min-width:0}
.rk-v3 .rk3-home .post-list .post {min-height:114px}
.rk-v3 .rk3-home .side-join .btn {font-size:13px}
.rk-v3 .rk3-footer {margin-top:44px;background:#fff;border-top:1px solid var(--rk3-line);padding:34px 0 25px}
.rk-v3 .rk3-footer .footer-grid {display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:24px}
.rk-v3 .rk3-footer a.brand {display:flex;margin:0 0 12px}
.rk-v3 .rk3-footer p {font-size:13px;line-height:1.75;max-width:340px;color:#8793a8}
.rk-v3 .rk3-footer a:not(.brand) {display:block;font-size:13px;color:#7c89a0;margin:7px 0}
.rk-v3 .rk3-footer a:not(.brand):hover {color:#365ce3}
.rk-v3 .rk3-footer h4 {font-size:14px;font-weight:850;margin:5px 0 14px}
.rk-v3 .rk3-footer .copyright {font-size:12px;display:flex;gap:20px;justify-content:space-between}
.rk-v3 #ft.rk-site-footer {position:absolute!important;clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important}
.rk-v3 .rk3-bottom {display:none}
.rk-v3 #pt {max-width:1144px;width:calc(100% - 56px);margin:24px auto 17px;padding:9px 0;border:0;background:transparent;color:#8d9aad;font-size:12px}
.rk-v3 #pt .nvhm {background:none!important;display:inline;width:auto;height:auto;text-indent:0;font-size:12px}
.rk-v3 #ct.wp {max-width:1144px;width:calc(100% - 56px)!important;margin:0 auto!important;padding:0 0 24px!important;float:none}
.rk-v3 .boardnav {max-width:1200px;margin:0 auto;padding:0 28px}
.rk-v3 .boardnav #ct.wp {width:100%!important;max-width:none}
.rk-v3 .boardnav #ct .mn {float:none;min-width:0;width:auto}
.rk-v3 .boardnav #ct.ct2 .mn {width:calc(100% - 280px);float:left}
.rk-v3 .boardnav #ct.ct2 .sd {width:260px;float:right}
.rk-v3 #scbar,.rk-v3 #pt + #scbar {display:none}
.rk-v3 #ct .bm,.rk-v3 #ct .tl,.rk-v3 #ct .fl,.rk-v3 #ct #postlist {background:#fff;border:1px solid var(--rk3-line);border-radius:16px;box-shadow:0 8px 29px rgba(32,52,94,.04);overflow:hidden}
.rk-v3 #ct .bm_h,.rk-v3 #ct .bmw .bm_h,.rk-v3 #ct .fl .bm_h {height:auto;min-height:49px;border:0;border-bottom:1px solid var(--rk3-line);padding:14px 18px;background:#fff;color:#22385f}
.rk-v3 #ct .bm_h h2,.rk-v3 #ct .bm_h h1 {font-size:19px;font-weight:850;color:#263a62;line-height:1.5}
.rk-v3 #ct .bm_c {padding:17px;background:#fff}
.rk-v3 #ct .bmw {margin-bottom:16px}
.rk-v3 .rk3-page-hero {max-width:1144px;width:calc(100% - 56px);margin:0 auto 0;padding:30px 34px}
.rk-v3 .rk3-page-hero h1 {color:#fff;font-size:28px;line-height:1.35;margin:6px 0 5px}
.rk-v3 .rk3-page-hero p {color:#dce4f7;font-size:14px;max-width:700px}
.rk-v3 .rk3-page-hero .btn {background:#fff;color:#254bc5}
.rk-v3 .rk3-board-stats {max-width:1144px;width:calc(100% - 56px);margin:13px auto 24px}
.rk-v3 .rk3-board-stats .stat-chip {font-size:13px}
.rk-v3 #threadlist {background:#fff;border:1px solid var(--rk3-line);border-radius:16px;overflow:hidden}
.rk-v3 #threadlist .tl,.rk-v3 #threadlist table {width:100%;border-collapse:collapse;background:#fff}
.rk-v3 #threadlist tr {border-bottom:1px solid #edf0f6}
.rk-v3 #threadlist tr:hover td {background:#f8faff}
.rk-v3 #threadlist td,.rk-v3 #threadlist th {padding:14px 10px;vertical-align:middle;border:0}
.rk-v3 #threadlist th a.s.xst,.rk-v3 #threadlist .xst {font-size:16px;line-height:1.55;color:#263b65;font-weight:800}
.rk-v3 #threadlist .by,.rk-v3 #threadlist .num {font-size:13px;color:#8d9aad}
.rk-v3 #threadlist .ts th,.rk-v3 #threadlist .th {background:#f8faff}
.rk-v3 #ct .pgs .pg,.rk-v3 #ct .pgs .pgb {font-size:14px}
.rk-v3 .pg a,.rk-v3 .pg strong {border-radius:8px;border-color:#dce5f3;padding:4px 9px}
.rk-v3 .pn,.rk-v3 .pgsbtn {border-radius:9px!important}
.rk-v3 .pn.pnc,.rk-v3 .pgsbtn {background:#365ce3!important;border-color:#365ce3!important;color:#fff!important}
.rk-v3 .rk3-thread-context {max-width:1144px;width:calc(100% - 56px);margin:0 auto 17px;border-radius:14px;padding:14px 19px;background:#fff;border:1px solid var(--rk3-line);display:flex;gap:15px;align-items:center}
.rk-v3 .rk3-thread-context .mini-tag {font-size:12px;font-weight:850;color:#3760dc;background:#edf2ff;padding:4px 11px;border-radius:6px;white-space:nowrap}
.rk-v3 .rk3-thread-context-detail {display:flex;flex:1;justify-content:space-between;gap:10px;color:#8a97ad;font-size:13px}
.rk-v3 #postlist .vwthd h1,.rk-v3 #postlist .vwthd #thread_subject {font-size:23px;line-height:1.5;color:#223761}
.rk-v3 #postlist .plc {padding:19px 22px}
.rk-v3 #postlist .pls {background:#f8faff;border-right:1px solid var(--rk3-line);width:175px;min-width:0}
.rk-v3 #postlist .pls .pi {padding:12px}
.rk-v3 #postlist .pcb {font-size:16px;line-height:1.95;min-width:0;word-break:break-word;overflow-wrap:anywhere}
.rk-v3 #postlist .pcb img,.rk-v3 #postlist .t_f img {max-width:100%;height:auto}
.rk-v3 #postlist .plhin {border-top:1px solid var(--rk3-line)}
.rk-v3 .t_f {font-size:16px!important;line-height:1.95!important}
.rk-v3 #postlist .avatar img {max-width:100%}
.rk-v3 #ct .exfm,.rk-v3 #ct .pns,.rk-v3 #ct .tfm {font-size:15px}
.rk-v3 input.px,.rk-v3 textarea.pt,.rk-v3 select.ps,.rk-v3 .px,.rk-v3 .pt {border:1px solid #dfe5f0;background:#fff;border-radius:9px;padding:9px 11px;font-size:16px;max-width:100%}
.rk-v3 #ct .ct2_a .mn,.rk-v3 #ct .mn {min-width:0}
.rk-v3 #ct .appl,.rk-v3 #ct .sd {border-radius:13px}
.rk-v3 .fl_tb {width:100%;table-layout:auto}
.rk-v3 .fl_tb td {padding:14px}
.rk-v3 .fl_tb .fl_g {border-bottom:1px solid var(--rk3-line)}
.rk-v3 .fl_tb dt,.rk-v3 .fl_tb h2 {font-size:15px;font-weight:800}
.rk-v3 .fl_tb dd {font-size:13px;color:var(--rk3-muted)}
.rk-v3 #scrolltop {bottom:85px}
.rk-v3 .p_pop,.rk-v3 .fwinmask,.rk-v3 .floatwrap {z-index:51}
.rk-v3 table {max-width:100%}

@media (max-width: 950px) {
  .rk-v3 .rk3-header .desktop-nav,.rk-v3 .rk3-header .head-actions {display:none}
  .rk-v3 .rk3-header .menu-toggle {display:flex}
  .rk-v3 .rk3-header .header-inner {height:66px;justify-content:space-between}
  .rk-v3 .boardnav #ct.ct2 .mn {width:100%;float:none}
  .rk-v3 .boardnav #ct.ct2 .sd {display:none}
}
@media (max-width: 720px) {
  body.rk-v3 {padding-bottom:65px;font-size:16px;overflow-x:hidden}
  .rk-v3 .wrap {padding-left:16px;padding-right:16px}
  .rk-v3 .rk3-top {display:none}
  .rk-v3 .rk3-header .header-inner {height:62px}
  .rk-v3 .rk3-home {padding-top:14px}
  .rk-v3 .rk3-home .hero h1 {font-size:27px}
  .rk-v3 .rk3-home .hero-copy p {font-size:14px}
  .rk-v3 .rk3-home .section-title {font-size:22px}
  .rk-v3 .rk3-home .category h3 {font-size:13px}
  .rk-v3 .rk3-home .category small {display:none}
  .rk-v3 .rk3-home .post h3 {font-size:16px}
  .rk-v3 .rk3-home .post-desc {font-size:13px}
  .rk-v3 .rk3-home .category-group-title strong {font-size:16px}
  .rk-v3 .rk3-home .stats .stat-label {font-size:12px;white-space:normal}
  .rk-v3 .rk3-home .search-box {max-width:none}
  .rk-v3 .rk3-footer {padding:28px 0 22px;margin-top:32px}
  .rk-v3 .rk3-footer .footer-grid {grid-template-columns:1fr 1fr;gap:16px}
  .rk-v3 .rk3-footer .footer-grid>div:first-child {grid-column:1/-1}
  .rk-v3 .rk3-footer p,.rk-v3 .rk3-footer a:not(.brand) {font-size:12px}
  .rk-v3 .rk3-footer .copyright {display:block;line-height:1.9}
  .rk-v3 .rk3-bottom {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:40;background:#fff;border-top:1px solid #e6ebf5;padding:7px 0 max(7px,env(safe-area-inset-bottom));box-shadow:0 -7px 22px rgba(23,38,79,.035)}
  .rk-v3 .rk3-bottom a {display:flex;flex-direction:column;align-items:center;gap:1px;padding:1px 0;color:#8190a8;font-size:11px;font-weight:850}
  .rk-v3 .rk3-bottom a.active {color:#365ce3}
  .rk-v3 .rk3-bottom .rk3-tab-icon {font-size:21px;line-height:23px}
  .rk-v3 #pt,.rk-v3 #ct.wp,.rk-v3 .rk3-page-hero,.rk-v3 .rk3-board-stats,.rk-v3 .rk3-thread-context {width:calc(100% - 32px)!important}
  .rk-v3 #pt {margin:12px auto;font-size:12px}
  .rk-v3 .boardnav {padding:0 16px}
  .rk-v3 .boardnav #ct.wp {width:100%!important}
  .rk-v3 .boardnav #ct {margin-left:0!important}
  .rk-v3 .boardnav #sd_bdl {display:none!important}
  .rk-v3 .rk3-page-hero {display:block;min-height:0;padding:22px 20px;border-radius:17px}
  .rk-v3 .rk3-page-hero h1 {font-size:23px}
  .rk-v3 .rk3-page-hero p {font-size:13px}
  .rk-v3 .rk3-page-hero .btn {margin-top:14px;font-size:13px}
  .rk-v3 .rk3-board-stats {margin:11px auto 17px}
  .rk-v3 .rk3-board-stats .stat-chip {font-size:12px;padding:7px 10px}
  .rk-v3 #ct .bm_h {padding:13px}
  .rk-v3 #ct .bm_c {padding:12px}
  .rk-v3 #threadlist {overflow-x:auto}
  .rk-v3 #threadlist table {min-width:0;width:100%}
  .rk-v3 #threadlist .by,.rk-v3 #threadlist .num {display:none}
  .rk-v3 #threadlist .icn {width:30px}
  .rk-v3 #threadlist td,.rk-v3 #threadlist th {padding:13px 7px}
  .rk-v3 #threadlist th a.s.xst,.rk-v3 #threadlist .xst {font-size:15px}
  .rk-v3 #threadlist .by,.rk-v3 #threadlist .num {font-size:11px}
  .rk-v3 #postlist {width:100%;overflow-x:auto}
  .rk-v3 #postlist .pls {width:65px;min-width:65px}
  .rk-v3 #postlist .plc {padding:13px}
  .rk-v3 #postlist .vwthd h1,.rk-v3 #postlist .vwthd #thread_subject {font-size:20px}
  .rk-v3 #postlist .pcb,.rk-v3 .t_f {font-size:16px!important;line-height:1.85!important}
  .rk-v3 #ct .ct2 .mn,.rk-v3 #ct.ct2 .mn,.rk-v3 #ct .ct2_a .mn {float:none;width:100%;margin:0!important}
  .rk-v3 #ct .sd,.rk-v3 #ct .appl {display:none}
  .rk-v3 .rk3-thread-context {display:block;padding:12px 14px}
  .rk-v3 .rk3-thread-context-detail {margin-top:8px;display:block;font-size:12px}
}