/* live mid head/faceOff: cancel sketchbook5 #bd_lst{margin-top:25px} */
#bd_lst { margin-top: 0; }

/* pages_extra gallery dump pollutes zine list — restore full-width rows */
#bd_zine.zine li {
  width: auto;
  max-width: none;
  margin: 0 2px;
}
/* classic zine thumb+text offset (live notice2 computed ±170) */
#bd_zine.zine .rt_area {
  margin-left: 170px !important;
}
#bd_zine.zine .tmb_wrp {
  float: left;
  margin-left: -170px !important;
  margin-right: 12px;
  margin-bottom: 6px;
  visibility: visible !important; /* cancel .img_load hide without board.js */
  display: block !important;
}
#bd_zine.zine .tmb_wrp img.tmb {
  visibility: visible !important;
  display: block;
}
/* optional: clip long excerpts like mobile board.css intent */
#bd_zine.zine .cnt {
  overflow: hidden;
  max-height: 32px;
}

/* live notice2: pages_extra #bd_zine{padding:10px 0} pushes list down — zine only */
#bd_zine.zine {
  padding: 0 !important;
  margin-top: 0;
  margin-bottom: 0;
}

/* wolgan_sponsor etc. card gallery */
#bd_zine.card {
  padding: 10px 0 !important;
  margin: 0 auto;
}
#bd_zine.card:after {
  content: "";
  display: block;
  clear: both;
}
#bd_zine.card li {
  width: 170px; /* intentional card width — do not use zine width:auto */
}
/* img_load hide without board.js — show card thumbs */
#bd_zine.card .tmb_wrp,
#bd_zine.card .tmb_wrp img.tmb,
.bd_lst.img_load.card .tmb_wrp,
.bd_lst.img_load.card .tmb_wrp img.tmb {
  visibility: visible !important;
  display: block !important;
}

/* photo gallery #tmb_lst.frame_style — cancel pages_extra 240/200 dump + img_load hide */
body.spf-page-gallery #tmb_lst.frame_style {
  font-size: 0; /* kill inline-block whitespace gaps */
}
body.spf-page-gallery #tmb_lst.frame_style > li,
body.spf-page-gallery #tmb_lst.frame_style li {
  width: 170px !important;
  max-width: 170px !important;
  height: 160px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  font-size: 12px;
}
body.spf-page-gallery #tmb_lst.frame_style .tmb_wrp {
  max-width: 130px !important;
  width: auto !important;
  visibility: visible !important;
  display: inline-block; /* match board.css .tmb_wrp — do NOT use block !important */
}
body.spf-page-gallery #tmb_lst.img_load .tmb_wrp {
  visibility: visible !important;
}
body.spf-page-gallery #tmb_lst.frame_style .tmb_wrp img.tmb,
body.spf-page-gallery #tmb_lst.img_load .tmb_wrp img {
  visibility: visible !important;
}
body.spf-page-gallery #tmb_lst.frame_style .no_img {
  width: 130px !important;
  height: 130px !important;
  line-height: 130px !important;
}
/* live head inline: narrow viewport 3-up (not pages_extra 46%) */
@media (max-width: 533px) {
  body.spf-page-gallery #tmb_lst.frame_style > li,
  body.spf-page-gallery #tmb_lst.frame_style li {
    width: 33% !important;
    height: auto !important;
  }
}

/* tourment_rule #tmb_lst.frame_style — live 2×390 / wrp 350 (cancel pages_extra 240/200 last-wins) */
body.spf-page-tourment_rule #tmb_lst.frame_style > li,
body.spf-page-tourment_rule #tmb_lst.frame_style li {
  width: 390px !important;
  max-width: 390px !important;
  height: 160px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.spf-page-tourment_rule #tmb_lst.frame_style .tmb_wrp {
  max-width: 350px !important;
  width: auto !important;
  visibility: visible !important;
  /* live uses display:block after board.js fin_load — do NOT force inline-block !important */
}
body.spf-page-tourment_rule #tmb_lst.img_load .tmb_wrp,
body.spf-page-tourment_rule #tmb_lst.frame_style .tmb_wrp img.tmb,
body.spf-page-tourment_rule #tmb_lst.img_load .tmb_wrp img {
  visibility: visible !important;
}
body.spf-page-tourment_rule #tmb_lst.frame_style .no_img {
  width: 350px !important;
  height: 350px !important;
  line-height: 350px !important;
}
@media (max-width: 533px) {
  body.spf-page-tourment_rule #tmb_lst.frame_style > li,
  body.spf-page-tourment_rule #tmb_lst.frame_style li {
    width: 100% !important;
    height: auto !important;
  }
}

/* profile_pro + profile_cha + teamworking_profile #tmb_lst — live 6×130×170 / wrp 90 (cancel pages_extra 240/200; NO frame_style) */
body.spf-page-profile_pro #tmb_lst > li,
body.spf-page-profile_pro #tmb_lst li,
body.spf-page-profile_cha #tmb_lst > li,
body.spf-page-profile_cha #tmb_lst li,
body.spf-page-teamworking_profile #tmb_lst > li,
body.spf-page-teamworking_profile #tmb_lst li {
  width: 130px !important;
  max-width: 130px !important;
  height: 170px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.spf-page-profile_pro #tmb_lst .tmb_wrp,
body.spf-page-profile_cha #tmb_lst .tmb_wrp,
body.spf-page-teamworking_profile #tmb_lst .tmb_wrp {
  max-width: 90px !important;
  width: auto !important;
  visibility: visible !important;
}
body.spf-page-profile_pro #tmb_lst.img_load .tmb_wrp,
body.spf-page-profile_pro #tmb_lst .tmb_wrp img.tmb,
body.spf-page-profile_pro #tmb_lst.img_load .tmb_wrp img,
body.spf-page-profile_cha #tmb_lst.img_load .tmb_wrp,
body.spf-page-profile_cha #tmb_lst .tmb_wrp img.tmb,
body.spf-page-profile_cha #tmb_lst.img_load .tmb_wrp img,
body.spf-page-teamworking_profile #tmb_lst.img_load .tmb_wrp,
body.spf-page-teamworking_profile #tmb_lst .tmb_wrp img.tmb,
body.spf-page-teamworking_profile #tmb_lst.img_load .tmb_wrp img {
  visibility: visible !important;
}
body.spf-page-profile_pro #tmb_lst .no_img,
body.spf-page-profile_cha #tmb_lst .no_img,
body.spf-page-teamworking_profile #tmb_lst .no_img {
  width: 90px !important;
  height: 90px !important;
  line-height: 90px !important;
}
@media (max-width: 533px) {
  body.spf-page-profile_pro #tmb_lst > li,
  body.spf-page-profile_pro #tmb_lst li,
  body.spf-page-profile_cha #tmb_lst > li,
  body.spf-page-profile_cha #tmb_lst li,
  body.spf-page-teamworking_profile #tmb_lst > li,
  body.spf-page-teamworking_profile #tmb_lst li {
    width: 33% !important;
    height: auto !important;
  }
}

/* sketchbook5 uses jquery-ui icon class names, but the legacy jquery-ui CSS is not loaded. */
.bd .ui-icon-triangle-1-n { background-position: 0 -16px; }
.bd .ui-icon-triangle-1-s { background-position: -64px -16px; }
.bd .ui-icon-arrow-1-n { background-position: 0 -32px; }
.bd .ui-icon-arrow-1-e { background-position: -32px -32px; }
.bd .ui-icon-arrow-1-s { background-position: -64px -32px; }
.bd .ui-icon-arrow-1-w { background-position: -96px -32px; }
.bd .ui-icon-comment { background-position: -128px -96px; }
.bd .ui-icon-print { background-position: -160px -96px; }
.bd .ui-icon-disk { background-position: -96px -112px; }
.bd .ui-icon-zoomin { background-position: -128px -112px; }
.bd .ui-icon-zoomout { background-position: -144px -112px; }
.bd .ui-icon-closethick { background-position: -96px -128px; }

/* listStyle=viewer — live inline body rule (#222 from main.css palette) */
body.spf-viewer {
  margin: 0;
  padding: 3% 0;
  background: #222;
}
/* body.spf-viewer #viewer #bd — board.css already max-width 740 + white + shadow */