/* Paket 14: Brief Masuk (staf). Memakai variabel tema. */
.br-send h3 { margin: 0 0 4px; font: 700 1.3rem/1.2 var(--serif); color: var(--text); }
.br-send .sub { margin: 0 0 12px; color: var(--muted); max-width: 70ch; }
.br-in { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 8px; }
.br-reply { width: 100%; font: inherit; line-height: 1.5; }
.br-bar { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 12px; }
.br-chip { font: inherit; font-size: .86rem; cursor: pointer; padding: 6px 13px; border-radius: 999px; border: 1px solid var(--line); background: var(--card); color: var(--text); }
.br-chip[aria-pressed="true"] { background: linear-gradient(180deg, #ecd29b, #c49b5c); border-color: #c49b5c; color: #1a1205; font-weight: 700; }
.br-v { padding: 6px 0; color: var(--text); white-space: pre-wrap; }
#nav a .br-count { margin-left: auto; min-width: 20px; padding: 1px 7px; border-radius: 999px; font-size: .72rem; font-weight: 700; text-align: center; color: #1a1205; background: linear-gradient(180deg, #ecd29b, #c49b5c); }
@media (max-width: 720px) { .br-in { grid-template-columns: 1fr; } }