ancestor, so a bullet list nested under a
NUMBERED step still counts as the first bullet level and stays a filled
disc — only bullets nested under other bullets step down. */
ul.t-editor__list li ul.t-editor__list > li {
list-style-type: circle !important;
}
ul.t-editor__list li ul.t-editor__list li ul.t-editor__list > li {
list-style-type: square !important;
}
/* Screenshots exported from Salesforce Knowledge are often only 350-700px wide,
so they render tiny at their natural size. Scale content images up to fill the
available column width, capped at 860px so large captures don't get blurry or
overwhelm the text. Inline images (icons, badges) are left alone.
!important is required here: Scalar ships its own rule for content images
(img[data-scalar-name="scalar-image"], wrapped in :where() for near-zero
specificity) that ties with this rule on raw specificity count. Scalar's
stylesheet loads after ours, so it wins that tie by source order and silently
overrides width without !important, leaving small screenshots at native size.
max-height caps tall, narrow images (e.g. full-page infographics) so they
don't dominate the page — the browser's replaced-element sizing algorithm
shrinks width to match once max-height kicks in, so aspect ratio is preserved
either way. */
.page-node.t-prose img,
.t-editor__detail-content img {
width: 100% !important;
max-width: 860px !important;
max-height: 800px !important;
height: auto !important;
display: block;
margin-block: 1rem;
border-radius: 4px;
object-fit: contain;
}
/* AllDocs batch-conversion images (sf_kb_json_batch_convert.py /
sf_kb_batch_convert.py) use a smaller cap than the generic 860px/800px
above. Scoped to img.sfkb-batch-image, a class only these scripts emit (via
a raw tag rather than markdown image syntax) -- the 91
previously-hand-converted articles use plain markdown ![]() images with no
class and are unaffected. The extra class selector gives this rule higher
specificity than the generic rule above, so it wins on just these two
properties without editing that rule. */
.page-node.t-prose img.sfkb-batch-image,
.t-editor__detail-content img.sfkb-batch-image {
max-width: 600px !important;
max-height: 600px !important;
}
/* Opt-in size modifier for individual screenshots that read better small --
narrow UI fragments (a single dropdown, a filter bar, a small panel) that the
600px batch cap still blows up past their natural size. Add
class="sfkb-batch-image sfkb-image-sm" to the . Extra class keeps
specificity above the .sfkb-batch-image rule, so only the caps change. */
.page-node.t-prose img.sfkb-image-sm,
.t-editor__detail-content img.sfkb-image-sm {
max-width: 360px !important;
max-height: 360px !important;
}
/* Opt-in size modifier for batch images that need MORE room than the 600px
batch cap -- wide dashboard captures and full-screen flows where 600px loses
readable detail. Lifts them back to the generic content-image ceiling. */
.page-node.t-prose img.sfkb-image-lg,
.t-editor__detail-content img.sfkb-image-lg {
max-width: 860px !important;
max-height: 800px !important;
}
/* Scalar wraps every content image in a
that has no defined width of its own — it shrink-wraps to content (it's
display:flex with no explicit width). A percentage width on the above
resolves against that indeterminate width and silently falls back to the
image's natural pixel size, which is why small screenshots stayed tiny even
with !important on the rule. Forcing the figure to span the full
available column width gives the 's width:100% something real to
resolve against. */
.page-node.t-prose figure.image-upload-container,
.t-editor__detail-content figure.image-upload-container {
width: 100% !important;
display: block !important;
}
/* Don't stretch genuinely small assets like inline icons or logos. */
.page-node.t-prose img[width]:not([width="0"]),
.page-node.t-prose img.inline-image {
width: auto !important;
max-width: 100% !important;
max-height: none !important;
display: inline-block;
}
/* The par-ordering homepage hero has its own small inline logo mark
(.par-punchh-hero-title img, sized to 36px tall by the page's own