@charset "UTF-8";
/*
 * Danbee Editor Output / Modern v0.3.0
 * Compatibility baseline: SmartEditor2 Modern v3.51.1
 */

/* Modern inline-image metadata created by hp_SE2M_ModernImageUX.js */
.db-editor-modern [data-mansup-modern-image-block] {
    display:block;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
}
.db-editor-modern [data-mansup-modern-image-block] img {
    max-width:100% !important;
    height:auto !important;
}
.db-editor-modern [data-mansup-modern-caption] {
    display:block;
    max-width:100%;
    margin-top:8px;
    color:#7a8794;
    font-size:13px;
    line-height:1.55;
}

/* SmartEditor2 quote 1~10. Structural rules intentionally outrank theme resets. */
.db-editor-modern blockquote[class*="se2_quote"] {
    display:block !important;
    position:relative !important;
    width:auto !important;
    max-width:100% !important;
    min-height:0 !important;
    box-sizing:border-box !important;
    color:#888 !important;
    font:inherit !important;
    line-height:1.7 !important;
    box-shadow:none !important;
    border-radius:0 !important;
}
.db-editor-modern blockquote[class*="se2_quote"] > p {
    margin:0 0 .6em !important;
    padding:0 !important;
    color:inherit !important;
}
.db-editor-modern blockquote[class*="se2_quote"] > p:last-child { margin-bottom:0 !important; }

.db-editor-modern blockquote.se2_quote1 {
    margin:0 0 30px 20px !important;
    padding:0 8px !important;
    border:0 !important;
    border-left:2px solid #ccc !important;
    background:none !important;
    color:#888 !important;
}

/* Portable quote glyph instead of editor-internal bg_quote2.gif path. */
.db-editor-modern blockquote.se2_quote2 {
    margin:0 0 30px 13px !important;
    padding:0 8px 0 16px !important;
    border:0 !important;
    background:transparent !important;
    color:#888 !important;
}
.db-editor-modern blockquote.se2_quote2::before {
    content:'“' !important;
    display:block !important;
    position:absolute !important;
    left:-2px !important;
    top:-5px !important;
    color:#aeb4ba !important;
    font:700 25px/1 Georgia,serif !important;
}
.db-editor-modern blockquote.se2_quote2::after { content:none !important; display:none !important; }

.db-editor-modern blockquote.se2_quote3 {
    margin:0 0 30px !important;
    padding:12px 10px 11px !important;
    border:1px dashed #ccc !important;
    background:#fff !important;
}
.db-editor-modern blockquote.se2_quote4 {
    margin:0 0 30px !important;
    padding:12px 10px 11px !important;
    border:1px dashed #66b246 !important;
    background:#fff !important;
}
.db-editor-modern blockquote.se2_quote5 {
    margin:0 0 30px !important;
    padding:12px 10px 11px !important;
    border:1px dashed #ccc !important;
    background:#fafafa !important;
}
.db-editor-modern blockquote.se2_quote6 {
    margin:0 0 30px !important;
    padding:12px 10px 11px !important;
    border:1px solid #e5e5e5 !important;
    background:#fff !important;
}
.db-editor-modern blockquote.se2_quote7 {
    margin:0 0 30px !important;
    padding:12px 10px 11px !important;
    border:1px solid #66b246 !important;
    background:#fff !important;
}
.db-editor-modern blockquote.se2_quote8 {
    margin:0 0 30px !important;
    padding:12px 10px 11px !important;
    border:1px solid #e5e5e5 !important;
    background:#fafafa !important;
}
.db-editor-modern blockquote.se2_quote9 {
    margin:0 0 30px !important;
    padding:12px 10px 11px !important;
    border:2px solid #e5e5e5 !important;
    background:#fff !important;
}
.db-editor-modern blockquote.se2_quote10 {
    margin:0 0 30px !important;
    padding:12px 10px 11px !important;
    border:2px solid #e5e5e5 !important;
    background:#fafafa !important;
}

/* Themes sometimes create decorative quote pseudo-elements. Disable except quote2. */
.db-editor-modern blockquote.se2_quote1::before,
.db-editor-modern blockquote.se2_quote1::after,
.db-editor-modern blockquote.se2_quote3::before,
.db-editor-modern blockquote.se2_quote3::after,
.db-editor-modern blockquote.se2_quote4::before,
.db-editor-modern blockquote.se2_quote4::after,
.db-editor-modern blockquote.se2_quote5::before,
.db-editor-modern blockquote.se2_quote5::after,
.db-editor-modern blockquote.se2_quote6::before,
.db-editor-modern blockquote.se2_quote6::after,
.db-editor-modern blockquote.se2_quote7::before,
.db-editor-modern blockquote.se2_quote7::after,
.db-editor-modern blockquote.se2_quote8::before,
.db-editor-modern blockquote.se2_quote8::after,
.db-editor-modern blockquote.se2_quote9::before,
.db-editor-modern blockquote.se2_quote9::after,
.db-editor-modern blockquote.se2_quote10::before,
.db-editor-modern blockquote.se2_quote10::after {
    content:none !important;
    display:none !important;
}


/* =========================================================
 * Modern v3.51.1 explicit block controls
 *
 * These rules are deliberately later/more specific than the native se2_quote
 * presets. JS handles arbitrary numeric widths/padding and restores inline
 * authored values with !important when a theme uses stronger selectors.
 * ========================================================= */

/* Modern table placement. */
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) table:is(
    [data-mansup-modern-table-align="left"],
    [data-mansup-table-align="left"]
) {
    float:none !important;
    margin-left:0 !important;
    margin-right:auto !important;
}
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) table:is(
    [data-mansup-modern-table-align="center"],
    [data-mansup-table-align="center"]
) {
    float:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) table:is(
    [data-mansup-modern-table-align="right"],
    [data-mansup-table-align="right"]
) {
    float:none !important;
    margin-left:auto !important;
    margin-right:0 !important;
}
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) table:is(
    [data-mansup-modern-table-width="100%"], [data-mansup-table-width="100%"]
) { width:100% !important; }
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) table:is(
    [data-mansup-modern-table-width="75%"], [data-mansup-table-width="75%"]
) { width:75% !important; }
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) table:is(
    [data-mansup-modern-table-width="50%"], [data-mansup-table-width="50%"]
) { width:50% !important; }

/* Modern quote block width + placement + content alignment. */
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) blockquote[data-mansup-modern-quote] {
    box-sizing:border-box !important;
    max-width:100% !important;
    float:none !important;
}
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) blockquote[data-mansup-modern-quote-width="100"] { width:100% !important; }
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) blockquote[data-mansup-modern-quote-width="75"] { width:75% !important; }
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) blockquote[data-mansup-modern-quote-width="50"] { width:50% !important; }

html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) blockquote[data-mansup-modern-quote-align="left"] {
    margin-left:0 !important;
    margin-right:auto !important;
}
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) blockquote[data-mansup-modern-quote-align="center"] {
    margin-left:auto !important;
    margin-right:auto !important;
}
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) blockquote[data-mansup-modern-quote-align="right"] {
    margin-left:auto !important;
    margin-right:0 !important;
}

html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) blockquote[data-mansup-modern-quote-content-align="left"],
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) blockquote[data-mansup-modern-quote-content-align="left"] :is(p,div,li,ul,ol,h1,h2,h3,h4,h5,h6,pre,address,dd,dt) {
    text-align:left !important;
}
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) blockquote[data-mansup-modern-quote-content-align="center"],
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) blockquote[data-mansup-modern-quote-content-align="center"] :is(p,div,li,ul,ol,h1,h2,h3,h4,h5,h6,pre,address,dd,dt) {
    text-align:center !important;
}
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) blockquote[data-mansup-modern-quote-content-align="right"],
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) blockquote[data-mansup-modern-quote-content-align="right"] :is(p,div,li,ul,ol,h1,h2,h3,h4,h5,h6,pre,address,dd,dt) {
    text-align:right !important;
}

/* JS-normalized hooks are a fallback when a purifier kept inline styles but
   removed some data-* attributes. */
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) [data-db-output-align-kind="quote-block"][data-db-output-align="left"] {
    margin-left:0 !important; margin-right:auto !important;
}
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) [data-db-output-align-kind="quote-block"][data-db-output-align="center"] {
    margin-left:auto !important; margin-right:auto !important;
}
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) [data-db-output-align-kind="quote-block"][data-db-output-align="right"] {
    margin-left:auto !important; margin-right:0 !important;
}
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) [data-db-output-align-kind="quote-content"][data-db-output-align="left"] { text-align:left !important; }
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) [data-db-output-align-kind="quote-content"][data-db-output-align="center"] { text-align:center !important; }
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) [data-db-output-align-kind="quote-content"][data-db-output-align="right"] { text-align:right !important; }

/* Modern image size/placement. The common bridge re-applies arbitrary pixel
   widths from data-mansup-modern-width-px; these rules cover alignment even
   before JS runs. */
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) img[data-mansup-modern-align="left"] {
    display:block !important; float:none !important; margin-left:0 !important; margin-right:auto !important;
}
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) img[data-mansup-modern-align="center"] {
    display:block !important; float:none !important; margin-left:auto !important; margin-right:auto !important;
}
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) img[data-mansup-modern-align="right"] {
    display:block !important; float:none !important; margin-left:auto !important; margin-right:0 !important;
}
html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) [data-mansup-modern-image-block] {
    max-width:100% !important;
    box-sizing:border-box !important;
}

@media (max-width:640px) {
    html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) blockquote[data-mansup-modern-quote],
    html body :is(#db-editor-output-scope, .db-editor-output.db-editor-modern) table {
        max-width:100% !important;
    }
}