/* BlockEditor – stilovi sadržaja */
.be-content { line-height: 1.7; overflow-wrap: break-word; }
.be-content > :first-child { margin-top: 0; }
.be-content > :last-child { margin-bottom: 0; }
.be-content p { margin: 0 0 var(--be-gap, 1em); }
.be-content a { color: var(--be-link, var(--be-accent, #2557d6)); text-decoration: underline; text-decoration-thickness: .08em; text-underline-offset: .18em; }
.be-content a:hover { text-decoration-thickness: .15em; }
.be-content strong { font-weight: 700; }
.be-content code { font-family: var(--be-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace); font-size: .875em; padding: .12em .36em; border-radius: 4px; background: rgba(127,127,127,.15); background: color-mix(in srgb, currentColor 9%, transparent); }
.be-content sub, .be-content sup { font-size: .72em; line-height: 0; position: relative; vertical-align: baseline; }
.be-content sup { top: -.5em; }
.be-content sub { bottom: -.25em; }
.be-content .text-center { text-align: center; }
.be-content .text-right { text-align: right; }
.be-content .text-justify { text-align: justify; hyphens: auto; }

.be-content h1, .be-content h2, .be-content h3, .be-content h4, .be-content h5, .be-content h6 { margin: 1.6em 0 .55em; line-height: 1.25; font-weight: 700; letter-spacing: -.01em; }
.be-content h2 { font-size: 1.55em; }
.be-content h3 { font-size: 1.28em; }
.be-content h4 { font-size: 1.1em; }
.be-content h5 { font-size: 1em; }
.be-content h6 { font-size: .9em; text-transform: uppercase; letter-spacing: .04em; }

.be-content ul, .be-content ol { margin: 0 0 var(--be-gap, 1em); padding-left: 1.6em; }
.be-content li { margin: .3em 0; }
.be-content li > ul, .be-content li > ol { margin: .3em 0 0; }
.be-content ul { list-style: disc; }
.be-content ul ul { list-style: circle; }
.be-content ul ul ul { list-style: square; }
.be-content ol { list-style: decimal; }
.be-content ol ol { list-style: lower-alpha; }
.be-content ol ol ol { list-style: lower-roman; }

.be-content blockquote { margin: 0 0 var(--be-gap, 1em); padding: .15em 0 .15em 1.1em; border-left: 3px solid var(--be-accent, #2557d6); font-size: 1.08em; font-style: italic; }
.be-content blockquote p { margin: 0 0 .5em; }
.be-content blockquote p:last-child { margin-bottom: 0; }
.be-content figure.quote { margin: 0 0 var(--be-gap, 1em); }
.be-content figure.quote blockquote { margin: 0; }
.be-content figure.quote figcaption { margin: .55em 0 0 1.2em; font-size: .9em; font-style: normal; opacity: .72; text-align: left; }
.be-content figure.quote figcaption::before { content: "— "; }

.be-content pre { margin: 0 0 var(--be-gap, 1em); padding: 1em 1.15em; overflow-x: auto; border-radius: 8px; border: 1px solid rgba(127,127,127,.25); border-color: color-mix(in srgb, currentColor 12%, transparent); background: rgba(127,127,127,.07); background: var(--be-code-bg, color-mix(in srgb, currentColor 5%, transparent)); color: var(--be-code-fg, inherit); font-size: .875em; line-height: 1.6; tab-size: 4; }
.be-content pre code { padding: 0; font-size: inherit; background: none; border-radius: 0; white-space: pre; }

.be-content figure { margin: 0 0 var(--be-gap, 1em); }
.be-content figure img { display: block; max-width: 100%; height: auto; margin: 0 auto; border-radius: var(--be-radius, 6px); }
.be-content figure > figcaption { margin-top: .6em; font-size: .875em; line-height: 1.45; text-align: center; opacity: .72; }
.be-content figure.align-wide { margin-inline: min(0px, calc(50% - min(var(--be-wide, 1100px), 100vw - 32px) / 2)); }
.be-content figure.align-full { margin-inline: min(0px, calc(50% - 50vw)); }
.be-content figure.align-wide img, .be-content figure.align-full img { width: 100%; }
.be-content figure.align-full img { border-radius: 0; }
.be-content figure.align-left { float: left; max-width: 50%; margin: .3em 1.5em 1em 0; }
.be-content figure.align-right { float: right; max-width: 50%; margin: .3em 0 1em 1.5em; }
.be-content figure.align-left > figcaption, .be-content figure.align-right > figcaption { text-align: left; }
.be-content h2, .be-content h3, .be-content h4, .be-content hr, .be-content pre, .be-content .table-wrap, .be-content .embed { clear: both; }
@media (max-width: 600px) {
  .be-content figure.align-left, .be-content figure.align-right { float: none; max-width: 100%; margin: 0 0 var(--be-gap, 1em); }
}

.be-content hr { height: 0; margin: 2em 0; border: 0; border-top: 1px solid rgba(127,127,127,.35); border-top-color: color-mix(in srgb, currentColor 20%, transparent); }

.be-content .table-wrap { margin: 0 0 var(--be-gap, 1em); overflow-x: auto; }
.be-content table { width: 100%; margin: 0; border-collapse: collapse; font-size: .95em; }
.be-content th, .be-content td { padding: .55em .8em; border: 1px solid rgba(127,127,127,.3); border-color: color-mix(in srgb, currentColor 16%, transparent); text-align: left; vertical-align: top; }
.be-content thead th { font-weight: 650; background: rgba(127,127,127,.08); background: color-mix(in srgb, currentColor 5%, transparent); }

.be-content .callout { --be-c: var(--be-info, #2563eb); margin: 0 0 var(--be-gap, 1em); padding: .85em 1.1em; border-left: 4px solid var(--be-c); border-radius: 6px; background: rgba(127,127,127,.08); background: color-mix(in srgb, var(--be-c) 10%, transparent); }
.be-content .callout p { margin: 0; }
.be-content .callout-success { --be-c: var(--be-success, #16a34a); }
.be-content .callout-warning { --be-c: var(--be-warning, #d97706); }
.be-content .callout-danger { --be-c: var(--be-danger, #dc2626); }

.be-content figure.embed iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: var(--be-radius, 6px); }

.be-content .layout { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--be-col-gap, 2em); align-items: start; margin: 0 0 var(--be-gap, 1em); }
.be-content .layout-1-1-1 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.be-content .layout-1-2 { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
.be-content .layout-2-1 { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.be-content .layout-1-1-1-1 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.be-content .layout-col { min-width: 0; }
.be-content .layout-col > :first-child { margin-top: 0; }
.be-content .layout-col > :last-child { margin-bottom: 0; }
.be-content .layout-col figure.align-wide, .be-content .layout-col figure.align-full { margin-inline: 0; }
@media (max-width: 900px) {
  .be-content .layout-1-1-1-1 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .be-content .layout { grid-template-columns: minmax(0, 1fr); }
}

.be-content .custom-html { margin: 0 0 var(--be-gap, 1em); }

.be-content .file { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2em .6em; margin: 0 0 var(--be-gap, 1em); padding: .75em 1em; border: 1px solid rgba(127,127,127,.3); border-color: color-mix(in srgb, currentColor 16%, transparent); border-radius: 8px; }
.be-content .file::before { content: ""; flex: none; align-self: center; width: .95em; height: 1.15em; background: currentColor; opacity: .55; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cpath d='M12.5 0H3a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7.5zM12 1.5 18.5 8H12z' fill-rule='evenodd'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 24'%3E%3Cpath d='M12.5 0H3a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7.5zM12 1.5 18.5 8H12z' fill-rule='evenodd'/%3E%3C/svg%3E") center / contain no-repeat; }
.be-content .file a { font-weight: 600; }
.be-content .file small { font-size: .82em; opacity: .65; }

.be-content .text-red { color: var(--be-color-red, #c62828); }
.be-content .text-orange { color: var(--be-color-orange, #c2410c); }
.be-content .text-green { color: var(--be-color-green, #15803d); }
.be-content .text-blue { color: var(--be-color-blue, #1d4ed8); }
.be-content .text-purple { color: var(--be-color-purple, #7e22ce); }
.be-content .text-gray { color: var(--be-color-gray, #6b7280); }
.be-content mark { color: inherit; padding: .05em .15em; border-radius: 3px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.be-content mark.bg-yellow { background: var(--be-bg-yellow, #fff2a8); }
.be-content mark.bg-green { background: var(--be-bg-green, #cdf5d3); }
.be-content mark.bg-blue { background: var(--be-bg-blue, #d3e5ff); }
.be-content mark.bg-pink { background: var(--be-bg-pink, #ffd9e8); }
.be-content mark.bg-orange { background: var(--be-bg-orange, #ffe2c2); }
.be-content mark.bg-gray { background: var(--be-bg-gray, #e7e7ea); }