img.bbcode-image {
	max-width:500px;
	max-height:700px;
}


div.comment img.bbcode-image {
	max-width:400px;
	max-height:100px;
}

/* [LIST]/[LIST=1] (Issue #79): der Lachschon-Reset (main.css) setzt
   ol,ul{list-style:none} und margin/padding:0 — BBCode-Listen kamen
   dadurch als nackte Zeilenumbrüche ohne Punkte an. Gestylt wird das
   <li data-xf-list-type> des BBCode-Renderers statt ul/ol, damit die
   Navigations- und Widget-Listen der Seite unberührt bleiben. */
li[data-xf-list-type] {
	display:list-item;
	margin-left:2em;
}
li[data-xf-list-type="ul"] {
	list-style:disc outside;
}
li[data-xf-list-type="ol"] {
	list-style:decimal outside;
}
/* Der flache Snippet-Renderer (domain/frontpage/bbcode.py, genutzt von
   Suche/Kommentare/Frontpage) markiert seine Listen per Klasse. */
ul.bbcode-list, ol.bbcode-list {
	margin-left:2em;
}
ul.bbcode-list > li {
	display:list-item;
	list-style:disc outside;
}
ol.bbcode-list > li {
	display:list-item;
	list-style:decimal outside;
}

/* [SPOILER]: transform_body baut XFs bbCodeSpoiler zu <details class="spoiler">
   um (Issue #67) — Optik angelehnt an den Spoiler-Button der Frontpage. */
details.spoiler {
	margin:4px 0;
}
details.spoiler > summary {
	cursor:pointer;
	width:fit-content;
	border:1px solid rgba(128,128,128,.4);
	border-radius:6px;
	padding:3px 10px;
	font-size:12px;
	font-weight:600;
	opacity:.7;
	transition:.2s;
}
details.spoiler > summary:hover {
	opacity:1;
}
details.spoiler[open] > div {
	margin:4px 0;
	padding:8px;
	border:1px dashed rgba(128,128,128,.4);
	border-radius:6px;
}

/* [ISPOILER]: XFs bbCodeInlineSpoiler-Span bleibt im Body-Dialekt erhalten
   (Issue #114) — Blur-Regeln aus XFs kompiliertem bb_code.less; den
   Klick-Toggle (data-xf-click="toggle-class") macht interactions.js. Die
   pointer-events-Regel lässt den Klick aufs Span statt auf innere
   Links/Spans gehen, solange der Spoiler zu ist. */
.bbCodeInlineSpoiler {
	filter:blur(6px);
	cursor:pointer;
}
.bbCodeInlineSpoiler:hover {
	filter:blur(5px);
}
.bbCodeInlineSpoiler a,
.bbCodeInlineSpoiler span {
	pointer-events:none;
}
.bbCodeInlineSpoiler .smilie {
	filter:grayscale(90%);
}