/* KBoard + KBoard Comments: match Welcomeju palette */
html:root{
  --kboard-primary:#5B8DB8; --kboard-primary-hover:#3F6E98; --kboard-text:#2B3A4A; --kboard-text-muted:#66788A;
  --kboard-bg:#FFFFFF; --kboard-bg-alt:#F1F6FB; --kboard-border:#D5E2ED; --kboard-radius:12px;
  --kboard-font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif; --kboard-font-size:15.5px;
  --kboard-shadow-sm:0 1px 2px rgba(43,58,74,.04); --kboard-shadow-md:0 6px 20px rgba(63,110,152,.08);
  --kboard-comments-primary:#5B8DB8; --kboard-comments-primary-hover:#3F6E98; --kboard-comments-text:#2B3A4A; --kboard-comments-text-muted:#66788A;
  --kboard-comments-bg:#FFFFFF; --kboard-comments-bg-alt:#F1F6FB; --kboard-comments-border:#D5E2ED; --kboard-comments-border-light:#E8F0F7; --kboard-comments-radius:12px;
}
:is(#kboard-default-list,#kboard-thumbnail-list,#kboard-avatar-list,#kboard-default-document,#kboard-thumbnail-document,#kboard-avatar-document,.kboard-comments-default){ font-family:var(--kboard-font-family)!important; color:var(--kboard-text); }

/* list wrapper as a card */
:is(#kboard-default-list,#kboard-thumbnail-list,#kboard-avatar-list){ background:#fff; border:1px solid var(--kboard-border); border-radius:18px; padding:1.2rem 1.4rem 1.4rem; box-shadow:0 1px 2px rgba(43,58,74,.04),0 6px 20px rgba(63,110,152,.07); }
:is(#kboard-default-list,#kboard-thumbnail-list,#kboard-avatar-list) .kboard-list table{ border-collapse:collapse; width:100%; }
:is(#kboard-default-list,#kboard-thumbnail-list,#kboard-avatar-list) .kboard-list thead td{ background:#F1F6FB!important; color:#66788A!important; font-weight:600; font-size:.82rem; border:0!important; padding:.7rem .6rem!important; }
:is(#kboard-default-list,#kboard-thumbnail-list,#kboard-avatar-list) .kboard-list thead td:first-child{ border-radius:10px 0 0 10px; }
:is(#kboard-default-list,#kboard-thumbnail-list,#kboard-avatar-list) .kboard-list thead td:last-child{ border-radius:0 10px 10px 0; }
:is(#kboard-default-list,#kboard-thumbnail-list,#kboard-avatar-list) .kboard-list tbody td{ border-bottom:1px solid #E8F0F7!important; padding:.85rem .6rem!important; font-size:.9rem; color:#66788A; vertical-align:middle; }
:is(#kboard-default-list,#kboard-thumbnail-list,#kboard-avatar-list) .kboard-list tbody tr:hover td{ background:#F6FAFD; }
:is(#kboard-default-list,#kboard-thumbnail-list,#kboard-avatar-list) .kboard-list tbody .kboard-list-title,:is(#kboard-default-list,#kboard-thumbnail-list,#kboard-avatar-list) .kboard-list-title a{ color:#2B3A4A!important; font-size:.98rem; font-weight:500; text-decoration:none!important; }
:is(#kboard-default-list,#kboard-thumbnail-list,#kboard-avatar-list) .kboard-list-title a:hover{ color:#3F6E98!important; }
:is(#kboard-default-list,#kboard-thumbnail-list,#kboard-avatar-list) .kboard-list tr.kboard-list-notice td{ background:#EEF5FB; }
.kboard-comments-count{ color:#5B8DB8!important; font-weight:600; font-size:.82em; }
:is(.kboard-default-new-notify,.kboard-thumbnail-new-notify,.kboard-avatar-new-notify){ background:#5B8DB8!important; }

/* thumbnail skin: media list with soft rounded thumbs */
#kboard-thumbnail-list .kboard-list-thumbnail{ width:132px; }
#kboard-thumbnail-list .kboard-list-thumbnail img{ width:120px!important; height:80px!important; object-fit:cover; border-radius:10px; display:block; }
#kboard-thumbnail-list .kboard-icon-thumbnail{ display:block; width:120px; height:80px; border-radius:10px; background:linear-gradient(135deg,#E6F0F8,#D8E7F3)!important; }

/* category tabs / search / buttons */
:is(#kboard-default-list,#kboard-thumbnail-list,#kboard-avatar-list) .kboard-category ul li a,:is(#kboard-default-list,#kboard-thumbnail-list,#kboard-avatar-list) .kboard-category select{ border-radius:999px!important; }
.kboard-category .kboard-category-selected a,.kboard-category li.kboard-category-selected a{ background:#5B8DB8!important; color:#fff!important; border-color:#5B8DB8!important; }
:is(.kboard-default-button-small,.kboard-thumbnail-button-small,.kboard-avatar-button-small,.comments-submit-button button,.comments-button-action button,.kboard-button-action button){ border-radius:999px!important; background:#5B8DB8!important; border-color:#5B8DB8!important; color:#fff!important; font-family:var(--kboard-font-family)!important; padding:.45rem 1.05rem!important; height:auto!important; line-height:1.4!important; }
:is(.kboard-default-button-small,.kboard-thumbnail-button-small,.kboard-avatar-button-small):hover{ background:#3F6E98!important; }
.kboard-search input[type=text],.kboard-search select,.kboard-comments-form textarea,.kboard-comments-form input[type=text],.kboard-comments-form input[type=password]{ border:1px solid #D5E2ED!important; border-radius:10px!important; background:#fff!important; }
.kboard-search input[type=text]:focus,.kboard-comments-form textarea:focus{ border-color:#5B8DB8!important; box-shadow:0 0 0 3px rgba(91,141,184,.18)!important; outline:none; }
.kboard-pagination .kboard-pagination-pages li a{ border-radius:999px!important; border-color:#D5E2ED!important; color:#3F6E98!important; }
.kboard-pagination .kboard-pagination-pages li.active a{ background:#5B8DB8!important; color:#fff!important; border-color:#5B8DB8!important; }
:is(.kboard-default-poweredby,.kboard-thumbnail-poweredby,.kboard-avatar-poweredby){ opacity:.45; font-size:11px!important; }

/* document */
:is(#kboard-default-document,#kboard-thumbnail-document,#kboard-avatar-document) .kboard-document-wrap{ background:#fff; border:1px solid #D5E2ED; border-radius:18px; padding:clamp(1.1rem,3vw,2.2rem); box-shadow:0 1px 2px rgba(43,58,74,.04),0 6px 20px rgba(63,110,152,.07); }
:is(#kboard-default-document,#kboard-thumbnail-document,#kboard-avatar-document) .kboard-title h1{ font-family:"Gowun Batang",serif!important; font-size:clamp(1.4rem,3vw,1.95rem)!important; line-height:1.4!important; color:#2B3A4A!important; border:0!important; }
:is(#kboard-default-document,#kboard-thumbnail-document,#kboard-avatar-document) .kboard-detail{ border-top:1px solid #E8F0F7!important; border-bottom:1px solid #E8F0F7!important; color:#66788A; font-size:.88rem; background:transparent!important; }
:is(#kboard-default-document,#kboard-thumbnail-document,#kboard-avatar-document) .kboard-content{ font-size:1.04rem; line-height:1.9; color:#2B3A4A; word-break:keep-all; overflow-wrap:anywhere; }
:is(#kboard-default-document,#kboard-thumbnail-document,#kboard-avatar-document) .kboard-content :is(img){ border-radius:10px; }
:is(#kboard-default-document,#kboard-thumbnail-document,#kboard-avatar-document) .kboard-content :is(table){ display:block; overflow-x:auto; max-width:100%; }
:is(#kboard-default-document,#kboard-thumbnail-document,#kboard-avatar-document) .kboard-content iframe{ max-width:100%; border-radius:12px; }
:is(#kboard-default-document,#kboard-thumbnail-document,#kboard-avatar-document) .kboard-content blockquote{ border-left:4px solid #A9C6DF; background:#F1F6FB; margin:1rem 0; padding:.8rem 1.1rem; border-radius:0 10px 10px 0; }
.kboard-document-navi a,.kboard-document-navi{ color:#3F6E98!important; }
.kboard-attach button,.kboard-attach a{ border-radius:999px!important; }
.wj-tags{ display:flex; flex-wrap:wrap; gap:.4rem; margin:2rem 0 .5rem; padding-top:1rem; border-top:1px dashed #D5E2ED; }
.wj-tag{ font-size:.8rem; padding:.2rem .7rem; border-radius:999px; background:#EEF5FB; color:#3F6E98; border:1px solid #D5E2ED; line-height:1.6; }

/* comments */
.kboard-comments-default{ margin-top:1.6rem; }
.kboard-comments-default .comments-header{ border-bottom:2px solid #D5E2ED!important; }
.kboard-comments-default .comments-list>ul>li,.kboard-comments-default .kboard-comments-item{ border-color:#E8F0F7!important; }
.kboard-comments-default .comments-list ul ul{ background:#F6FAFD; border-left:3px solid #CFE1F0; border-radius:0 12px 12px 0; }
.kboard-comments-default .comments-list-username{ color:#2B3A4A; font-weight:700; }
.kboard-comments-default .comments-list-create{ color:#8A9AAA; font-size:.82rem; }

/* mobile */
@media (max-width:640px){
  :is(#kboard-default-list,#kboard-thumbnail-list,#kboard-avatar-list){ padding:.8rem; border-radius:14px; }
  #kboard-thumbnail-list .kboard-list-thumbnail{ width:96px; }
  #kboard-thumbnail-list .kboard-list-thumbnail img,#kboard-thumbnail-list .kboard-icon-thumbnail{ width:88px!important; height:62px!important; }

}

/* --- v2 polish: accent buttons + readable legacy XE font sizes --- */
html body a[class*="-button-small"],
html body button[class*="-button-small"],
html body input[class*="-button-small"]{
  background-color:var(--wj-accent,#5B8DB8)!important;color:#fff!important;border-radius:999px!important;border:0!important;
}
html body a[class*="-button-small"]:hover,
html body button[class*="-button-small"]:hover{background-color:#3F6E98!important}
html body a[class*="-button-white"],html body button[class*="-button-white"]{
  background:#fff!important;color:#3F6E98!important;border:1px solid #D5E2ED!important;border-radius:999px!important}
.kboard-content [style*="font-size"]:not(h1):not(h2):not(h3):not(h4),
.kboard-content font[size]{font-size:inherit!important}
.kboard-content font[face],.kboard-content [style*="font-family"]{font-family:inherit!important}
.kboard-content{font-size:1.02rem;line-height:1.85;color:#2B3A4A}

/* --- avatars + default thumbnails --- */
img.avatar{ width:24px!important; height:24px!important; border-radius:50%!important; object-fit:cover; vertical-align:middle; background:#E6F0F8; box-shadow:0 0 0 1px #D5E2ED; margin-right:.25rem; flex:none; }
.kboard-comments-default img.avatar, #kboard-avatar-document img.avatar{ width:28px!important; height:28px!important; }
#kboard-thumbnail-list .kboard-list-thumbnail img{ object-fit:cover; background:#E6F0F8; }
#kboard-avatar-list tbody td.kboard-list-user{ display:table-cell!important; white-space:nowrap; }
#kboard-avatar-list .kboard-list-user img.avatar{ display:inline-block!important; border:0!important; }
@media (max-width:600px){ #kboard-avatar-list tbody td.kboard-list-user{ display:none!important; } }
@media (min-width:769px){ #kboard-thumbnail-list .kboard-mobile-contents{ display:none!important; } }
@media (max-width:768px){
  #kboard-thumbnail-list .kboard-mobile-contents{ display:block!important; }
  #kboard-thumbnail-list .kboard-thumbnail-cut-strings .kboard-mobile-contents{ float:left; margin:0 .8rem .2rem 0; }
  #kboard-thumbnail-list .kboard-list-title > .kboard-mobile-contents{ clear:both; padding-top:.3rem; }
  #kboard-thumbnail-list .kboard-mobile-contents .contents-thumbnail{ width:92px!important; height:62px!important; margin:0!important; border:0!important; border-radius:10px!important; object-fit:cover; background:#E6F0F8; }
  #kboard-thumbnail-list .kboard-thumbnail-cut-strings{ overflow:hidden; white-space:normal!important; display:block!important; -webkit-line-clamp:unset!important; min-height:62px; }
}