/* Volt theme: community forum (/community, threads, new thread). Built from the Volt parts; see includes/volt/community*.php. */
.fhead-acts{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:22px}
.fstats{font-size:14px;color:#aaa}
.fstats b{font:800 italic 18px/1 Kanit;color:#fff;margin:0 5px 0 14px}
.fstats b:first-child{margin-left:0}
.fhmeta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:16px;font-size:14px;color:#aaa}
.fhmeta .fav{border-radius:0}
.fname{color:#fff;font-weight:700}
.pill.ok{background:var(--on);color:#08210f}

.fm .fcats{margin-bottom:22px}
.fm .fbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--ln);margin-bottom:6px}
.fm .fbar .tabs{border:0;margin:0;gap:22px;flex-wrap:wrap}
.fsearch{display:flex;gap:6px;margin-bottom:10px}
.fsearch .in{height:40px;line-height:38px;width:230px;color:#ddd}

.flist{list-style:none;margin:0;padding:0}
.frow{display:grid;grid-template-columns:44px 1fr 74px 74px 120px;gap:16px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--ln)}
.frow.pin{background:linear-gradient(90deg,rgba(255,122,26,.07),transparent 60%)}
.fav{display:block;background:#2b2b2b;image-rendering:pixelated;flex:none}
.fmain{min-width:0}
.fttl{font:600 17px/1.35 Cairo;color:#fff;margin:0 0 6px;overflow-wrap:anywhere}
.fttl a{color:#fff}
.fttl a:hover{color:var(--a2)}
.fmeta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:#888}
.fmeta .fname{font-weight:600;color:#ccc}
.fcat{color:var(--a2)}
.fnum{text-align:center}
.fnum b{display:block;font:800 italic 18px/1 Kanit;color:#fff}
.fnum small,.flast small{display:block;font-size:12px;color:#888;margin-top:4px}
.flast{font-size:13px;color:#aaa;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fm .pager{margin-top:26px}

.fcatbox .h3{margin-bottom:6px}
.fcatl{display:block;padding:14px 0;border-bottom:1px solid var(--ln)}
.fcatl:last-child{border:0;padding-bottom:0}
.fcatl b{display:block;font:800 italic 15px/1.2 Kanit;text-transform:uppercase;color:#fff}
.fcatl span{display:block;font-size:13px;color:#999;margin:4px 0}
.fcatl small{font-size:12px;color:var(--a2)}
.fcatl.on b,.fcatl:hover b{color:var(--a)}
.frules{margin:12px 0 0;padding-left:18px;font-size:14px;line-height:1.55;color:#bbb}
.frules li+li{margin-top:6px}

/* thread */
.fthread .pghead .h{font-size:clamp(30px,4.2vw,56px);line-height:1.05;overflow-wrap:anywhere}
.fpost{padding:0;margin-bottom:14px}
.fpost>header{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--ln)}
.fpost>header>div{flex:1;min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.fpost .ftime{font-size:13px;color:#888}
.fpost .ftime:hover{color:#ddd}
.fpost.op{border-top:3px solid var(--a)}
.fpost.ans{box-shadow:inset 3px 0 0 var(--on)}
.fpost.wait{opacity:.8;outline:1px dashed rgba(255,255,255,.2)}
.fbody{padding:18px 22px;font-size:15.5px;line-height:1.7;color:#d6d6d6;overflow-wrap:anywhere}
.fbody p{margin:0 0 12px}
.fbody p:last-child{margin-bottom:0}
.fbody a{color:var(--a2);text-decoration:underline;text-underline-offset:2px}
.fbody strong{color:#fff}
.fbody code{font:13.5px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;background:#151515;padding:1px 5px;color:#ffd2b0}
.fbody pre{background:#151515;border:1px solid var(--ln);padding:14px 16px;margin:0 0 12px;overflow:auto;max-height:420px}
.fbody pre code{background:none;padding:0;color:#ddd;white-space:pre}
.fbody blockquote{margin:0 0 12px;padding:8px 14px;border-left:3px solid #555;background:#202020;color:#aaa}
.facts{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0 22px 18px}
.facts form{margin:0}
.fform .facts,.freply .facts{padding:0;margin-top:14px}
.fhelp{font:700 italic 12px/34px Kanit;text-transform:uppercase;color:#888;padding:0 6px}
.fhelp.on{color:var(--a2)}
.frep{position:relative}
.frep summary{list-style:none;cursor:pointer}
.frep summary::-webkit-details-marker{display:none}
.frep[open] form{display:flex;gap:6px;margin-top:8px}
.frep .in{height:34px;line-height:32px;width:220px;font-size:13px;color:#ddd}
.fans{border-left:3px solid var(--on);margin-bottom:14px}
.fans .fbody{padding:8px 0 10px}
.frh{margin:26px 0 12px}
.freply{margin-top:20px}
.fform .in{width:100%;color:#ddd}
.fform .ta{height:auto;min-height:140px}
.fpost .fform{padding:18px 22px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.fmod .facts{padding:0;margin-top:10px}
.frel{list-style:none;margin:10px 0 0;padding:0}
.frel li{padding:10px 0;border-bottom:1px solid var(--ln)}
.frel li:last-child{border:0}
.frel a{display:block;color:#ddd;font-size:14px;line-height:1.4}
.frel a:hover{color:var(--a2)}
.frel small{font-size:12px;color:#888}

/* new thread */
.fnew fieldset{border:0;margin:0;padding:0}
.fpick{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fpick input{position:absolute;opacity:0;width:1px;height:1px}
.fpick span{display:block;height:100%;padding:14px 16px;background:#1a1a1a;border:1px solid transparent;cursor:pointer}
.fpick b{display:block;font:800 italic 14px/1.2 Kanit;text-transform:uppercase;color:#fff}
.fpick small{display:block;font-size:13px;color:#999;margin-top:4px;line-height:1.4}
.fpick input:checked+span{border-color:var(--a);background:rgba(255,122,26,.08)}
.fpick input:focus-visible+span{outline:2px solid var(--a);outline-offset:2px}

@media (max-width:980px){
  .frow{grid-template-columns:40px 1fr 64px}
  .frow .fv,.frow .flast{display:none}
}
@media (max-width:640px){
  .fm .fcats,.fm .fbar .tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .fm .fcats a,.fm .fbar .tabs a{flex:none}
  .fm .fbar .tabs{gap:18px;width:100%}
  .fsearch{width:100%}
  .fsearch .in{flex:1;width:auto}
  .fpick{grid-template-columns:1fr}
  .fpost>header,.fbody,.facts{padding-left:16px;padding-right:16px}
  .fstats b{margin-left:8px}
}