/* Forum directory only. Sidebar follows viewthread_v2.css: 435 / 360px. */
#ct.kbh-directory{display:grid!important;grid-template-columns:minmax(0,1fr) 435px;gap:24px 35px;width:100%;max-width:1350px;margin:16px auto 48px;box-sizing:border-box}
.kbh-directory *{box-sizing:border-box}
#ct.kbh-directory>.mn{float:none;width:auto;min-width:0;margin:0}
#ct.kbh-directory>#chart,#ct.kbh-directory>#diy_chart{grid-column:1/-1}
#ct.kbh-directory>#diy_chart:empty{display:none}
.kbh-directory #chart{margin:0;padding:0 0 4px;border:0;background:none;color:#78847c;font-size:12px}
.kbh-directory #chart .chart{background:none;padding-left:0}
.kbh-directory #chart em{color:#244b39;font-weight:600}
.kbh-directory .mn>.fl{background:none;border:0;margin:0}
.kbh-directory-group{margin:0 0 32px}
.kbh-directory-group-title{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.kbh-directory-group-title h2{font-size:19px;font-weight:650;margin:0;color:#203b2d}
.kbh-directory-group-title>span{height:1px;background:#e1e9e3;flex:1}
.kbh-forum-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.kbh-forum-card{border:1px solid #dfe8e1;border-radius:14px;background:#fff;padding:23px 20px 20px;min-width:0;display:flex;flex-direction:column;transition:border-color .16s,box-shadow .16s}
.kbh-forum-card:hover{border-color:#8abf94;box-shadow:0 5px 18px #16352408}
.kbh-forum-card-top{display:flex;align-items:flex-start;gap:15px;min-width:0}
.kbh-forum-icon{flex:0 0 48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:0;background:transparent;color:#608b6a}
.kbh-forum-icon img{display:block;width:100%;height:100%;max-width:48px;max-height:48px;object-fit:contain}.kbh-forum-icon>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.kbh-forum-copy{min-width:0;flex:1}
.kbh-forum-copy h3{font-size:18px;line-height:1.35;font-weight:650;margin:1px 0 9px;color:#203b2d}
.kbh-forum-description{font-size:12px;line-height:1.65;color:#7b877e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}
.kbh-forum-arrow{font-size:20px;line-height:24px;color:#8a9e90;flex:0 0 18px}
.kbh-forum-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:23px;min-height:55px;flex-wrap:wrap}
.kbh-forum-counts{display:flex;gap:13px;font-size:11px;color:#88928b;white-space:nowrap}
.kbh-forum-counts b{font-size:13px;color:#4f6356;font-weight:600;margin-right:3px}
.kbh-forum-avatars{display:flex;align-items:center;margin-left:auto;min-height:28px;padding-left:2px}
.kbh-forum-avatars a{display:block;position:relative;width:28px;height:28px;margin-left:-14px;border:2px solid #fff;border-radius:50%;background:#edf4ee;transition:transform .15s}
.kbh-forum-avatars a:first-child{margin-left:0}
.kbh-forum-avatars a:hover,.kbh-forum-avatars a:focus-visible{transform:translateY(-3px);z-index:2}
.kbh-forum-avatars img{display:block;width:24px;height:24px;border-radius:50%;object-fit:cover}
.kbh-forum-empty,.kbh-forum-muted{font-size:11px;color:#a0a9a2}
.kbh-forum-subforums{font-size:12px;color:#6f8275;margin-top:12px}
#ct.kbh-directory>.kbh-directory-side{float:none;width:auto;min-width:0;align-self:start;display:flex;flex-direction:column;gap:22px;margin:0;padding-top:46px}
.kbh-directory-panel{border:1px solid #dfe8e1;border-radius:16px;padding:25px;background:#fff}
.kbh-directory-panel h2{font-size:22px;line-height:1.3;font-weight:650;color:#203b2d;margin:0 0 9px}
.kbh-directory-panel-note{font-size:12px;line-height:1.6;color:#8b958e;margin-bottom:19px}
.kbh-hot-forums{list-style:none;margin:0;padding:0}
.kbh-hot-forums li+li{border-top:1px solid #eef2ee}
.kbh-hot-forums a{display:flex;align-items:center;gap:14px;min-height:65px;padding:10px 0}
.kbh-hot-rank{width:22px;flex-shrink:0;font-size:17px;color:#9ba69e;font-weight:600}
.kbh-hot-forums li:nth-child(-n+3) .kbh-hot-rank{color:#488359}
.kbh-hot-name{flex:1;min-width:0;font-size:14px;line-height:1.5;color:#324d3c;font-weight:550}
.kbh-hot-total{text-align:right;color:#496751;display:flex;flex-direction:column;gap:2px}
.kbh-hot-total b{font-size:15px;font-weight:600}.kbh-hot-total small{font-size:10px;color:#939d96}
.kbh-directory-diy:has(>.area:empty){display:none}
.kbh-directory a:hover{color:#418b51;text-decoration:none}
.kbh-directory a:focus-visible{outline:2px solid #52a666;outline-offset:4px;border-radius:4px}
@media(min-width:1001px) and (max-width:1439px){#ct.kbh-directory{grid-template-columns:minmax(0,1fr) 360px;column-gap:25px}.kbh-directory-panel{padding:20px}}
@media(max-width:1100px){.kbh-forum-card{padding:18px 15px}.kbh-forum-card-top{gap:10px}.kbh-forum-icon{flex-basis:38px;height:38px}.kbh-forum-counts{gap:9px}.kbh-forum-card-bottom{gap:6px}}
@media(max-width:1000px){#ct.kbh-directory{grid-template-columns:minmax(0,1fr);gap:24px}#ct.kbh-directory>.kbh-directory-side{padding-top:0}.kbh-hot-forums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}
@media(max-width:600px){.kbh-forum-grid{grid-template-columns:1fr}.kbh-forum-card{padding:20px}.kbh-hot-forums{display:block}.kbh-directory #chart .chart{float:none}.kbh-directory #chart .y{float:none;margin-top:8px}}

/* Saved forums: shared native data, compact two-column cards. */
.kbh-directory .kbh-saved-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kbh-directory .kbh-saved-grid>h2{grid-column:1 / -1;margin-bottom:4px}
.kbh-directory .kbh-saved-card{--saved-tone:67,86,74;position:relative;isolation:isolate;overflow:hidden;border-radius:12px;min-inline-size:0;height:132px;padding:13px 13px;background:#43564a;color:#fff;display:flex;flex-direction:column;text-align:start}
.kbh-directory .kbh-saved-cover{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover;z-index:-3}
.kbh-directory .kbh-saved-card:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(var(--saved-tone),.94),rgba(var(--saved-tone),.80) 35%,rgba(var(--saved-tone),.36) 70%,rgba(var(--saved-tone),.08)),linear-gradient(0deg,rgba(var(--saved-tone),.48),transparent 36%)}
[dir=rtl] .kbh-saved-card:before{background:linear-gradient(270deg,rgba(var(--saved-tone),.94),rgba(var(--saved-tone),.80) 35%,rgba(var(--saved-tone),.36) 70%,rgba(var(--saved-tone),.08)),linear-gradient(0deg,rgba(var(--saved-tone),.48),transparent 36%)}
.kbh-directory .kbh-saved-card h3{font-size:18px;line-height:1.45;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kbh-directory .kbh-saved-card h3 a{color:#fff;text-shadow:0 1px 5px #0003}
.kbh-directory .kbh-saved-link:after{content:"";position:absolute;inset:0}
.kbh-directory .kbh-saved-card>p{font-size:12px;line-height:1.6;margin:4px 0 0;color:#ffffffe0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kbh-directory .kbh-saved-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-block-start:auto;padding-block-start:14px;min-inline-size:0;font-size:12px}
.kbh-directory .kbh-saved-count{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.kbh-directory .kbh-saved-count em{font-style:normal;color:#ffffff85;font-weight:400}
.kbh-directory .kbh-saved-members{display:flex;align-items:center;flex-shrink:0;padding-inline-start:9px}
.kbh-directory .kbh-saved-members a{position:relative;z-index:1;display:block;inline-size:20px;block-size:20px;margin-inline-start:-9px;overflow:hidden;border:1.5px solid #e5e9e6;border-radius:50%;background:#c4d1c7}
.kbh-directory .kbh-saved-members img{display:block;inline-size:100%;block-size:100%;object-fit:cover}
.kbh-directory .kbh-saved-card:focus-within{outline:2px solid #128c4b;outline-offset:3px}

.kbh-directory .kbh-saved-card a,.kbh-directory .kbh-saved-card a:hover{color:#fff}



.kbh-forum-icon svg.kbh-cat-svg{display:block;width:28px;height:28px;color:#202824}
.kbh-forum-icon svg.kbh-cat-svg,.kbh-forum-icon:hover svg.kbh-cat-svg,.kbh-forum-icon:active svg.kbh-cat-svg,.kbh-forum-icon:focus svg.kbh-cat-svg,.kbh-forum-item:hover svg.kbh-cat-svg{color:#202824}

/* Forum identity remains black; following uses the native favorite action. */
.kbh-forum-copy h3,.kbh-forum-copy h3 a,.kbh-forum-description,.kbh-forum-description *,.kbh-forum-icon,.kbh-forum-icon svg.kbh-cat-svg,.kbh-forum-icon:hover svg.kbh-cat-svg,.kbh-forum-icon:focus svg.kbh-cat-svg,.kbh-forum-icon:active svg.kbh-cat-svg{color:#000}
.kbh-forum-copy h3 a *{color:#000!important}
.kbh-forum-icon img{filter:brightness(0)}
.kbh-forum-follow{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 9px;border:1px solid #dfe8e1;border-radius:7px;font-size:12px;line-height:1.4;color:#000;white-space:nowrap}
.kbh-forum-follow:hover{background:#f5f7f5;border-color:#aab9ad;color:#000}
.kbh-forum-follow[aria-pressed="true"]{background:#f5f7f5}

/* PC forum icons fill their existing icon slot; mobile home sizing is separate. */
@media(min-width:769px){.kbh-forum-icon svg.kbh-cat-svg{width:100%;height:100%}}