/* ===== Forum v2 visuals (Oct 17): section header art + tint panels, a unique tile per board, subforum icons, thread thumbnails, pills.
   Loaded on forum pages after rd.css. Colors per section via --th (r,g,b), same tint recipe as the homepage topic panels. ===== */
.forum .fa-start-here,.forum.fa-start-here{--th:198,244,50}
.forum .fa-news,.forum.fa-news{--th:56,189,248}
.forum .fa-build,.forum.fa-build{--th:45,212,191}
.forum .fa-create,.forum.fa-create{--th:127,184,255}
.forum .fa-tools,.forum.fa-tools{--th:184,212,46}
.forum .fa-community,.forum.fa-community{--th:52,211,153}
.forum .fa-members,.forum.fa-members{--th:184,212,46}
.forum{--th:198,244,50}
/* ---- section panel + header ---- */
.forum .fa-sec{position:relative;margin:0 0 30px;padding:22px;border-radius:var(--r-lg);border:1px solid rgba(var(--th),.26);
 background:radial-gradient(75% 60% at 0 0,rgba(var(--th),.15),transparent 62%),radial-gradient(60% 50% at 100% 100%,rgba(var(--th),.06),transparent 70%),var(--card);box-shadow:0 16px 40px -28px rgba(var(--th),.55)}
.fa-sechd{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:18px;margin:-22px -22px 18px;padding:22px 22px 20px;border-radius:var(--r-lg) var(--r-lg) 0 0;
 border-bottom:1px solid rgba(var(--th),.2);background-repeat:no-repeat;background-position:right top;background-size:auto 100%}
.fa-start-here .fa-sechd{background-image:url(img/forum/sec/start-here-strip.svg)}.fa-news .fa-sechd{background-image:url(img/forum/sec/news-strip.svg)}
.fa-build .fa-sechd{background-image:url(img/forum/sec/build-strip.svg)}.fa-create .fa-sechd{background-image:url(img/forum/sec/create-strip.svg)}
.fa-tools .fa-sechd{background-image:url(img/forum/sec/tools-strip.svg)}.fa-community .fa-sechd{background-image:url(img/forum/sec/community-strip.svg)}
.fa-members .fa-sechd{background-image:url(img/forum/sec/members-strip.svg)}
.fa-secem{display:block;width:72px;height:72px;border-radius:20px;box-shadow:0 10px 24px -10px rgba(var(--th),.7),0 0 0 1px rgba(255,255,255,.08)}
.forum .fa-sec .fsec-h,.fhome3 .fa-sec .fsec-h{margin:0;padding:0;font-family:inherit;font-weight:800;font-size:clamp(26px,2.6vw,32px);line-height:1.1;letter-spacing:-.03em;text-transform:none;color:var(--text)}
.forum .fa-sec .fsec-h::after{content:"";display:block;width:44px;height:4px;margin-top:9px;border-radius:4px;background:rgb(var(--th))}
.fa-sectag{margin:8px 0 0;font-size:15px;line-height:1.4;color:var(--text2)}
.fa-secpills{display:flex;gap:8px;margin:0;flex-wrap:wrap;justify-content:flex-end}
.fa-pill{display:inline-flex;align-items:center;min-height:28px;padding:3px 12px;border-radius:999px;font-family:inherit;font-weight:650;font-size:13px;line-height:1;color:rgb(var(--th));background:rgba(var(--th),.12);border:1px solid rgba(var(--th),.3);white-space:nowrap}
/* ---- board rows ---- */
.forum .fa-sec .brows{display:grid;gap:12px;margin:0;padding:0;border:0;border-radius:0;background:none;overflow:visible}
.forum .fa-brow.brow{margin:0;grid-template-columns:64px minmax(0,1fr) auto minmax(0,340px);gap:20px;align-items:center;padding:20px 22px;border:1px solid var(--line2)!important;border-radius:16px;
 background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),var(--bg2);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 10px 24px -18px rgba(0,0,0,.8);transition:border-color .15s,background-color .15s,transform .15s,box-shadow .15s}
.forum .fa-brow.brow:hover{border-color:rgba(var(--th),.55)!important;background:linear-gradient(180deg,rgba(var(--th),.07),transparent),var(--bg2);transform:translateY(-1px);box-shadow:0 14px 30px -18px rgba(var(--th),.45)}
.forum .fa-brow:focus-within{border-color:rgba(var(--th),.7)!important}
.fa-btile{display:block;width:64px;height:64px;align-self:start;border-radius:16px;box-shadow:0 8px 18px -8px rgba(var(--th),.55)}.fa-btile img{display:block;width:64px;height:64px}
.forum .fa-brow .bname{font-size:19px;font-weight:750;letter-spacing:-.02em;color:var(--text)}
.forum .fa-brow .bname::after{content:"";position:absolute;inset:0}.forum .fa-brow{position:relative}
.forum .fa-brow .bdesc{margin:5px 0 0;font-size:15px;line-height:1.45;color:var(--text2);white-space:normal}
.forum .fa-brow .subs{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.forum .fa-brow .subs a{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:4px 12px 4px 9px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--text);text-decoration:none;
 background:rgba(var(--th),.08);border:1px solid rgba(var(--th),.24);transition:background-color .15s,border-color .15s}
.forum .fa-brow .subs a:hover{background:rgba(var(--th),.18);border-color:rgba(var(--th),.5);color:var(--text)}
.fa-subic{width:17px;height:17px;flex:none;fill:none;stroke:rgb(var(--th));stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.forum .fa-brow .bcount{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-family:inherit}
.forum .fa-brow .bcount span{display:inline-flex;align-items:center;min-height:26px;padding:2px 11px;border-radius:999px;font-size:13px;font-weight:650;color:var(--text2);background:var(--card-s);border:1px solid var(--line2);white-space:nowrap}
.forum .fa-brow .blatest{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid var(--line)}
.fa-bltx{display:flex;flex-direction:column;gap:3px;min-width:0}.fa-bltx a{display:block;font-size:14px;font-weight:600;color:var(--text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fa-bltx a:hover{color:var(--acc);text-decoration:underline}.fa-bltx .meta{font-size:12.5px;color:var(--mut)}
/* ---- thumbnails (real logos sit on a light tile, unchanged; our tiles and story images fill it) ---- */
.fa-th{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;overflow:hidden;background:var(--card-s);box-shadow:0 0 0 1px var(--line2)}
.blatest .fa-th{width:40px;height:40px;border-radius:11px}
.fa-th img{display:block;width:100%;height:100%;object-fit:cover}
.fa-th.fa-logo{background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.18)}.fa-th.fa-logo img{width:72%;height:72%;object-fit:contain}
/* ---- thread lists ---- */
.forum .fa-trow.trow{margin:0;box-sizing:border-box;grid-template-columns:48px 44px minmax(0,1fr) 108px 64px 72px;gap:14px;padding:14px 12px;transition:background-color .15s}
.forum .fa-trow.trow:hover{background:rgba(var(--th),.06)}
.forum .fa-trow .t{font-size:16px}
.forum .fa-trow .tcount b{display:inline-flex;min-width:30px;justify-content:center;padding:2px 9px;border-radius:999px;background:var(--card-s);border:1px solid var(--line2);font-size:13px}
/* ---- board page banner ---- */
.forum .fa-bhead{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:start;gap:22px;min-height:164px;margin:8px 0 18px;padding:24px 26px;border-radius:var(--r-lg);
 border:1px solid rgba(var(--th),.3);background:radial-gradient(70% 120% at 0 0,rgba(var(--th),.2),transparent 62%),var(--card);box-shadow:0 18px 44px -30px rgba(var(--th),.7);overflow:hidden}
.forum .fa-bhead::before{content:"";position:absolute;inset:0 0 0 auto;width:min(640px,70%);background-repeat:no-repeat;background-position:right top;background-size:auto 100%;pointer-events:none;opacity:.9}
.fa-start-here .fa-bhead::before{background-image:url(img/forum/sec/start-here-strip.svg)}.fa-news .fa-bhead::before{background-image:url(img/forum/sec/news-strip.svg)}
.fa-build .fa-bhead::before{background-image:url(img/forum/sec/build-strip.svg)}.fa-create .fa-bhead::before{background-image:url(img/forum/sec/create-strip.svg)}
.fa-tools .fa-bhead::before{background-image:url(img/forum/sec/tools-strip.svg)}.fa-community .fa-bhead::before{background-image:url(img/forum/sec/community-strip.svg)}
.fa-members .fa-bhead::before{background-image:url(img/forum/sec/members-strip.svg)}
.fa-bhead>*{position:relative}
.fa-bhtile{position:relative;display:block;width:88px;height:88px;border-radius:22px;box-shadow:0 12px 28px -12px rgba(var(--th),.8)}.fa-bhtile img{display:block;width:88px;height:88px}
.fa-bhsub{position:absolute;right:-8px;bottom:-8px;width:34px;height:34px;padding:6px;border-radius:12px;background:var(--bg);border:1px solid rgba(var(--th),.5)}
.forum .fa-bhead h1{font-size:clamp(28px,3.4vw,38px);letter-spacing:-.035em;margin:0}.forum .fa-bhead .fb-desc:empty{min-height:1.45em}.forum .fa-bhead .fb-desc{font-size:16px;color:var(--text2);margin:6px 0 0}
.forum .fa-bhead .fb-note{display:inline-flex;margin:10px 0 0;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:650;color:rgb(var(--th));background:rgba(var(--th),.12);border:1px solid rgba(var(--th),.3)}
.forum .fa-bhead .fb-note[hidden]{display:none}
.forum.fa-board .fsubcard.fa-subcard{flex-direction:row;align-items:center;gap:10px;flex-wrap:wrap;border-color:rgba(var(--th),.24);background:linear-gradient(180deg,rgba(var(--th),.07),transparent),var(--card);transition:border-color .15s}
.forum.fa-board .fsubcard.fa-subcard:hover{border-color:rgba(var(--th),.55)}
.fa-subcard .fa-subic{width:22px;height:22px}
.forum.fa-board .tlist{margin:0;padding:0;border:1px solid rgba(var(--th),.22);border-radius:16px;background:var(--card);overflow:hidden}
/* ---- light theme ---- */
[data-theme=light] .fa-pill,[data-theme=light] .forum .fa-bhead .fb-note{color:color-mix(in srgb,rgb(var(--th)) 45%,#000)}
[data-theme=light] .fa-subic{stroke:color-mix(in srgb,rgb(var(--th)) 55%,#000)}
[data-theme=light] .forum .fa-brow.brow{background:var(--card);box-shadow:0 1px 2px rgba(12,12,16,.05)}
[data-theme=light] .forum .fa-brow .blatest{background:var(--bg2)}
[data-theme=light] .fa-th.fa-logo{box-shadow:0 0 0 1px var(--line2)}
@media (prefers-reduced-motion:reduce){.forum .fa-brow.brow,.forum .fa-brow.brow:hover{transition:none;transform:none}}
/* ---- tablet ---- */
@media (max-width:1100px) and (min-width:721px){.forum .fa-brow.brow{grid-template-columns:64px minmax(0,1fr) minmax(0,260px)}.forum .fa-brow .bcount{flex-direction:row;grid-column:2;grid-row:2}
 .forum .fa-brow .blatest{grid-column:3;grid-row:1/span 2;display:flex}}
@media (max-width:899px){.forum .fa-trow.trow{grid-template-columns:40px 44px minmax(0,1fr) 56px}}
/* ---- phones ---- */
@media (max-width:720px){
 .fhome3 .fa-sec .fsec-h{font-size:24px}
 .forum .fa-sec{margin:0 0 22px;padding:14px;border-radius:18px}
 .fa-sechd{grid-template-columns:60px minmax(0,1fr);gap:14px;margin:-14px -14px 14px;padding:16px 14px;border-radius:18px 18px 0 0;background-size:auto 100%}
 .fa-secem{width:60px;height:60px;border-radius:17px}.forum .fa-sec .fsec-h{font-size:24px}.fa-sectag{font-size:14.5px;margin-top:6px}
 .fa-secpills{grid-column:1/-1;justify-content:flex-start}
 .forum .fa-brow.brow{grid-template-columns:56px minmax(0,1fr);gap:4px 14px;align-items:start;padding:16px 14px}
 .forum .fa-brow .bmain{display:contents}.forum .fa-brow .bname{grid-column:2;align-self:center}.forum .fa-brow .bdesc{grid-column:1/-1;margin-top:8px}
 .fa-btile,.fa-btile img{width:56px;height:56px;border-radius:15px}
 .forum .fa-brow .bname{font-size:18px}.forum .fa-brow .bdesc{font-size:14.5px}
 .forum .fa-brow .subs{grid-column:1/-1;margin-top:10px}
 .forum .fa-brow .bcount{display:flex!important;flex-direction:row;grid-column:1/-1;margin-top:10px}
 .forum .fa-brow .blatest{display:flex!important;grid-column:1/-1;margin-top:10px}
 .forum .fa-trow.trow{grid-template-columns:44px minmax(0,1fr) 50px;gap:12px;padding:14px 10px}.forum .fa-trow .tscore{display:none}.forum .fa-trow .t{font-size:15.5px}
 .forum .fa-bhead{grid-template-columns:64px minmax(0,1fr);gap:16px;min-height:0;padding:18px 16px}.forum .fa-bhead .fuser{grid-column:1/-1}
 .fa-bhtile,.fa-bhtile img{width:64px;height:64px;border-radius:17px}.fa-bhsub{width:28px;height:28px;padding:5px;right:-6px;bottom:-6px}
 .forum .fa-bhead h1{font-size:26px}.forum .fa-bhead .fb-desc{font-size:15px}
}
/* Real company logos as board tiles and subforum icons (owner request, Oct 17). The logo file is shown unchanged and
   centered on a plain light tile with padding, so dark and transparent marks read at 64px in both themes. */
.fa-logotile{display:grid;place-items:center;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 8px 18px -10px rgba(0,0,0,.6);overflow:hidden}
.fa-btile.fa-logotile img,.fa-bhtile.fa-logotile img{width:62%;height:62%;object-fit:contain}
.fa-sublogo{flex:none;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.18);overflow:hidden}
.fa-sublogo img{display:block;width:15px;height:15px;object-fit:contain}
.fa-subcard .fa-sublogo{width:26px;height:26px;border-radius:7px}
.fa-subcard .fa-sublogo img{width:19px;height:19px}
.fa-bhsub.fa-sublogo{position:absolute;right:-8px;bottom:-8px;width:34px;height:34px;padding:0;border-radius:12px;border:1px solid var(--line2);background:#fff}
.fa-bhsub.fa-sublogo img{width:22px;height:22px}
[data-theme=light] .fa-logotile,[data-theme=light] .fa-sublogo{box-shadow:0 0 0 1px var(--line2)}
@media (max-width:720px){.fa-bhsub.fa-sublogo{width:28px;height:28px;right:-6px;bottom:-6px}.fa-bhsub.fa-sublogo img{width:18px;height:18px}}
.fa-logotile.fa-full img,.fa-sublogo.fa-full img,.fa-bhsub.fa-sublogo.fa-full img{width:100%;height:100%;object-fit:cover}
.fa-sublogo{width:20px;height:20px}.fa-sublogo img{width:16px;height:16px}
.subs .fa-sublogo,.brow .subs .fa-sublogo{padding:0;border:0;border-radius:6px;background:#fff;font-size:0;line-height:0}
.fa-th.fa-logo.fa-full img{width:100%;height:100%;object-fit:cover}
html:not([data-theme=light]) .fa-sublogo.fa-full{background:#000}
.flock .bname{color:var(--text)}.flock-cta{display:inline-block;margin-top:6px;font-weight:600}