/**
 * Forum styling.
 *
 * Every colour and every typeface is a var() with a fallback. The theme defines
 * these custom properties, so the forum inherits the site palette and the site
 * fonts — including light mode — without knowing either exists. The fallbacks
 * only matter if someone switches to a theme that defines nothing.
 */

.rwf{
  --rwf-bg:var(--surface,#111417);
  --rwf-bg2:var(--surface-2,#161a1e);
  --rwf-line:var(--line,#22282d);
  --rwf-text:var(--text,#eef1f3);
  --rwf-text2:var(--text-2,#b6babd);
  --rwf-text3:var(--text-3,#8b9196);
  --rwf-text4:var(--text-4,#5e666c);
  --rwf-accent:var(--red,#e10600);
  --rwf-green:var(--green,#39d353);
  --rwf-mono:var(--ff-mono,ui-monospace,"SF Mono",Menlo,monospace);
  --rwf-disp:var(--ff-display,"Arial Narrow",Arial,sans-serif);
  color:var(--rwf-text);
}

.rwf-card{background:var(--rwf-bg);border:1px solid var(--rwf-line);border-radius:8px;overflow:hidden}
.rwf-ct{font-family:var(--rwf-disp);font-size:10px;letter-spacing:.17em;text-transform:uppercase;
  color:var(--rwf-text3);display:flex;align-items:center;gap:8px;padding:12px 15px;
  border-bottom:1px solid var(--rwf-line)}
.rwf-ct:before{content:"";width:3px;height:11px;background:var(--rwf-accent);border-radius:1px}
.rwf-btn{background:var(--rwf-accent);color:#fff;border:0;border-radius:6px;padding:11px 18px;font-size:11px;
  letter-spacing:.1em;text-transform:uppercase;font-weight:600;cursor:pointer;text-decoration:none;
  display:inline-block;font-family:inherit;text-align:center;line-height:1.2;
  box-shadow:0 1px 0 rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.06) inset}
/* White text on the red fill, always. The button inherited the surrounding
   link colour and came out red-on-red — legible to nobody. */
.rwf-btn,.rwf-btn:visited,.rwf-btn:hover,.rwf-btn:focus{color:#fff;text-decoration:none}
.rwf-btn:hover{background:#ff1a14}
.rwf-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.rwf-btn-ghost,.rwf-btn-ghost:hover{background:transparent;border:1px solid var(--rwf-line);color:var(--rwf-text2);
  box-shadow:none}
.rwf-btn-ghost:hover{border-color:var(--rwf-text4);color:var(--rwf-text)}
.rwf-btn-block{display:block;width:100%;padding:13px}

/* three columns ----------------------------------------------------------- */
.rwf-grid{display:grid;grid-template-columns:196px minmax(0,1fr) 252px;gap:14px;align-items:start}
.rwf-side{list-style:none;margin:0;padding:6px}
.rwf-side li a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;
  border-radius:5px;color:var(--rwf-text2);text-decoration:none;font-size:13px}
.rwf-side li a:hover{background:var(--rwf-bg2);color:var(--rwf-text)}
.rwf-side li a.is-on{background:var(--rwf-bg2);color:var(--rwf-text);box-shadow:inset 2px 0 0 var(--rwf-accent)}
.rwf-side li a span{font-size:10.5px;color:var(--rwf-text4);font-family:var(--rwf-mono)}

/* live rail --------------------------------------------------------------- */
.rwf-live{margin-bottom:12px}
.rwf-live-head{display:flex;align-items:center;gap:9px;padding:12px 15px;border-bottom:1px solid var(--rwf-line);
  font-family:var(--rwf-disp);font-size:12px;letter-spacing:.11em;text-transform:uppercase}
.rwf-dot{width:7px;height:7px;border-radius:50%;background:var(--rwf-accent);flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(225,6,0,.6);animation:rwf-pulse 1.9s infinite}
@keyframes rwf-pulse{70%{box-shadow:0 0 0 7px rgba(225,6,0,0)}100%{box-shadow:0 0 0 0 rgba(225,6,0,0)}}
.rwf-live-body{padding:12px 15px;font-size:12.5px;color:var(--rwf-text3);line-height:1.65}
.rwf-live-body a{display:block;margin-top:8px;color:var(--rwf-accent);text-decoration:none;font-size:11.5px}
.rwf-who{display:flex;align-items:center;gap:9px;padding:9px 15px;border-bottom:1px solid var(--rwf-line)}
.rwf-who:last-child{border-bottom:0}
.rwf-who b{font-size:12.5px;font-weight:600}
.rwf-av{border-radius:50%;border:1px solid var(--rwf-line)}

/* toolbar ----------------------------------------------------------------- */
.rwf-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap;
  background:var(--rwf-bg);border:1px solid var(--rwf-line);border-radius:8px;padding:0 15px}
.rwf-sorts{display:flex;gap:16px}
.rwf-sort{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--rwf-text3);
  text-decoration:none!important;padding:14px 2px;border-bottom:2px solid transparent}
.rwf-sort:hover{color:var(--rwf-text2)}
.rwf-sort.is-on{color:var(--rwf-text);border-color:var(--rwf-accent)}
.rwf-toolbar .rwf-btn{margin-left:auto}

/* topic list -------------------------------------------------------------- */
.rwf-topics{list-style:none;margin:0;padding:0}
.rwf-topic{display:flex;align-items:flex-start;gap:13px;padding:13px 15px;border-bottom:1px solid var(--rwf-line)}
.rwf-topic:last-child{border-bottom:0}
.rwf-topic:hover{background:var(--rwf-bg2)}
.rwf-topic.is-pinned{background:var(--rwf-bg2)}
.rwf-t{flex:1;min-width:0}
.rwf-t>a{color:inherit;text-decoration:none;font-size:14.5px;font-weight:600;display:block;line-height:1.4}
.rwf-t>a:hover{color:var(--rwf-accent)}
.rwf-tmeta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:5px;font-size:11px;color:var(--rwf-text4)}
.rwf-tag{font-style:normal;font-size:8.5px;letter-spacing:.11em;text-transform:uppercase;padding:2px 7px;
  border-radius:3px;background:var(--rwf-bg);border:1px solid var(--rwf-line);color:var(--rwf-text4)}
.rwf-tag.is-pin{border-color:rgba(57,211,83,.45);color:var(--rwf-green)}
.rwf-pin{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--rwf-accent);
  margin-right:7px;vertical-align:middle}
.rwf-replies{text-align:center;min-width:50px}
.rwf-replies b{display:block;font-family:var(--rwf-disp);font-size:16px}
.rwf-replies em{font-style:normal;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:var(--rwf-text4)}
.rwf-empty{color:var(--rwf-text3);padding:34px 22px;text-align:center;margin:0;font-size:13.5px}
.rwf-pages{display:flex;gap:6px;justify-content:center;margin-top:16px;font-size:13px}
.rwf-pages a,.rwf-pages span{padding:6px 11px;border:1px solid var(--rwf-line);border-radius:4px;
  text-decoration:none;color:var(--rwf-text2)}
.rwf-pages .current{border-color:var(--rwf-accent);color:var(--rwf-text)}

/* voting ------------------------------------------------------------------ */
.rwf-vote{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:34px;flex:0 0 auto}
.rwf-vote button{background:none;border:0;color:var(--rwf-text4);font-size:12px;line-height:1;cursor:pointer;
  padding:3px 6px;border-radius:4px;transition:color .14s,background .14s;font-family:inherit}
.rwf-vote button:hover{color:var(--rwf-text2);background:var(--rwf-bg)}
.rwf-up.is-on{color:var(--rwf-green)}
.rwf-down.is-on{color:var(--rwf-accent)}
.rwf-n{font-family:var(--rwf-mono);font-size:12.5px}

/* badges ------------------------------------------------------------------ */
.rwf-badges{display:inline-flex;gap:4px;align-items:center}
.rwf-badge{font-style:normal;font-family:var(--rwf-mono);font-size:8.5px;letter-spacing:.05em;padding:2px 5px;
  border-radius:3px;background:var(--tc,#2a3238);color:#fff}
.rwf-badge-driver{background:transparent;border:1px solid var(--rwf-line);color:var(--rwf-text3)}

/* single topic ------------------------------------------------------------ */
.rwf-post{display:flex;gap:14px;padding:16px;background:var(--rwf-bg);border:1px solid var(--rwf-line);
  border-radius:8px;margin-bottom:10px}
.rwf-body{flex:1;min-width:0}
.rwf-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:8px;font-size:12px}
.rwf-meta b{font-size:13px}
.rwf-meta time{color:var(--rwf-text4);font-size:11px;margin-left:auto}
.rwf-content{font-size:14.5px;line-height:1.68;color:var(--rwf-text2);overflow-wrap:anywhere}
.rwf-content p{margin:0 0 10px}
.rwf-content blockquote,.rwf-quote{margin:0 0 10px;padding:9px 13px;border-left:3px solid var(--rwf-line);
  background:var(--rwf-bg2);border-radius:0 5px 5px 0;color:var(--rwf-text3);font-size:13.5px}
.rwf-quote cite{display:block;font-style:normal;font-size:11px;color:var(--rwf-text4);margin-bottom:4px}
.rwf-quote-btn{margin-top:8px;background:none;border:1px solid var(--rwf-line);color:var(--rwf-text3);
  border-radius:4px;padding:4px 10px;font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;
  cursor:pointer;font-family:inherit}
.rwf-quote-btn:hover{border-color:var(--rwf-accent);color:var(--rwf-text)}
.rwf-locked{padding:15px;text-align:center;color:var(--rwf-text3);border:1px dashed var(--rwf-line);border-radius:8px}

/* forms ------------------------------------------------------------------- */
.rwf-form{background:var(--rwf-bg);border:1px solid var(--rwf-line);border-radius:8px;padding:17px;margin:0 0 14px}
.rwf-wiz .rwf-form{background:none;border:0;padding:0;margin:0}
.rwf-field{display:block;margin-bottom:15px}
.rwf-field>span{display:block;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--rwf-text4);margin-bottom:6px}
.rwf-field input,.rwf-field select,.rwf-field textarea{width:100%;background:var(--rwf-bg2);
  border:1px solid var(--rwf-line);border-radius:6px;color:var(--rwf-text);padding:11px 13px;
  font:inherit;font-size:14px}
.rwf-field textarea{resize:vertical;line-height:1.6}
.rwf-field input:focus,.rwf-field select:focus,.rwf-field textarea:focus{outline:0;border-color:var(--rwf-accent)}
.rwf-field em{display:block;font-style:normal;font-size:11.5px;color:var(--rwf-text4);margin-top:6px;line-height:1.5}
.rwf-fine{margin:12px 0 0;font-size:11.5px;color:var(--rwf-text4);line-height:1.6}
/* A note sitting directly on top of the button it explains reads as one
   cramped block. Give the button room to be a button. */
.rwf-fine+.rwf-btn,.rwf-fine+.rwf-btn-block{margin-top:18px}
.rwf-fine a{color:var(--rwf-text3)}
/*
 * "Zaten hesabın var mı? Giriş yap".
 *
 * This was the same near-invisible grey as the legal fine print above it, and
 * it is not fine print: for every returning member it is the only control on
 * the page they need. It now sits on its own panel, and the link reads as a
 * link.
 */
.rwf-alt{
  margin:20px 0 0;padding:13px 14px;text-align:center;
  font-size:13px;color:var(--rwf-text3);
  border:1px solid var(--rwf-line);border-radius:10px;background:var(--rwf-bg2);
}
.rwf-alt a,.rwf-alt .rwf-alt-link{
  margin-left:5px;color:var(--red-2,#FF322C);font-weight:700;
  text-decoration:underline;text-underline-offset:3px;
}
.rwf-alt a:hover{color:var(--red-2,#FF322C);opacity:.82}
/* The honeypot must be unreachable, not merely invisible: display:none is
   skipped by some bots, so it is moved off-screen and out of tab order. */
.rwf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rwf-meter{display:flex;gap:4px;margin-top:7px}
.rwf-meter i{height:3px;flex:1;background:var(--rwf-line);border-radius:2px;transition:background .18s}
.rwf-meter i.is-on{background:var(--rwf-green)}
.rwf-meter.is-weak i.is-on{background:var(--rwf-accent)}
.rwf-meter.is-fair i.is-on{background:#e5a50a}

/* registration wizard ----------------------------------------------------- */
.rwf-wiz-shell{max-width:600px;margin:0 auto}
.rwf-wiz{background:var(--rwf-bg);border:1px solid var(--rwf-line);border-radius:10px;overflow:hidden}
.rwf-steps{display:flex;border-bottom:1px solid var(--rwf-line)}
.rwf-steps div{flex:1;padding:15px 10px;text-align:center;font-size:9.5px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--rwf-text4);border-bottom:2px solid transparent}
.rwf-steps div b{display:block;font-family:var(--rwf-mono);font-size:15px;margin-bottom:5px;color:inherit}
.rwf-steps div.is-on{color:var(--rwf-text);border-bottom-color:var(--rwf-accent)}
.rwf-steps div.is-done{color:var(--rwf-green)}
.rwf-wiz-body{padding:28px 30px 30px}
.rwf-wiz-title{font-family:var(--rwf-disp);font-size:22px;text-transform:uppercase;margin:0 0 8px;
  letter-spacing:.01em;color:var(--rwf-text)}
.rwf-wiz-lead{margin:0 0 22px;color:var(--rwf-text3);font-size:13.5px;line-height:1.65}
.rwf-pick-group{margin-bottom:22px}
/*
 * "SÜRÜCÜ" was sitting on top of the team grid above it — the heading had a
 * bottom margin and no top one, so the second group looked like a caption for
 * the first group's last row rather than the start of a new one.
 */
.rwf-pick-title{font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--rwf-text4);
  margin:0 0 9px;font-weight:600}
.rwf-picks+.rwf-pick-title{margin-top:26px;padding-top:18px;border-top:1px solid var(--rwf-line)}
/* Wide enough that the number can bleed off the right edge without landing on
   the surname. At 102px the two collided and neither could be read. */
.rwf-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:9px}
.rwf-rules-more{margin:0;padding:0 15px 14px;font-size:12px}
.rwf-rules-more a{color:var(--red-2,#FF322C);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.rwf-current-mail em{display:block;font-style:normal;font-size:11px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--rwf-text4);margin-bottom:4px}
.rwf-current-mail b{font-size:14px;color:var(--rwf-text);font-weight:600;overflow-wrap:anywhere}
.rwf-pick{position:relative;overflow:hidden;border:1px solid var(--rwf-line);border-radius:9px;padding:13px 8px;text-align:center;
  cursor:pointer;background:var(--rwf-bg2);transition:border-color .14s,box-shadow .14s;display:block}
/* The permanent number, drawn as an outline in the team's colour and bled off
   the bottom right corner. Decoration only: aria-hidden, unselectable, and it
   never takes a click away from the label it sits inside. */
.rwf-pick-no{position:absolute;right:-6px;bottom:-14px;
  font-family:var(--rwf-disp);font-style:normal;font-weight:900;font-size:56px;line-height:1;
  color:transparent;-webkit-text-stroke:1.5px var(--tc,var(--rwf-text4));paint-order:stroke;
  opacity:.85;pointer-events:none;user-select:none}
.rwf-pick b,.rwf-pick small,.rwf-pick .rwf-pick-mark{position:relative;z-index:1}
/* No text-stroke support means no outline, which would leave an invisible
   number. Fall back to a filled watermark. */
@supports not (-webkit-text-stroke:1px red){
  .rwf-pick-no{color:var(--tc,var(--rwf-text4));opacity:.3}
}
.rwf-pick:hover{border-color:var(--rwf-text4)}
.rwf-pick input{position:absolute;opacity:0;pointer-events:none}
.rwf-pick b{display:block;font-family:var(--rwf-disp);font-weight:800;font-size:19px;margin-bottom:0;letter-spacing:.05em}
.rwf-pick small{display:block;font-size:10.5px;color:var(--rwf-text4);line-height:1.35;margin-top:3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rwf-pick.is-on{border-color:var(--tc,var(--rwf-accent));box-shadow:inset 0 0 0 1px var(--tc,var(--rwf-accent));
  background-image:linear-gradient(rgba(255,255,255,.035),rgba(255,255,255,.035))}
.rwf-pick.is-on b{color:var(--tc,var(--rwf-accent))}
.rwf-pick.is-full{opacity:.42;cursor:not-allowed}

/* profile ----------------------------------------------------------------- */
.rwf-profile-head{display:flex;align-items:center;gap:15px;padding:16px 15px;flex-wrap:wrap}
.rwf-profile-id{min-width:0}
.rwf-profile-id b{display:block;font-family:var(--rwf-disp);font-size:19px;letter-spacing:.02em}
.rwf-profile-id span{display:block;font-size:12px;color:var(--rwf-text4);margin:2px 0 7px;
  overflow:hidden;text-overflow:ellipsis}
.rwf-profile-counts{margin-left:auto;display:flex;gap:22px;text-align:center}
.rwf-profile-counts b{display:block;font-family:var(--rwf-disp);font-size:19px}
.rwf-profile-counts em{font-style:normal;font-size:8px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--rwf-text4)}
@media(max-width:520px){.rwf-profile-counts{margin-left:0;width:100%;justify-content:flex-start}}

/* notifications ----------------------------------------------------------- */
.rwf-bell{position:relative;text-decoration:none!important;margin-left:auto;display:inline-flex;align-items:center;gap:6px;
  font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--rwf-text3);
  text-decoration:none;padding:8px 12px;border:1px solid var(--rwf-line);border-radius:5px}
.rwf-bell:hover{color:var(--rwf-text);border-color:var(--rwf-text4)}
.rwf-bell.has-unread{color:var(--rwf-text);border-color:var(--rwf-accent)}
.rwf-bell i{font-style:normal;font-family:var(--rwf-mono);font-size:10px;background:var(--rwf-accent);
  color:#fff;border-radius:999px;padding:1px 6px;line-height:1.5}
.rwf-toolbar .rwf-bell+.rwf-btn{margin-left:0}
.rwf-note{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;border-bottom:1px solid var(--rwf-line);
  text-decoration:none;color:inherit}
.rwf-note:last-child{border-bottom:0}
.rwf-note:hover{background:var(--rwf-bg2)}
.rwf-note.is-unread{box-shadow:inset 2px 0 0 var(--rwf-accent)}
.rwf-note-body{flex:1;min-width:0;font-size:13.5px;color:var(--rwf-text2);line-height:1.5}
.rwf-note-body b{color:var(--rwf-text)}
.rwf-note-body small{display:block;margin-top:3px;color:var(--rwf-text4);font-size:12px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rwf-note time{color:var(--rwf-text4);font-size:11px;white-space:nowrap;flex:0 0 auto}
.rwf-check{display:flex;align-items:center;gap:9px;margin-bottom:10px;font-size:13.5px;color:var(--rwf-text2);
  cursor:pointer}
.rwf-check input{width:16px;height:16px;accent-color:var(--rwf-accent)}

/* notices ----------------------------------------------------------------- */
.rwf-notice{padding:12px 15px;border-radius:6px;background:var(--rwf-bg2);
  border-left:3px solid var(--rwf-green);font-size:13.5px;margin:0 0 14px;color:var(--rwf-text2);line-height:1.6}
.rwf-notice.is-bad{border-left-color:var(--rwf-accent)}

@media(max-width:1040px){
  .rwf-grid{grid-template-columns:180px minmax(0,1fr)}
  .rwf-col-side{display:none}
}
@media(max-width:760px){
  .rwf-grid{grid-template-columns:1fr}
  .rwf-col-cats .rwf-card{border:0;background:none}
  .rwf-col-cats .rwf-ct{display:none}
  .rwf-side{display:flex;gap:6px;overflow-x:auto;padding:0 0 10px;-webkit-overflow-scrolling:touch}
  .rwf-side li a{white-space:nowrap;border:1px solid var(--rwf-line);border-radius:999px;padding:7px 13px}
  .rwf-side li a.is-on{box-shadow:none;border-color:var(--rwf-accent)}
  .rwf-topic{gap:10px;padding:12px}
  .rwf-post{padding:13px;gap:10px}
  .rwf-meta time{margin-left:0;width:100%}
  .rwf-wiz-body{padding:22px 18px 24px}
  .rwf-picks{grid-template-columns:repeat(auto-fill,minmax(158px,1fr))}
}

/* verified member ---------------------------------------------------------- */
.rwf-verified{display:inline-flex;align-items:center;color:var(--rwf-accent);vertical-align:-2px;margin-left:2px}
.rwf-verified svg{display:block}

/* profile ------------------------------------------------------------------ */
.rwf-profile{display:block}
.rwf-warn{color:var(--rwf-accent)}

/* The identity card stays put while the forms scroll past it, so the member
   can always see whose account they are editing. */
.rwf-side-layout{display:grid;grid-template-columns:262px minmax(0,1fr);gap:14px;align-items:start}
.rwf-side-card{background:var(--rwf-bg);border:1px solid var(--rwf-line);border-radius:12px;padding:20px;
  position:sticky;top:16px;display:flex;flex-direction:column;align-items:center}
.rwf-side-av{display:block}
.rwf-side-av img,.rwf-side-card .rwf-av-lg{border-radius:50%;border:3px solid var(--rwf-line);display:block}
.rwf-side-name{margin:12px 0 0;text-align:center;font-family:var(--rwf-disp);font-size:21px;line-height:1.15;
  display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}
.rwf-side-meta{display:flex;justify-content:center;margin:10px 0 0}
.rwf-side-since{margin:8px 0 0;font-size:11.5px;color:var(--rwf-text4);text-align:center}
.rwf-side-stats{display:flex;justify-content:center;gap:24px;margin:16px 0;padding:14px 0;width:100%;
  border-top:1px solid var(--rwf-line);border-bottom:1px solid var(--rwf-line)}
.rwf-side-stats b{display:block;font-family:var(--rwf-disp);font-size:20px;line-height:1;text-align:center}
.rwf-side-stats em{display:block;font-style:normal;font-size:8.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--rwf-text4);text-align:center;margin-top:4px}
.rwf-side-nav{display:flex;flex-direction:column;gap:2px;width:100%}
.rwf-side-nav a{padding:10px 12px;border-radius:6px;color:var(--rwf-text3);text-decoration:none;font-size:13px}
.rwf-side-nav a:hover{background:var(--rwf-bg2);color:var(--rwf-text)}
.rwf-side-nav a.on{background:var(--rwf-bg2);color:var(--rwf-text);box-shadow:inset 2px 0 0 var(--rwf-accent)}
.rwf-side-main{display:flex;flex-direction:column;gap:14px;min-width:0}
/* The sidebar links are anchors, so the browser must not park a heading under
   the sticky card. */
.rwf-side-main>.rwf-card{scroll-margin-top:20px}
.rwf-logout{margin-top:16px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--rwf-text3);text-decoration:none;border:1px solid var(--rwf-line);border-radius:999px;padding:7px 14px}
.rwf-logout:hover{border-color:var(--rwf-accent);color:var(--rwf-text)}

.rwf-pad{padding:16px 18px}
.rwf-lead{margin:0 0 14px;color:var(--rwf-text3);font-size:13px;line-height:1.6}

/* avatar upload */
.rwf-avatar-form{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.rwf-avatar-now img{border-radius:50%;border:2px solid var(--rwf-line);display:block}
.rwf-avatar-fields{flex:1;min-width:210px;display:flex;flex-direction:column;gap:9px}
.rwf-avatar-fields em{font-style:normal;font-size:11.5px;color:var(--rwf-text4);line-height:1.5}
.rwf-avatar-actions{display:flex;gap:8px;flex-wrap:wrap}
.rwf-file{position:relative;display:inline-flex;align-items:center;justify-content:center;
  border:1px dashed var(--rwf-line);border-radius:7px;padding:13px;cursor:pointer;
  background:var(--rwf-bg2);color:var(--rwf-text2);font-size:12.5px}
.rwf-file:hover{border-color:var(--rwf-accent);color:var(--rwf-text)}
.rwf-file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}

/* badge pickers with logos */
.rwf-picks-team .rwf-pick{padding:12px 8px}
.rwf-pick-mark{display:grid;place-items:center;height:34px;margin-bottom:6px}
.rwf-pick-mark img{max-width:74%;max-height:32px;object-fit:contain;display:block}
.rwf-pick-mark:not(.is-chip) img{max-width:88%;max-height:34px}
/* Same chip the rest of the site uses: a light plate behind dark artwork, so a
   navy logo on transparency is not a navy logo on a navy tile. */
.rwf-pick-mark.is-chip{background:rgba(255,255,255,.92);border-radius:7px;padding:5px;height:38px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.rwf-pick-mark.is-chip.is-inverted{background:rgba(20,22,28,.92)}
.rwf-pick-mark b{font-family:var(--rwf-disp);font-size:16px;letter-spacing:.04em;color:var(--rwf-text2)}
.rwf-pick.is-on .rwf-pick-mark b{color:var(--tc,var(--rwf-accent))}
.rwf-pick small{display:block;font-size:10.5px;color:var(--rwf-text4);line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rwf-pick.is-on small{color:var(--rwf-text2)}

@media(max-width:900px){
  /* One column: the card goes back to the top of the page and stops sticking,
     because a sticky block that tall would eat the whole phone screen. */
  .rwf-side-layout{grid-template-columns:1fr}
  .rwf-side-card{position:static;top:auto}
  .rwf-side-nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px}
  .rwf-side-nav a{border:1px solid var(--rwf-line);border-radius:999px;padding:7px 13px;white-space:nowrap}
  .rwf-side-nav a.on{box-shadow:none;border-color:var(--rwf-accent)}
}


/* ============================================================
   FORUM INDEX — proposed
   ============================================================ */

.rwf-shell{display:flex;flex-direction:column;gap:14px}

/* 1. race-week band ------------------------------------------------------- */
.rwf-week{position:relative;overflow:hidden;border:1px solid var(--rwf-line);border-radius:12px;
  background:var(--rwf-bg);display:flex;align-items:center;gap:22px;padding:16px 20px;flex-wrap:wrap}
.rwf-week:before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(560px 200px at 6% 0%,rgba(225,6,0,.18),transparent 70%)}
.rwf-week>*{position:relative}
.rwf-week-id{display:flex;align-items:center;gap:12px;min-width:0}
.rwf-week-id .flag{flex:0 0 auto}
.rwf-week-id b{font-family:var(--rwf-disp);font-size:19px;line-height:1.15;display:block}
.rwf-week-id span{display:block;font-size:11.5px;color:var(--rwf-text4);margin-top:2px}
.rwf-week-next{display:flex;align-items:center;gap:18px;margin-left:auto;flex-wrap:wrap}
.rwf-week-s{text-align:right}
.rwf-week-s em{display:block;font-style:normal;font-size:8.5px;letter-spacing:.15em;text-transform:uppercase;
  color:var(--rwf-text4)}
.rwf-week-s b{font-family:var(--rwf-mono);font-size:20px;letter-spacing:.02em}
.rwf-week-cta{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--rwf-line);border-radius:999px;
  padding:9px 16px;font-size:12px;color:var(--rwf-text2)}
.rwf-week-cta:hover{border-color:var(--rwf-accent);color:var(--rwf-text)}
.rwf-week-live{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 12px;
  background:rgba(225,6,0,.14);color:#ff5a52;font-family:var(--rwf-disp);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase}

/* 2. category cards ------------------------------------------------------- */
.rwf-head{display:flex;align-items:center;gap:12px;margin:6px 0 0}
.rwf-head h2{margin:0;font-family:var(--rwf-disp);font-size:12px;letter-spacing:.17em;text-transform:uppercase;
  color:var(--rwf-text3);display:flex;align-items:center;gap:8px}
.rwf-head h2:before{content:"";width:3px;height:12px;background:var(--rwf-accent);border-radius:1px}
.rwf-head a{margin-left:auto;font-size:11.5px;color:var(--rwf-text4)}
.rwf-head a:hover{color:var(--rwf-text2)}

.rwf-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rwf-cat{position:relative;display:block;border:1px solid var(--rwf-line);border-radius:10px;
  background:var(--rwf-bg);padding:16px 17px 14px;overflow:hidden;transition:border-color .15s}
/* Each category carries its own colour: a wash across the top of the card, a
   solid tile on the title, and the border on hover. Six identical red cards
   told the reader nothing — colour is the fastest way to tell them apart, and
   it is the same colour the category's chip carries on every topic row. */
.rwf-cat:before{content:"";position:absolute;left:0;right:0;top:0;height:110px;pointer-events:none;
  background:linear-gradient(180deg,var(--cc,var(--rwf-accent)),transparent);opacity:.11}
.rwf-cat:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cc,var(--rwf-accent))}
.rwf-cat:hover{border-color:var(--cc,var(--rwf-accent))}
.rwf-cat>*{position:relative}
.rwf-cat h3{margin:0;font-family:var(--rwf-disp);font-size:15.5px;letter-spacing:.02em;display:flex;
  align-items:center;gap:9px}
/* The coloured tile beside the category name is gone: the card already carries
   the same colour as a bar down its left edge, and two solid blocks of the same
   hue in one heading is one too many. */
.rwf-cat h3 i{display:none}
.rwf-cat p{margin:6px 0 0;font-size:12px;color:var(--rwf-text4);line-height:1.55;min-height:37px}
.rwf-cat-n{display:flex;gap:16px;margin:12px 0 0;padding-top:11px;border-top:1px solid var(--rwf-line)}
.rwf-cat-n span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--rwf-text4)}
.rwf-cat-n b{font-family:var(--rwf-mono);font-size:12.5px;color:var(--cc,var(--rwf-text2));margin-right:5px}
.rwf-cat-last{display:flex;align-items:center;gap:8px;margin-top:10px;min-width:0}
.rwf-cat-last img{width:22px;height:22px;border-radius:50%;flex:0 0 auto}
.rwf-cat-last u{text-decoration:none;font-size:12px;color:var(--rwf-text2);white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
.rwf-cat-last time{margin-left:auto;font-size:10.5px;color:var(--rwf-text4);font-family:var(--rwf-mono);flex:0 0 auto}

/* 3. two columns ---------------------------------------------------------- */
.rwf-grid2{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:14px;align-items:start}
.rwf-col-side{display:flex;flex-direction:column;gap:12px;position:sticky;top:16px}

/* toolbar with search */
.rwf-bar{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.rwf-search{position:relative;flex:1;min-width:190px}
.rwf-search input{width:100%;background:var(--rwf-bg);border:1px solid var(--rwf-line);border-radius:8px;
  padding:11px 13px 11px 36px;color:var(--rwf-text);font:inherit;font-size:13px}
.rwf-search input:focus{outline:none;border-color:var(--rwf-text4)}
.rwf-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--rwf-text4)}
.rwf-tabs{display:flex;gap:2px;background:var(--rwf-bg);border:1px solid var(--rwf-line);border-radius:8px;padding:3px}
.rwf-tabs a{padding:8px 13px;border-radius:6px;font-size:12px;color:var(--rwf-text3)}
.rwf-tabs a.is-on{background:var(--rwf-bg2);color:var(--rwf-text)}

/* rich topic rows */
.rwf-rows{border:1px solid var(--rwf-line);border-radius:10px;background:var(--rwf-bg);overflow:hidden}
.rwf-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:13px;align-items:center;
  padding:13px 16px;border-bottom:1px solid var(--rwf-line)}
.rwf-row:last-child{border-bottom:0}
.rwf-row:hover{background:var(--rwf-bg2)}
.rwf-row.is-pinned{background:linear-gradient(90deg,rgba(225,6,0,.07),transparent 55%)}
.rwf-row>img{width:36px;height:36px;border-radius:50%}
.rwf-row-t{min-width:0}
.rwf-row-t a{display:block;font-size:14.5px;font-weight:500;line-height:1.35;color:var(--rwf-text);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rwf-row-t a:hover{color:var(--rwf-accent)}
.rwf-row-m{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:11.5px;color:var(--rwf-text4);
  flex-wrap:wrap}
.rwf-row-m b{color:var(--rwf-text3);font-weight:500}
.rwf-chip{border:1px solid var(--rwf-line);border-radius:999px;padding:2px 9px;font-size:10px;letter-spacing:.06em;
  color:var(--rwf-text3);text-transform:uppercase;border-color:var(--cc,var(--rwf-line));color:var(--cc,var(--rwf-text3))}
.rwf-flag-pin{color:var(--rwf-accent);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.rwf-row-n{display:flex;gap:20px;text-align:center}
.rwf-row-n span{display:block}
.rwf-row-n b{display:block;font-family:var(--rwf-mono);font-size:14px;color:var(--rwf-text2);line-height:1}
.rwf-row-n em{font-style:normal;font-size:8.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--rwf-text4)}
.rwf-row-last{display:flex;align-items:center;gap:8px;min-width:132px}

.rwf-row-last i{font-style:normal;font-size:11.5px;color:var(--rwf-text3);display:block;line-height:1.3}
.rwf-row-last time{font-size:10.5px;color:var(--rwf-text4);font-family:var(--rwf-mono)}

/* right rail cards */
.rwf-stat{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--rwf-line)}
.rwf-stat div{background:var(--rwf-bg);padding:13px 15px}
.rwf-stat b{display:block;font-family:var(--rwf-disp);font-size:19px;line-height:1}
.rwf-stat em{font-style:normal;font-size:8.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--rwf-text4)}
.rwf-newest{padding:12px 15px;border-top:1px solid var(--rwf-line);display:flex;align-items:center;gap:9px;
  font-size:12px;color:var(--rwf-text3)}
.rwf-newest img{width:24px;height:24px;border-radius:50%}
.rwf-online{padding:13px 15px;display:flex;flex-wrap:wrap;gap:7px}
.rwf-online img{width:28px;height:28px;border-radius:50%;display:block}
.rwf-online-n{padding:0 15px 14px;font-size:11.5px;color:var(--rwf-text4);line-height:1.6}
.rwf-trend{padding:6px 0}
.rwf-trend a{display:flex;align-items:center;gap:10px;padding:9px 15px}
.rwf-trend a:hover{background:var(--rwf-bg2)}
.rwf-trend s{text-decoration:none;font-family:var(--rwf-mono);font-size:11px;color:var(--rwf-text4);width:14px}
.rwf-trend u{text-decoration:none;font-size:12.5px;color:var(--rwf-text2);line-height:1.35;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rwf-trend span{margin-left:auto;font-size:10.5px;color:var(--rwf-text4);font-family:var(--rwf-mono);flex:0 0 auto}
.rwf-rules{padding:13px 15px;font-size:12px;color:var(--rwf-text4);line-height:1.65}
.rwf-rules a{color:var(--rwf-text3);text-decoration:underline;text-underline-offset:2px}

@media(max-width:1080px){
  .rwf-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rwf-grid2{grid-template-columns:1fr}
  .rwf-col-side{position:static;flex-direction:row;flex-wrap:wrap}
  .rwf-col-side>.rwf-card{flex:1 1 260px}
}
@media(max-width:720px){
  .rwf-cats{grid-template-columns:1fr}
  .rwf-row{grid-template-columns:32px minmax(0,1fr);row-gap:9px}
  .rwf-row>img{width:32px;height:32px}
  .rwf-row-n{grid-column:2;justify-content:flex-start;gap:18px}
  .rwf-row-last{grid-column:2}
  .rwf-week-next{margin-left:0;width:100%;justify-content:space-between}
}

.rwf-cat.is-on{border-color:var(--cc,var(--rwf-accent))}
.rwf-flag-pin.is-mute{color:var(--rwf-text4)}
.rwf-search input::-webkit-search-cancel-button{filter:invert(.6)}

/* The car number as a badge: no plate, no border, just the digits in the
   team's colour. At this size an outline would be unreadable, so the number
   is filled here even though the picker draws it as an outline. */
.rwf-badge-no{font-style:normal;font-family:var(--rwf-disp);font-weight:800;font-size:13.5px;
  line-height:18px;letter-spacing:.01em;color:var(--tc,var(--rwf-text3));
  filter:saturate(1.1) brightness(1.2);display:inline-block;vertical-align:-4px}
.rwf-side-meta .rwf-badge-no,.rwf-phero-meta .rwf-badge-no{font-size:16px;line-height:22px}

/* Uploaded badge artwork sits where the code chip used to. No plate, no radius:
   the art is a logo on transparency, and a tile behind it reads as a button. */
.rwf-badge-img{width:18px;height:18px;object-fit:contain;display:inline-block;
  vertical-align:-4px;background:none;border-radius:0}
.rwf-side-meta .rwf-badge-img,.rwf-phero-meta .rwf-badge-img{width:22px;height:22px}

/* ============================================================
   KONU AKIŞI — the reply thread
   ------------------------------------------------------------
   The vote control moves out of a rail on the left and into the
   row of actions under the post, where the reply and quote
   controls already were. The rail cost 34px of every line of
   every reply on a phone, which is where this is read.
   ============================================================ */

.rwf-post{
  position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;
  padding:15px 16px;background:var(--rwf-bg);border:1px solid var(--rwf-line);
  border-radius:12px;margin-bottom:10px;
}
.rwf-post:before{content:none}

/* The author's initials, in the colour of the team they fly. */
.rwf-face{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;overflow:hidden;
  font-family:var(--rwf-disp);font-weight:800;font-size:13px;color:#fff;
  background:var(--rwf-face,#3A3F48);
}
.rwf-face img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}

.rwf-post .rwf-meta{margin-bottom:6px}
.rwf-post .rwf-meta b{font-size:13.5px;color:var(--rwf-text)}

/* One row of actions: score, vote, reply, quote. */
.rwf-vote{
  display:flex;flex-direction:row;align-items:center;gap:4px;min-width:0;
  margin-top:10px;
}
.rwf-vote button{
  border:1px solid var(--rwf-line);border-radius:100px;padding:4px 10px;
  background:var(--rwf-bg2);color:var(--rwf-text4);font-size:12px;line-height:1.2;
}
.rwf-vote button:hover{background:var(--rwf-bg2);border-color:var(--rwf-text4);color:var(--rwf-text2)}
.rwf-up.is-on{color:var(--rwf-green);border-color:var(--rwf-green)}
.rwf-down.is-on{color:var(--rwf-accent);border-color:var(--rwf-accent)}
.rwf-n{
  font-family:var(--rwf-mono);font-size:12.5px;color:var(--rwf-text2);
  min-width:22px;text-align:center;
}
.rwf-post .rwf-quote-btn{margin-top:0;border-radius:100px;padding:5px 12px}

/* A reply to a reply steps in, so an exchange reads as an exchange. */
.rwf-post.is-reply{margin-left:34px;background:var(--rwf-bg2)}
.rwf-post.is-reply:after{
  content:"";position:absolute;left:-18px;top:24px;width:14px;height:1px;background:var(--rwf-line);
}

/* The composer above the topic list. */
.rwf-composer-av{
  width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;
  font-family:var(--rwf-disp);font-weight:800;font-size:13px;color:#fff;background:var(--rwf-accent);
}
.rwf-composer-shut{
  width:100%;text-align:left;font-family:inherit;background:var(--rwf-bg2);
  border:1px solid var(--rwf-line);cursor:pointer;
}
.rwf-composer-open .rwf-form{margin:0;border:0;background:transparent}
.rwf-composer-row{padding-top:14px;margin-top:14px;border-top:1px solid var(--rwf-line)}
.rwf-composer-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:4px}
.rwf-composer-hint{flex:1;min-width:180px;font-size:11.5px;color:var(--rwf-text4);line-height:1.5}

@media(max-width:640px){
  .rwf-post{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:13px}
  .rwf-face{width:30px;height:30px;font-size:11.5px}
  .rwf-post.is-reply{margin-left:14px}
  .rwf-post.is-reply:after{display:none}
  .rwf-vote{flex-wrap:wrap}
  .rwf-composer-row .rwf-btn{flex:1}
}

/* "Konuyu açan:" — a quiet label so the name beside it reads as an answer. */
.rwf-row-by{
  color:var(--rwf-text4);font-weight:400;margin-right:5px;
  font-size:11.5px;
}

/* Withdrawing your own reply. */
.rwf-del{position:relative}
.rwf-del summary{display:inline-flex;align-items:center;line-height:1.2}
.rwf-del summary{
  list-style:none;cursor:pointer;border:1px solid var(--rwf-line);border-radius:100px;
  padding:5px 12px;font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--rwf-text4);
}
.rwf-del summary::-webkit-details-marker{display:none}
.rwf-del summary:hover{border-color:var(--rwf-accent);color:var(--rwf-text2)}
.rwf-del[open]{flex:1 1 100%}
.rwf-del-box{
  margin-top:10px;border:1px solid var(--rwf-line);border-radius:10px;
  background:var(--rwf-bg2);padding:13px 14px;
}
.rwf-del-box p{margin:0 0 11px;font-size:12.5px;line-height:1.6;color:var(--rwf-text3)}
.rwf-del-go{
  background:var(--rwf-accent);border:0;color:#fff;border-radius:7px;padding:8px 15px;
  font-family:inherit;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;
}

/* ============================================================
   KONU AÇ — the three steps
   ============================================================ */

/*
 * The composer has to carry its own padding.
 *
 * The form inside it was stripped of border, background and padding so it would
 * sit flush in the panel — and then nothing put the padding back, so the step
 * bar, the heading, the category cards and the button row all ran into the
 * panel's edge. This is the second time the same mistake has been made in this
 * file, in the same week: removing a container's padding without asking what
 * was supplying it.
 */
.rwf-composer-open .rwf-form,
.rwf-steps-form{padding:16px 18px 15px}

/*
 * [hidden] loses to a class that sets display.
 *
 * The step buttons carry the hidden attribute and .rwf-btn sets display, and a
 * class beats a UA-stylesheet attribute rule — so "Geri" and "Konuyu aç" were
 * both on screen at step one, which made a three-step form look broken before
 * anybody touched it.
 */
.rwf [hidden]{display:none !important}
.rwf-stepbar{display:flex;border:1px solid var(--rwf-line);border-radius:10px;overflow:hidden;margin-bottom:16px}
.rwf-stepbar div{
  flex:1;display:flex;align-items:center;gap:9px;padding:11px 13px;
  border-right:1px solid var(--rwf-line);background:var(--rwf-bg2);
  font-family:var(--rwf-disp);font-size:10.5px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--rwf-text4);
}
.rwf-stepbar div:last-child{border-right:0}
.rwf-stepbar div i{
  width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;
  font-size:10px;background:var(--rwf-bg);border:1px solid var(--rwf-line);color:var(--rwf-text4);flex:none;
}
.rwf-stepbar div.is-on{color:var(--rwf-text)}
.rwf-stepbar div.is-on i{background:var(--rwf-accent);border-color:var(--rwf-accent);color:#fff}

.rwf-step h4{margin:0 0 4px;font-family:var(--rwf-disp);font-size:18px;color:var(--rwf-text)}
.rwf-step-lead{margin:0 0 14px;font-size:12.5px;color:var(--rwf-text3);line-height:1.6}

.rwf-step-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:9px}
.rwf-step-cat{
  position:relative;border:1px solid var(--rwf-line);border-radius:10px;padding:13px 14px;
  background:var(--rwf-bg2);cursor:pointer;display:block;
}
.rwf-step-cat input{position:absolute;opacity:0;width:1px;height:1px}
.rwf-step-cat b{display:block;font-family:var(--rwf-disp);font-size:14px;color:var(--rwf-text)}
.rwf-step-cat small{display:block;margin-top:3px;font-size:11px;color:var(--rwf-text4);line-height:1.45}
.rwf-step-cat.is-on{border-color:var(--rwf-accent);background:rgba(225,6,0,.07)}
.rwf-step-cat:focus-within{outline:2px solid var(--rwf-accent);outline-offset:2px}

.rwf-step-title{
  width:100%;box-sizing:border-box;background:var(--rwf-bg2);border:1px solid var(--rwf-line);
  border-radius:10px;color:var(--rwf-text);padding:13px 15px;
  font-family:var(--rwf-disp);font-size:17px;font-weight:700;
}
.rwf-step-title:focus{outline:none;border-color:var(--rwf-text4)}
.rwf-step-hint{display:block;margin-top:8px;font-size:11.5px;color:var(--rwf-text4)}
.rwf-step textarea{
  width:100%;box-sizing:border-box;background:var(--rwf-bg2);border:1px solid var(--rwf-line);
  border-radius:10px;color:var(--rwf-text);padding:12px 14px;font:inherit;font-size:13.5px;line-height:1.65;
  resize:vertical;
}
.rwf-step textarea:focus{outline:none;border-color:var(--rwf-text4)}

@media(max-width:600px){
  .rwf-stepbar div{padding:10px 9px;font-size:9.5px;gap:7px}
  .rwf-stepbar div i{width:18px;height:18px;font-size:9px}
  .rwf-step-cats{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
  .rwf-step-title{font-size:15px}
  .rwf-composer-row .rwf-btn{flex:1 1 auto}
}


/* ============================================================
   KONU SAYFASI — the opening post, the conversation, the column
   ------------------------------------------------------------
   Prefixed ft- (forum topic). Not tp-: that belongs to the team
   page in the theme, and reusing it restyles a page nobody was
   looking at.
   ============================================================ */

.ft-wrap{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}
.ft-main{min-width:0}
.ft-side{position:sticky;top:16px;display:flex;flex-direction:column;gap:12px}

.ftav{
  border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden;
  font-family:var(--rwf-disp);font-weight:800;font-size:12px;color:#fff;
}
.ftav img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}

.ftvt{display:inline-flex;align-items:center;gap:5px}
.ftvt button{
  border:1px solid var(--rwf-line);border-radius:100px;padding:5px 11px;background:var(--rwf-bg2);
  color:var(--rwf-text4);font-size:12px;cursor:pointer;line-height:1.2;font-family:inherit;
}
.ftvt button:hover{border-color:var(--rwf-text4);color:var(--rwf-text2)}
.ftvt .rwf-up.is-on{color:var(--rwf-green);border-color:var(--rwf-green)}
.ftvt .rwf-down.is-on{color:var(--rwf-accent);border-color:var(--rwf-accent)}
.ftvt .rwf-n{font-family:var(--rwf-mono);font-size:13px;color:var(--rwf-text2);min-width:22px;text-align:center}

/* the opening post */
.ft-head{border:1px solid var(--rwf-line);border-radius:14px;background:var(--rwf-bg);overflow:hidden;margin-bottom:18px}
.ft-head-top{display:block;padding:20px 22px 16px;background:linear-gradient(180deg,rgba(225,6,0,.08),transparent)}
.ft-cat{
  display:inline-block;font-family:var(--rwf-disp);font-size:9.5px;font-weight:800;letter-spacing:.14em;
  color:#fff;background:var(--rwf-accent);padding:4px 9px;border-radius:4px;text-decoration:none;
}
.ft-head h1{margin:12px 0 0;font-family:var(--rwf-disp);font-size:27px;line-height:1.18;color:var(--rwf-text)}
.ft-meta{display:flex;align-items:center;gap:9px;margin-top:13px;font-size:12px;color:var(--rwf-text4);flex-wrap:wrap}
.ft-meta b{color:var(--rwf-text2);font-weight:600}
.ft-op{padding:18px 22px;border-top:1px solid var(--rwf-line);font-size:14.5px;line-height:1.72;color:var(--rwf-text2);
  overflow-wrap:anywhere}
.ft-op p{margin:0 0 12px}.ft-op p:last-child{margin-bottom:0}
.ft-bar{display:flex;align-items:center;gap:12px;padding:12px 22px;border-top:1px solid var(--rwf-line);
  background:var(--rwf-bg2);flex-wrap:wrap}
.ft-bar .n{margin-left:auto;font-size:11.5px;color:var(--rwf-text4)}

/* the conversation */
.ft-count{display:flex;align-items:center;gap:11px;margin:0 0 14px}
.ft-count b{font-family:var(--rwf-disp);font-size:15px;font-weight:800;letter-spacing:.13em;
  text-transform:uppercase;color:var(--rwf-text2)}
.ft-count i{flex:1;height:1px;background:var(--rwf-line)}
.ft-thread{display:flex;flex-direction:column;gap:12px}
.ft-msg{display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;max-width:80%}
.ft-msg .ftav{align-self:flex-start}
.ft-bub{border:1px solid var(--rwf-line);border-radius:4px 14px 14px 14px;background:var(--rwf-bg);
  padding:12px 15px;min-width:0}
.ft-msg.mine{margin-left:auto;grid-template-columns:minmax(0,1fr) 36px}
.ft-msg.mine .ftav{order:2}
.ft-msg.mine .ft-bub{
  order:1;border-radius:14px 4px 14px 14px;
  background:linear-gradient(180deg,rgba(225,6,0,.13),var(--rwf-bg) 72%);border-color:rgba(225,6,0,.36);
}
.ft-nm{display:flex;align-items:center;gap:7px;font-size:12.5px;margin-bottom:6px;flex-wrap:wrap}
.ft-nm b{color:var(--rwf-text)}
.ft-nm time{color:var(--rwf-text4);font-size:11px;margin-left:auto;white-space:nowrap}
.ft-text{font-size:13.5px;line-height:1.68;color:var(--rwf-text2);overflow-wrap:anywhere}
.ft-text p{margin:0 0 9px}.ft-text p:last-child{margin-bottom:0}
.ft-text blockquote,.ft-text .rwf-quote{
  margin:0 0 9px;padding:8px 12px;border-left:3px solid var(--rwf-line);background:var(--rwf-bg2);
  border-radius:0 6px 6px 0;font-size:12.5px;color:var(--rwf-text4);line-height:1.55;
}
.ft-text blockquote cite{display:block;font-style:normal;font-size:10.5px;color:var(--rwf-text4);margin-bottom:3px;opacity:.85}
.ft-act{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.ft-msg.mine .ft-act{justify-content:flex-end}
.ft-act .rwf-quote-btn{margin-top:0;border-radius:100px;padding:5px 12px}

/* the column */
.ft-sc{border:1px solid var(--rwf-line);border-radius:12px;background:var(--rwf-bg);overflow:hidden}
.ft-sc-h{
  padding:11px 14px;border-bottom:1px solid var(--rwf-line);background:var(--rwf-bg2);
  font-family:var(--rwf-disp);font-size:10.5px;font-weight:800;letter-spacing:.13em;
  text-transform:uppercase;color:var(--rwf-text3);
}
.ft-f{display:flex;justify-content:space-between;gap:10px;padding:9px 14px;font-size:12.5px;
  border-bottom:1px solid var(--rwf-line)}
.ft-f:last-child{border-bottom:0}
.ft-f em{font-style:normal;color:var(--rwf-text4)}
.ft-f b{color:var(--rwf-text);font-weight:600;text-align:right}
.ft-people{display:flex;flex-wrap:wrap;gap:7px;padding:13px 14px}
.ft-race{padding:13px 14px}
.ft-race b{display:block;font-family:var(--rwf-disp);font-size:16px;color:var(--rwf-text);line-height:1.2}
.ft-race small{display:block;font-size:11.5px;color:var(--rwf-text4);margin-top:4px}
.ft-race .go{
  display:inline-block;margin-top:11px;font-size:11.5px;color:var(--red-2,#FF322C);
  text-decoration:underline;text-underline-offset:3px;
}

.rwf-single .rwf-reply-form{margin-top:18px}

@media(max-width:900px){
  .ft-wrap{grid-template-columns:minmax(0,1fr)}
  .ft-side{position:static;flex-direction:row;flex-wrap:wrap}
  .ft-side .ft-sc{flex:1 1 240px}
}
@media(max-width:600px){
  .ft-head-top{padding:16px 15px 13px}
  .ft-head h1{font-size:21px}
  .ft-op,.ft-bar{padding:15px}
  .ft-msg{max-width:93%;grid-template-columns:30px minmax(0,1fr);gap:9px}
  .ft-msg .ftav{width:30px !important;height:30px !important;font-size:11px}
  .ft-msg.mine{grid-template-columns:minmax(0,1fr) 30px}
  .ft-bub{padding:11px 13px}
  .ft-side{flex-direction:column}
}

/* The category's colour on a topic row. */
.rwf-row{position:relative;padding-left:19px}
.rwf-row:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--cc,var(--rwf-line));
}
.rwf-row:first-child:before{border-radius:10px 0 0 0}
.rwf-row:last-child:before{border-radius:0 0 0 10px}