/* -------------------------------------------------------
   Forum module styles
   ------------------------------------------------------- */

/* Shared header / breadcrumb */
.frm-header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
	margin-bottom: 1.25rem;
}
.frm-header h2 { margin: 0; flex: 1; }

.frm-breadcrumb {
	font-family: var(--font-caps);
	font-size: .8rem;
	letter-spacing: .04em;
	color: var(--text-faint);
	margin-bottom: 1rem;
}
/* Undo the global header-nav "nav > a" padding/flex so links line up
   with the plain <span> of the current page */
nav.frm-breadcrumb { display: block; flex: none; }
nav.frm-breadcrumb > a {
	padding: 0;
	border-radius: 0;
	font-family: inherit;
	font-size: inherit;
	white-space: normal;
	color: var(--text-muted);
	text-decoration: none;
}
nav.frm-breadcrumb > a:hover { background: none; color: var(--gold-dark); text-decoration: underline; }
.frm-breadcrumb span { color: var(--text-heading); }

.frm-admin-bar {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem 1rem;
	font-family: var(--font-caps);
	font-size: .82rem;
}
.frm-admin-bar a { color: var(--text-muted); text-decoration: none; border-bottom: 1px dotted var(--border-ornate); }
.frm-admin-bar a:hover { color: var(--gold-dark); border-bottom-color: var(--gold-dark); }

.frm-empty { color: var(--text-muted); font-style: italic; margin-top: 2rem; }
.frm-back { margin-top: 1.5rem; }

.frm-notice {
	padding: .6rem .9rem;
	border: 1px solid var(--border);
	border-left: 3px solid var(--gold-dark);
	background: var(--surface-light);
	border-radius: var(--radius);
	color: var(--text-muted);
	font-style: italic;
}

/* Badges */
.frm-badge {
	display: inline-block;
	padding: .12rem .5rem;
	font-family: var(--font-caps);
	font-size: .68rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .06em;
	border-radius: var(--radius);
	vertical-align: middle;
}
.frm-badge-locked { background: var(--crimson-soft); color: var(--crimson); border: 1px solid var(--crimson); }
.frm-badge-sticky { background: var(--gold-glow); color: var(--gold-dark); border: 1px solid var(--gold-dark); }

/* Shared "parchment panel" look for category boxes, topic tables, posts */
.frm-category, .frm-topic-table, .frm-post {
	background: linear-gradient(135deg, var(--surface-light) 0%, var(--surface) 50%, var(--surface-light) 100%);
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(44,24,16,.12), inset 0 1px 0 rgba(255,255,255,.3);
}

/* -------------------------------------------------------
   Forum index — categories and forum rows
   ------------------------------------------------------- */
.frm-category { margin-bottom: 1.5rem; }
.frm-category-bar {
	height: 3px;
	background: linear-gradient(90deg, transparent, var(--gold), var(--gold-dark), var(--gold), transparent);
}
.frm-category-title {
	display: flex;
	align-items: center;
	gap: .55rem;
	margin: 0;
	padding: .7rem 1.25rem;
	font-family: var(--font-caps);
	font-size: 1rem;
	font-weight: normal;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--text-heading);
	background: rgba(201,168,76,.06);
	border-bottom: 1px solid var(--border-light);
}
.frm-category-title::before {
	content: '';
	width: 7px;
	height: 7px;
	flex-shrink: 0;
	background: var(--gold-dark);
	transform: rotate(45deg);
	border-radius: 1px;
}

.frm-forum-row {
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto 14rem;
	gap: .5rem 1.25rem;
	align-items: center;
	padding: .9rem 1.25rem;
	border-bottom: 1px solid var(--border-light);
	transition: background .15s, box-shadow .15s;
}
.frm-forum-row:last-child { border-bottom: none; }
.frm-forum-row:hover {
	background: var(--gold-glow);
	box-shadow: inset 3px 0 0 var(--gold);
}

.frm-forum-title {
	font-weight: 600;
	font-size: 1.02rem;
	color: var(--text-heading);
	text-decoration: none;
}
.frm-forum-title:hover { color: var(--gold-dark); }
.frm-forum-desc { margin: .2rem 0 0; font-size: .85rem; color: var(--text-muted); }

.frm-forum-stats {
	display: flex;
	flex-direction: column;
	gap: .15rem;
	font-family: var(--font-caps);
	font-size: .75rem;
	letter-spacing: .04em;
	color: var(--text-faint);
	text-align: right;
	white-space: nowrap;
}
.frm-forum-stats strong { color: var(--gold-dark); font-size: .9rem; margin-right: .15rem; }

.frm-forum-last { font-size: .8rem; display: flex; flex-direction: column; gap: .15rem; min-width: 0; }
.frm-last-topic {
	font-weight: 600;
	color: var(--text);
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.frm-last-topic:hover { color: var(--gold-dark); }
.frm-last-meta, .frm-last-time { color: var(--text-faint); }

/* -------------------------------------------------------
   Topic list
   ------------------------------------------------------- */
.frm-forum-intro { color: var(--text-muted); margin-top: -.5rem; margin-bottom: 1.25rem; }

.frm-topic-head, .frm-topic-row {
	display: grid;
	grid-template-columns: 1fr 4.5rem 4.5rem 12rem;
	gap: .5rem 1rem;
	align-items: center;
	padding: .7rem 1.25rem;
}
.frm-topic-head {
	font-family: var(--font-caps);
	font-size: .72rem;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--text-faint);
	background: rgba(201,168,76,.06);
	border-bottom: 1px solid var(--border);
	padding-top: .45rem;
	padding-bottom: .45rem;
}
.frm-topic-row {
	position: relative;
	border-bottom: 1px solid var(--border-light);
	transition: background .15s, box-shadow .15s;
}
.frm-topic-row:last-child { border-bottom: none; }
.frm-topic-row:hover {
	background: var(--gold-glow);
	box-shadow: inset 3px 0 0 var(--gold);
}
.frm-topic-sticky {
	background: var(--gold-glow);
	box-shadow: inset 3px 0 0 var(--gold-dark);
}

.frm-topic-title {
	font-weight: 600;
	font-size: .98rem;
	color: var(--text-heading);
	text-decoration: none;
}
.frm-topic-title:hover { color: var(--gold-dark); }
.frm-topic-meta { display: block; font-size: .78rem; color: var(--text-faint); margin-top: .15rem; }
.frm-topic-meta a { color: var(--text-muted); text-decoration: none; }
.frm-topic-meta a:hover { color: var(--gold-dark); text-decoration: underline; }

.frm-col-replies, .frm-col-views {
	text-align: center;
	font-size: .9rem;
	color: var(--text-muted);
}
.frm-topic-row .frm-col-replies { font-weight: 600; color: var(--gold-dark); }
.frm-col-last { font-size: .78rem; display: flex; flex-direction: column; gap: .15rem; }
.frm-col-last a { color: var(--text-muted); text-decoration: none; }
.frm-col-last a:hover { color: var(--gold-dark); text-decoration: underline; }

/* -------------------------------------------------------
   Topic view — posts
   ------------------------------------------------------- */
.frm-mod-bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem;
	padding: .6rem .9rem;
	margin-bottom: 1rem;
	border: 1px dashed var(--border-ornate);
	border-radius: var(--radius);
	background: var(--surface-light);
}
.frm-move-form { display: flex; align-items: center; gap: .4rem; margin: 0; margin-left: auto; }
.frm-move-form label { font-size: .8rem; color: var(--text-muted); margin: 0; }
/* Match the global .form-group select look — this form has no .form-group */
.frm-move-form select {
	font-family: var(--font-ui);
	font-size: .85rem;
	color: var(--text);
	background: var(--surface-light);
	border: 1px solid var(--border);
	border-radius: var(--radius);
	padding: .3rem .5rem;
	outline: none;
	max-width: 14rem;
	transition: border-color .15s, box-shadow .15s;
}
.frm-move-form select:hover { border-color: var(--gold-dark); }
.frm-move-form select:focus { border-color: var(--gold-dark); box-shadow: 0 0 0 3px rgba(201,173,106,.25); }

.frm-posts { display: flex; flex-direction: column; gap: 1.1rem; margin: 1rem 0; }

.frm-post {
	position: relative;
	display: grid;
	grid-template-columns: 9.5rem 1fr;
	transition: border-color .15s;
}
.frm-post::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 2px;
	background: linear-gradient(90deg, transparent, var(--gold), transparent);
	opacity: .55;
	pointer-events: none;
}
.frm-post:target {
	border-color: var(--gold-dark);
	box-shadow: 0 0 0 3px var(--gold-glow), 0 2px 8px rgba(44,24,16,.12);
	animation: frm-target-flash 1.2s ease-out;
}
@keyframes frm-target-flash {
	0%   { background-color: rgba(201,168,76,.25); }
	100% { background-color: transparent; }
}

.frm-post-author {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .4rem;
	padding: 1.1rem .75rem;
	border-right: 1px solid var(--border-light);
	background: linear-gradient(180deg, rgba(201,168,76,.09), rgba(201,168,76,.02) 60%, transparent);
	text-align: center;
}
.frm-avatar {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid var(--gold-dark);
	box-shadow: 0 0 0 3px var(--gold-glow), 0 1px 3px rgba(44,24,16,.25);
}
.frm-avatar-fallback {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-caps);
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--surface-light);
	background: linear-gradient(135deg, var(--gold), var(--gold-dark));
}
.frm-author-name {
	font-weight: 600;
	word-break: break-word;
	color: var(--text-heading);
	text-decoration: none;
}
.frm-author-name:hover { color: var(--gold-dark); }
.frm-role {
	font-family: var(--font-caps);
	font-size: .66rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .06em;
	padding: .12rem .45rem;
	border-radius: var(--radius);
}
.frm-role-admin { background: var(--crimson-soft); color: var(--crimson); border: 1px solid var(--crimson); }
.frm-role-moderator { background: var(--gold-glow); color: var(--gold-dark); border: 1px solid var(--gold-dark); }
.frm-author-posts { font-size: .72rem; color: var(--text-faint); }

.frm-post-main { padding: .75rem 1.1rem 1rem; min-width: 0; }
.frm-post-meta {
	display: flex;
	align-items: center;
	gap: .75rem;
	font-size: .78rem;
	color: var(--text-faint);
	padding-bottom: .5rem;
	border-bottom: 1px solid var(--border-light);
	margin-bottom: .75rem;
}
.frm-post-number {
	font-family: var(--font-caps);
	font-weight: 700;
	letter-spacing: .04em;
	color: var(--gold-dark);
	text-decoration: none;
}
.frm-post-number:hover { color: var(--text-heading); }
.frm-post-actions { margin-left: auto; display: flex; gap: .4rem; }

.frm-post-body { overflow-wrap: break-word; line-height: 1.55; }
.frm-post-body p { margin: 0 0 .6rem; }
.frm-post-body p:last-child { margin-bottom: 0; }
.frm-post-body ul, .frm-post-body ol { margin: 0 0 .6rem; padding-left: 1.4rem; }
.frm-post-body img { max-width: 100%; height: auto; border-radius: var(--radius); }
.frm-post-body blockquote {
	margin: .5rem 0 .75rem;
	padding: .45rem .8rem;
	border-left: 3px solid var(--gold-dark);
	border-radius: 0 var(--radius) var(--radius) 0;
	background: var(--gold-glow);
	color: var(--text-muted);
}
.frm-post-body pre, .frm-post-body code {
	background: var(--surface-light);
	border: 1px solid var(--border-light);
	border-radius: var(--radius);
}
.frm-post-body code { padding: .05rem .3rem; }
.frm-post-body pre { padding: .5rem .75rem; overflow-x: auto; }
.frm-post-body pre code { border: none; padding: 0; }

.frm-post-edited {
	margin: .75rem 0 0;
	font-size: .75rem;
	font-style: italic;
	color: var(--text-faint);
}

/* -------------------------------------------------------
   Post reactions (mirrors the messages module)
   ------------------------------------------------------- */
.frm-post-meta { position: relative; }

/* Sized to match the .btn-xs buttons sharing the action row */
.frm-react-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	padding: 0;
	border: none;
	background: none;
	color: var(--text-muted);
	cursor: pointer;
	transition: color .15s;
}
.frm-react-btn svg { width: 18px; height: 18px; }
.frm-react-btn:hover { color: var(--gold-dark); }

.frm-reactions {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem;
	margin-top: .6rem;
}
.frm-reactions:empty { display: none; }

.frm-react-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .25em;
	height: 1.5rem;
	padding: 0 .5em;
	border: 1px solid var(--border);
	border-radius: 999px;
	background: var(--surface-light);
	font-family: inherit;
	font-size: .85rem;
	line-height: 1;
	color: var(--text);
	cursor: pointer;
	box-shadow: var(--shadow-sm, 0 1px 2px rgba(44,24,16,.12));
	transition: border-color .15s, box-shadow .15s, transform .1s;
}
.frm-react-pill:hover { border-color: var(--gold); transform: scale(1.08); }
/* Emoji glyphs sit high in their em box on most platforms — optical nudge */
.frm-react-emoji {
	display: block;
	line-height: 1;
	transform: translateY(0.05em);
}
.frm-react-own {
	border-color: var(--gold);
	background: var(--gold-glow);
}
.frm-react-count {
	font-size: .7rem;
	font-weight: bold;
	color: var(--text-muted);
}

.frm-react-picker {
	position: absolute;
	top: calc(100% + 4px);
	right: 0;
	display: flex;
	gap: .15rem;
	padding: .3rem .4rem;
	background: var(--surface-light);
	border: 1px solid var(--border);
	border-radius: 16px;
	box-shadow: 0 4px 14px rgba(44,24,16,.25);
	z-index: 5;
}
.frm-react-choice {
	border: none;
	background: none;
	padding: .15em;
	font-size: 1.25rem;
	line-height: 1;
	border-radius: 50%;
	cursor: pointer;
	transition: transform .1s, background .15s;
}
.frm-react-choice:hover { transform: scale(1.2); background: var(--gold-glow); }

/* "View reactions" ghost button at the end of the pill row */
.frm-react-view {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	padding: 0;
	border: 1px dashed var(--border);
	border-radius: 50%;
	background: none;
	color: var(--text-muted);
	cursor: pointer;
	transition: border-color .15s, color .15s;
}
.frm-react-view svg { width: 14px; height: 14px; }
.frm-react-view:hover { border-color: var(--gold-dark); color: var(--gold-dark); }

/* Reactors popup */
.frm-modal {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	background: rgba(0,0,0,.45);
	z-index: 50;
}
.frm-modal[hidden] { display: none; }
.frm-modal-box {
	position: relative;
	width: 100%;
	max-width: 22rem;
	max-height: 70vh;
	overflow: auto;
	padding: 1.1rem 1.4rem;
	background: linear-gradient(135deg, var(--surface-light) 0%, var(--surface) 50%, var(--surface-light) 100%);
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	box-shadow: 0 8px 30px rgba(44,24,16,.35);
}
.frm-modal-box h3 { margin: 0 0 .6rem; padding-right: 1.8rem; }
.frm-modal-close {
	position: absolute;
	top: .4rem;
	right: .5rem;
	width: 1.8rem;
	height: 1.8rem;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: none;
	font-size: 1.2rem;
	line-height: 1;
	color: var(--text-muted);
	cursor: pointer;
}
.frm-modal-close:hover { background: var(--gold-glow); color: var(--text-heading); }

.frm-reactor-row {
	display: flex;
	align-items: center;
	gap: .6rem;
	padding: .4rem 0;
	border-bottom: 1px solid var(--border-light);
}
.frm-reactor-row:last-child { border-bottom: none; }
.frm-reactor-emoji { font-size: 1.1rem; line-height: 1; }
.frm-reactor-name { color: var(--text); }
.frm-reactor-name a { color: var(--text); text-decoration: none; }
.frm-reactor-name a:hover { color: var(--gold-dark); text-decoration: underline; }

/* -------------------------------------------------------
   Reply / topic forms
   ------------------------------------------------------- */
.frm-reply { margin-top: 1.75rem; }
.frm-reply h3 {
	display: flex;
	align-items: center;
	gap: .75rem;
	margin-bottom: .75rem;
}
.frm-reply h3::after {
	content: '';
	flex: 1;
	height: 1px;
	background: linear-gradient(90deg, var(--gold), transparent);
	opacity: .6;
}

.frm-form-errors {
	padding: .6rem .9rem;
	margin-bottom: 1rem;
	border: 1px solid var(--crimson);
	border-left-width: 3px;
	border-radius: var(--radius);
	background: var(--crimson-soft);
	color: var(--crimson);
}

.frm-form-actions { display: flex; align-items: center; gap: 1rem; }
.frm-form-actions a { color: var(--text-muted); }
.frm-form-actions a:hover { color: var(--gold-dark); }

/* -------------------------------------------------------
   Admin
   ------------------------------------------------------- */
.frm-admin-panel { margin-bottom: 1.5rem; }

/* Expandable items: summary shows the thing, opening it reveals the editor */
.frm-admin-item summary {
	display: flex;
	align-items: center;
	gap: .65rem;
	padding: .65rem 1.25rem;
	cursor: pointer;
	list-style: none;
	transition: background .15s, box-shadow .15s;
}
.frm-admin-item summary::-webkit-details-marker { display: none; }
.frm-admin-item summary:hover {
	background: var(--gold-glow);
	box-shadow: inset 3px 0 0 var(--gold);
}
.frm-admin-item[open] > summary {
	background: var(--gold-glow);
	box-shadow: inset 3px 0 0 var(--gold-dark);
}

.frm-order-chip {
	flex: 0 0 auto;
	min-width: 1.7rem;
	height: 1.7rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 .3rem;
	font-family: var(--font-caps);
	font-size: .72rem;
	color: var(--text-faint);
	background: var(--surface-light);
	border: 1px solid var(--border);
	border-radius: 50%;
}

.frm-admin-item-main { flex: 1; display: flex; flex-direction: column; gap: .1rem; min-width: 0; }
.frm-admin-item-title { font-weight: 600; color: var(--text-heading); }
.frm-admin-item-desc { font-size: .82rem; color: var(--text-muted); }
.frm-admin-item-desc:empty { display: none; }
.frm-admin-cat-name {
	font-family: var(--font-caps);
	font-size: .95rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--text-heading);
}
.frm-admin-count {
	font-family: var(--font-caps);
	font-size: .72rem;
	letter-spacing: .04em;
	color: var(--text-faint);
	white-space: nowrap;
}
.frm-row-locked .frm-admin-item-main { opacity: .55; }

.frm-admin-chevron::before {
	content: '\276F';
	display: inline-block;
	font-size: .75rem;
	color: var(--text-faint);
	transition: transform .15s;
}
.frm-admin-item[open] > summary .frm-admin-chevron::before { transform: rotate(90deg); }

/* Expanded editor */
.frm-admin-item-body {
	padding: .9rem 1.25rem 1rem;
	border-top: 1px dashed var(--border-light);
	background: rgba(201,168,76,.04);
}
.frm-admin-edit-form {
	display: grid;
	grid-template-columns: 6rem 1fr;
	gap: .75rem 1rem;
	max-width: 34rem;
	margin: 0;
}
.frm-admin-edit-form .form-group { display: flex; flex-direction: column; gap: .25rem; margin: 0; }
.frm-admin-edit-form label {
	font-family: var(--font-caps);
	font-size: .72rem;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--text-faint);
	margin: 0;
}
.frm-admin-span { grid-column: 1 / -1; }
.frm-admin-item-tools { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }

/* Category header item + forum list inside the panel */
.frm-admin-cat { background: rgba(201,168,76,.06); border-bottom: 1px solid var(--border); }
.frm-admin-forums > .frm-admin-item { border-bottom: 1px solid var(--border-light); }
.frm-admin-forums > .frm-admin-item:last-child { border-bottom: none; }

.frm-admin-empty {
	margin: 0;
	padding: .7rem 1.25rem;
	font-size: .85rem;
	font-style: italic;
	color: var(--text-muted);
}

/* "+ Add forum" footer and "+ Add category" ghost card */
.frm-admin-add { border-top: 1px solid var(--border); background: rgba(201,168,76,.05); }
.frm-admin-add summary, .frm-admin-add-cat summary { padding: .55rem 1.25rem; }
.frm-admin-add-label {
	flex: 1;
	font-family: var(--font-caps);
	font-size: .82rem;
	letter-spacing: .05em;
	color: var(--text-muted);
}
.frm-admin-add summary:hover .frm-admin-add-label,
.frm-admin-add-cat summary:hover .frm-admin-add-label { color: var(--gold-dark); }
.frm-admin-add-cat {
	margin-bottom: 1.5rem;
	border: 1px dashed var(--border-ornate);
	border-radius: var(--radius-lg);
	background: rgba(245,241,226,.5);
	overflow: hidden;
}

.frm-btn-danger { color: var(--crimson); border-color: var(--crimson); }
.frm-btn-danger:hover { background: var(--crimson-soft); }

/* -------------------------------------------------------
   Responsive — compact rows: metadata collapses into single
   muted lines instead of stacking each grid column.
   ------------------------------------------------------- */
@media (max-width: 720px) {
	.frm-breadcrumb { font-size: .75rem; overflow-wrap: anywhere; }

	/* Index: title, desc, then stats + last-activity time on ONE line.
	   The last-post topic link and "by author" are dropped — tapping
	   the forum gets you there anyway. */
	.frm-forum-row { display: block; padding: .75rem .9rem; }
	.frm-forum-desc { font-size: .8rem; margin-top: .15rem; }
	.frm-forum-stats {
		display: inline-flex;
		flex-direction: row;
		align-items: baseline;
		gap: .8rem;
		margin-top: .45rem;
		text-align: left;
		vertical-align: baseline;
	}
	.frm-forum-last {
		display: inline-flex;
		align-items: baseline;
		margin-top: .45rem;
		font-size: .75rem;
		vertical-align: baseline;
	}
	.frm-last-topic, .frm-forum-last .frm-last-meta { display: none; }
	.frm-last-time::before { content: '\00B7'; margin: 0 .5rem; color: var(--text-faint); }

	/* Topic list: replies count becomes a chip beside the title,
	   views and the topic creation date are dropped, last-post info
	   collapses to "time · by author" on one line. */
	.frm-topic-head { display: none; }
	.frm-topic-row {
		grid-template-columns: 1fr auto;
		gap: .3rem .6rem;
		padding: .7rem .9rem;
	}
	.frm-col-title { grid-column: 1; grid-row: 1; min-width: 0; }
	.frm-col-views, .frm-topic-created { display: none; }
	.frm-topic-row .frm-col-replies {
		grid-column: 2;
		grid-row: 1;
		align-self: start;
		font-family: var(--font-caps);
		font-size: .72rem;
		padding: .12rem .55rem;
		border: 1px solid var(--border);
		border-radius: 999px;
		background: var(--surface-light);
	}
	.frm-col-last {
		grid-column: 1 / -1;
		grid-row: 2;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: baseline;
		gap: .15rem 0;
		font-size: .75rem;
	}
	.frm-col-last .frm-last-meta::before { content: '\00B7'; margin: 0 .4rem; }

	/* Posts: author panel becomes a slim horizontal strip */
	.frm-posts { gap: .85rem; }
	.frm-post { grid-template-columns: 1fr; }
	.frm-post-author {
		flex-direction: row;
		align-items: center;
		gap: .55rem;
		border-right: none;
		border-bottom: 1px solid var(--border-light);
		padding: .5rem .9rem;
		text-align: left;
		background: linear-gradient(90deg, rgba(201,168,76,.09), transparent);
	}
	.frm-avatar { width: 32px; height: 32px; }
	.frm-avatar-fallback { font-size: .95rem; }
	.frm-author-posts { margin-left: auto; }
	.frm-post-main { padding: .6rem .9rem .8rem; }
	.frm-post-meta { gap: .6rem; }

	.frm-category-title { padding: .55rem .9rem; }
	.frm-move-form { margin-left: 0; }
	.frm-admin-edit-form { grid-template-columns: 1fr; }
	.frm-admin-count { display: none; }
}

/* -------------------------------------------------------
   5e monster stat block — rendered from {{monster markdown
   blocks (enabled for forums only)
   ------------------------------------------------------- */
.monster {
	display: block;
	font-family: 'scaly_sans_remakeregular', Verdana, Geneva, sans-serif;
	font-size: 11pt;
	margin-bottom: 1em;
	margin-top: 9px;
	padding: 5px 10px;
	width: 100%;
	max-width: 500px;
	position: relative;
	background-color: #FDF1DC;
	border-style: solid;
	border-width: 0px;
	border-top: 2px solid #E69A28;
	border-bottom: 2px solid #E69A28;
	box-shadow: 0px 0px 6px #FAF7EA;
}

.monster hr {
	color: #822000;
}

.monster table {
	font-family: 'scaly_sans_remakeregular', Verdana, Geneva, sans-serif;
	width: 100%;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 10pt;
	line-height: 1.1em;
}

.monster table thead {
	font-weight: 900;
}

.monster table thead th {
	font-weight: 900;
}

.monster table tbody tr td {
	padding: .3em .1em;
	text-align: center;
}

.monster table tbody tr:nth-child(odd) {
	background-color: #FDF1DC;
}

.monster h2 {
	margin-bottom: -5px;
	margin-top: 2px;
}

.monster p {
	margin-bottom: 2px;
	margin-top: 2px;
}