/* ---------- Forum ---------- */
/* Ausgelagert aus verbindung.html (vorher Zeilen 474–531 im Inline-<style>).
   Nutzt dieselben CSS-Variablen (--gold-deep, --line, --radius, --f-mono, ...),
   die im :root der jeweiligen Seite definiert sind. */
.forum{margin-top:20px}
.forum-body{padding:16px}
.forum-banner{
  font-family:var(--f-mono);font-size:12px;color:var(--gold-deep);background:#FBF7EA;
  border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;margin-bottom:14px
}
.forum-breadcrumb{
  font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7a746a;
  display:flex;align-items:center;gap:8px;margin-bottom:14px
}
.forum-breadcrumb a{color:var(--gold-deep);text-decoration:none;cursor:pointer}
.forum-breadcrumb a:hover{text-decoration:underline}
.forum-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:760px){.forum-cat-grid{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.forum-cat-grid{grid-template-columns:1fr}}
.forum-cat-card{
  text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:#fff;
  padding:14px;cursor:pointer;transition:.12s;display:flex;flex-direction:column;gap:6px
}
.forum-cat-card:hover{border-color:var(--gold);background:#FBF7EA;transform:translateY(-2px);box-shadow:var(--shadow)}
.forum-cat-card .nm{font-family:var(--f-display);font-weight:600;font-size:14px}
.forum-cat-card .ds{font-size:12px;color:#8b857b;line-height:1.4}
.forum-cat-card .meta{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-deep)}
.forum-thread-list{display:flex;flex-direction:column;border-top:1px solid var(--line-soft)}
.forum-thread-row{
  display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 4px;
  border-bottom:1px solid var(--line-soft);cursor:pointer;background:transparent;width:100%;text-align:left
}
.forum-thread-row:hover{background:var(--paper-2)}
.forum-thread-row .ttl{font-weight:600;font-size:14px}
.forum-thread-row .by{font-size:11px;color:#8b857b;margin-top:2px}
.forum-thread-row .cnt{font-family:var(--f-mono);font-size:11px;color:var(--gold-deep);white-space:nowrap}
.forum-empty{padding:24px 4px;color:#8b857b;font-size:13px;text-align:center}
.forum-new-btn{
  font-family:var(--f-mono);font-size:12px;border:1px solid var(--gold-deep);background:#fff;color:var(--gold-deep);
  padding:8px 14px;border-radius:100px;cursor:pointer
}
.forum-new-btn:hover{background:var(--gold-deep);color:#fff}
.forum-post{border-bottom:1px solid var(--line-soft);padding:14px 4px}
.forum-post .by{font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px}
.forum-post .by time{font-weight:400;font-family:var(--f-mono);font-size:10px;color:#8b857b}
.forum-post .bd{font-size:14px;line-height:1.55;margin-top:6px;white-space:pre-wrap;word-break:break-word}
.forum-post .report-btn{font-family:var(--f-mono);font-size:10px;color:#8b857b;background:none;border:none;padding:0;margin-top:6px;cursor:pointer;text-decoration:underline}
.forum-form{display:flex;flex-direction:column;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-soft)}
.forum-form input,.forum-form textarea{
  width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;
  font-family:var(--f-body);font-size:14px;background:var(--paper);resize:vertical
}
.forum-form textarea{min-height:90px}
.forum-form .row{display:flex;gap:10px;flex-wrap:wrap}
.forum-form .row input{flex:1;min-width:140px}
.forum-form button.submit{
  align-self:flex-start;font-family:var(--f-mono);font-size:12px;background:var(--ink);color:var(--paper);
  border:none;padding:10px 18px;border-radius:100px;cursor:pointer
}
.forum-form button.submit:hover{background:var(--gold-deep)}
.forum-hp{position:absolute;left:-9999px;opacity:0}