/* JadTrip own theme - board pages (round 40, 09-11-2026; r41 app layout): a board's threads (forum/forumdisplay) and the board list (forum/discuz).
   Phones first (white sheets edge to edge, list rows); the computer layout (>= 1024: panels, main + side) is in jt-pc.css. Lean pages: no comiis styles. */
:root{--jts-pg:#f2f4f7;--jts-mut2:#475569}
html[data-jt-theme=dark]{--jts-pg:#0b1220;--jts-mut2:#94a3b8}
body.jts-lean{margin:0;background:var(--jts-pg);color:var(--jts-ink);font-family:var(--jt-font-body,'IBM Plex Sans Thai'),system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%;overflow-x:hidden}
.jts-lean a{color:var(--jts-teal2);text-decoration:none}
.jts-lean img{max-width:100%;height:auto;border:0}
.jts-lean .comiis_bodybox{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
.jts-bd{padding:0 0 20px}
.jts-bd h1,.jts-bd h2,.jts-bd p{margin:0}
.jts-bd .jts-i{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* head of the board / of the list: a white sheet under the bar */
.jts-bd-hd{background:var(--jts-card);padding:12px 16px 14px}
.jts-bd-hd .jt-bc{background:none!important;margin:0 0 10px;padding:0}
.jts-bd-hd .jt-bc ol{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;font-size:13px;line-height:1.5}
.jts-bd-hd .jt-bc li{margin:0;padding:0;color:var(--jts-mut)}
.jts-bd-hd .jt-bc li:after{display:none}
.jts-bd-hd .jt-bc li:before{display:none}
.jts-bd-hd .jt-bc li+li:before{display:inline;content:'›';margin:0 7px;color:var(--jts-mut)}
.jts-bd-hd .jt-bc a{color:var(--jts-mut2)!important}
.jts-bd-hd-in{display:flex;align-items:center;gap:12px}
.jts-bd-ic{flex:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;overflow:hidden;background:var(--jts-soft);color:var(--jts-teal2);box-shadow:inset 0 0 0 1px var(--jts-line)}
.jts-bd-ic img{display:block;width:100%;height:100%;object-fit:cover}
.jts-bd-ic .jts-i{width:26px;height:26px}
.jts-bd-hd-t{flex:1;min-width:0}
.jts-bd-h1{font-size:20px;line-height:1.3;font-weight:700;color:var(--jts-ink);overflow-wrap:anywhere}
.jts-bd-d{margin-top:2px!important;font-size:13.5px;line-height:1.5;color:var(--jts-mut2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jts-bd-n{margin-top:2px!important;font-size:12.5px;color:var(--jts-mut)}
.jts-bd-new{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:38px;padding:0 14px;border-radius:999px;background:var(--jts-teal);color:#fff!important;font-size:14px;font-weight:600;white-space:nowrap;box-sizing:border-box}
.jts-bd-new .jts-i{width:18px;height:18px;stroke-width:2.4}
.jts-bd-hd .jts-bd-new{width:40px;height:40px;padding:0}
.jts-bd-hd .jts-bd-new span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (min-width:400px){.jts-bd-hd .jts-bd-new{width:auto;padding:0 14px}.jts-bd-hd .jts-bd-new span{position:static;width:auto;height:auto;clip:auto}}

/* sub-boards (chips) and the sort tabs (underlined), on the same white sheet as the head */
.jts-bd-subs{display:flex;gap:8px;overflow-x:auto;margin:0;padding:0 16px 12px;background:var(--jts-card);scrollbar-width:none}
.jts-bd-subs a{flex:none;display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:var(--jts-soft);color:var(--jts-ink)!important;font-size:13.5px}
.jts-bd-tabs{display:flex;overflow-x:auto;margin:0;padding:0 8px;background:var(--jts-card);box-shadow:inset 0 -1px 0 var(--jts-line);scrollbar-width:none}
.jts-bd-subs::-webkit-scrollbar,.jts-bd-tabs::-webkit-scrollbar{display:none}
.jts-bd-tabs a{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px;color:var(--jts-mut2)!important;font-size:14.5px;font-weight:600;border-bottom:2.5px solid transparent;box-sizing:border-box}
.jts-bd-tabs a[aria-current]{color:var(--jts-teal2)!important;border-bottom-color:var(--jts-teal)}

/* pinned threads */
.jts-bd-pin{margin-top:8px;background:var(--jts-card);padding:2px 16px}
.jts-bd-pin ul{list-style:none;margin:0;padding:0}
.jts-bd-pin li+li{border-top:1px solid var(--jts-line)}
.jts-bd-pin a{display:flex;align-items:center;gap:10px;min-height:46px;color:var(--jts-ink)!important;font-size:14.5px;font-weight:600;line-height:1.45}
.jts-bd-pin a>span:first-of-type{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jts-bd-pin .jts-i{flex:none;width:18px;height:18px;color:var(--jts-teal)}

/* the list: rows on one white sheet, text left, picture right */
.jts-bd-list{list-style:none;margin:8px 0 0;padding:0;background:var(--jts-card)}
.jts-bd-li{margin:0;padding:0 16px;min-width:0}
.jts-bd-li+.jts-bd-li .jts-bd-c,.jts-bd-list>.jadtrip-adpro-feed-li+.jts-bd-li .jts-bd-c{border-top:1px solid var(--jts-line)}
.jts-bd-c{display:flex;align-items:stretch;gap:14px;padding:14px 0;color:var(--jts-ink)!important}
.jts-bd-b{flex:1;min-width:0;display:flex;flex-direction:column}
.jts-bd-t{font-size:15.5px;line-height:1.45;font-weight:600;color:var(--jts-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.jts-bd-x{display:none}
.jts-bd-m{margin-top:auto!important;padding-top:6px;font-size:12.5px;line-height:1.5;color:var(--jts-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jts-bd-au{color:var(--jts-mut2);font-weight:600}
.jts-bd-pic{flex:none;position:relative;display:block;width:104px;height:78px;border-radius:10px;overflow:hidden;background:var(--jts-soft)}
.jts-bd-pic img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.jts-bd-tag{display:inline-block;margin:0 6px 0 0;padding:0 7px;border-radius:6px;background:#fef3c7;color:#92400e;font-size:11.5px;font-weight:700;line-height:1.7;vertical-align:1px}
/* JadTrip Pro's in-feed ad row (inserted after the 3rd row): a row of the sheet */
/* review r41: JadTrip Pro's own CSS gives it a #eee line, a 6 px gap and a shadow under it (bright in dark mode): off here */
.jts-bd-list>.jadtrip-adpro-feed-li{margin:0!important;border-bottom:0!important;box-shadow:none!important;border-top:1px solid var(--jts-line);background:var(--jts-card)!important}
.jts-bd-empty{margin-top:8px;padding:40px 16px;background:var(--jts-card);text-align:center;color:var(--jts-mut2)}
.jts-bd-empty p{margin:0 0 12px!important}

/* page links */
.jts-bd-pg{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:0;padding:14px 16px 16px;background:var(--jts-card);border-top:1px solid var(--jts-line)}
.jts-bd-pg a,.jts-bd-pg span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border-radius:10px;box-sizing:border-box;font-size:14px;font-weight:600}
.jts-bd-pg a{background:var(--jts-soft);color:var(--jts-ink)!important}
.jts-bd-pg span[aria-current]{background:var(--jts-teal);color:#fff}
.jts-bd-pg .jts-bd-gap{min-width:16px;padding:0;color:var(--jts-mut)}

/* the aside (under the list on phones): grouped white sheets */
.jts-bd-side{margin-top:8px}
.jts-bd-box{background:var(--jts-card);padding:14px 16px 10px;margin-top:8px}
.jts-bd-box:first-child{margin-top:0}
.jts-bd-h{font-size:16px;line-height:1.4;font-weight:700;color:var(--jts-ink);margin:0 0 6px!important}
.jts-bd-rank{list-style:none;margin:0;padding:0}
.jts-bd-rank li{display:flex;flex-direction:column;padding:10px 0;border-top:1px solid var(--jts-line)}
.jts-bd-rank li:first-child{border-top:0}
.jts-bd-rank a{display:flex;align-items:flex-start;gap:10px;color:var(--jts-ink)!important;font-size:14.5px;line-height:1.45}
.jts-bd-rank b{flex:none;display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:0;border-radius:7px;background:var(--jts-soft);color:var(--jts-mut2);font-size:12.5px;font-weight:700}
.jts-bd-rank li:nth-child(-n+3) b{background:var(--jts-teal);color:#fff}
.jts-bd-rank a span{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jts-bd-rank small{margin:2px 0 0 32px;font-size:12px;color:var(--jts-mut)}
.jts-bd-new-l small{margin-left:0}
.jts-bd-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:4px 0 6px;padding:0}
.jts-bd-chips a{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:999px;background:var(--jts-soft);color:var(--jts-ink)!important;font-size:13.5px}

/* the board list (forum.html): a heading per category, its boards in one rounded group */
.jts-bdx-cat{margin:18px 12px 0}
.jts-bdx-hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 4px 8px}
.jts-bdx-hd .jts-bd-h{margin:0!important;font-size:17px}
.jts-bdx-hd .jts-bd-h a{color:var(--jts-ink)!important}
.jts-bdx-hd>span{flex:none;font-size:12.5px;color:var(--jts-mut)}
.jts-bdx-cat>.jts-bd-h{margin:0 4px 8px!important;font-size:17px}
.jts-bdx-list{list-style:none;margin:0;padding:0;background:var(--jts-card);border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--jts-line)}
.jts-bdx-li{margin:0;padding:0 14px;min-width:0}
.jts-bdx-li+.jts-bdx-li{box-shadow:inset 0 1px 0 var(--jts-line)}
.jts-bdx-c{display:flex;align-items:center;gap:12px;padding:12px 0 8px;color:var(--jts-ink)!important}
.jts-bdx-c .jts-bd-ic{width:44px;height:44px;border-radius:12px}
.jts-bdx-b{display:flex;flex-direction:column;min-width:0;flex:1}
.jts-bdx-b b{font-size:15.5px;line-height:1.4;font-weight:600}
.jts-bdx-b small{font-size:13px;line-height:1.45;color:var(--jts-mut2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jts-bdx-n{flex:none;display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}
.jts-bdx-n b{font-size:15px;font-weight:700;color:var(--jts-ink)}
.jts-bdx-n small{font-size:11.5px;color:var(--jts-mut)}
.jts-bdx-n i{font-style:normal;font-size:11px;font-weight:600;color:var(--jts-teal2)}
.jts-bdx-c>.jts-i{flex:none;width:18px;height:18px;margin-left:-4px;color:var(--jts-mut)}
.jts-bdx-last{display:flex;gap:6px;margin:0 0 0 56px;padding:0 0 12px;font-size:12.5px;line-height:1.45;color:var(--jts-mut2)!important;min-width:0}
.jts-bdx-last b{flex:none;color:var(--jts-teal2);font-weight:600}
.jts-bdx-last span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jts-bdx-last small{display:none}

/* wide phones / tablets in phone mode */
@media (min-width:600px){
 .jts-bd-li{padding:0 20px}
 .jts-bd-pic{width:150px;height:100px;border-radius:12px}
 .jts-bd-t{font-size:16.5px}
 .jts-bd-x{display:-webkit-box;margin-top:3px!important;font-size:14px;line-height:1.55;color:var(--jts-mut2);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
 .jts-bdx-cat{margin-left:20px;margin-right:20px}
}
html[data-jt-theme=dark] .jts-bd-tag{background:rgba(245,158,11,.16);color:#fbbf24}
html[data-jt-theme=dark] .jts-bd{--jts-teal2:#5eead4}   /* review r40: the dark teal text on the dark sheets needs the light one */