@charset "utf-8";

/* Shared quote rendering for the editor, board view and member pages. */
html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(blockquote.rara-feature-quote[class*="rara-quote-style-"],blockquote.rara-quote[class*="rara-quote-style-"],blockquote[data-rara-quote-style],.se-module-quotation[data-rara-quote-style]) {
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:28px 0 !important;
    color:#1f2937 !important;
    font-size:18px !important;
    font-style:normal !important;
    font-weight:500 !important;
    line-height:1.75 !important;
    box-sizing:border-box !important;
}

html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(blockquote.rara-feature-quote[class*="rara-quote-style-"],blockquote.rara-quote[class*="rara-quote-style-"],blockquote[data-rara-quote-style],.se-module-quotation[data-rara-quote-style])::before,
html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(blockquote.rara-feature-quote[class*="rara-quote-style-"],blockquote.rara-quote[class*="rara-quote-style-"],blockquote[data-rara-quote-style],.se-module-quotation[data-rara-quote-style])::after {
    pointer-events:none !important;
    box-sizing:border-box !important;
}

html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-double,[data-rara-quote-style="double"]) {
    padding:52px 40px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    text-align:center !important;
}

html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-double,[data-rara-quote-style="double"])::before,
html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-double,[data-rara-quote-style="double"])::after {
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    display:block !important;
    width:30px !important;
    height:22px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#6b7280 !important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Cpath d='M9.5 3C4.8 5.4 2 9.1 2 14.2 2 18.7 4.8 22 8.7 22c3.5 0 6.3-2.6 6.3-6 0-3.2-2.4-5.6-5.4-5.6-.8 0-1.5.2-2.1.4.8-2.1 2.5-3.9 5-5.3L9.5 3Zm15 0C19.8 5.4 17 9.1 17 14.2c0 4.5 2.8 7.8 6.7 7.8 3.5 0 6.3-2.6 6.3-6 0-3.2-2.4-5.6-5.4-5.6-.8 0-1.5.2-2.1.4.8-2.1 2.5-3.9 5-5.3L24.5 3Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Cpath d='M9.5 3C4.8 5.4 2 9.1 2 14.2 2 18.7 4.8 22 8.7 22c3.5 0 6.3-2.6 6.3-6 0-3.2-2.4-5.6-5.4-5.6-.8 0-1.5.2-2.1.4.8-2.1 2.5-3.9 5-5.3L9.5 3Zm15 0C19.8 5.4 17 9.1 17 14.2c0 4.5 2.8 7.8 6.7 7.8 3.5 0 6.3-2.6 6.3-6 0-3.2-2.4-5.6-5.4-5.6-.8 0-1.5.2-2.1.4.8-2.1 2.5-3.9 5-5.3L24.5 3Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
    transform:translateX(-50%) !important;
}

html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-double,[data-rara-quote-style="double"])::before { top:12px !important; }
html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-double,[data-rara-quote-style="double"])::after { right:auto !important; bottom:12px !important; transform:translateX(-50%) rotate(180deg) !important; }

html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-vertical,[data-rara-quote-style="vertical"]) {
    padding:12px 24px !important;
    border:0 !important;
    border-left:3px solid #596273 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    text-align:left !important;
}

html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-vertical,[data-rara-quote-style="vertical"])::before,
html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-vertical,[data-rara-quote-style="vertical"])::after { content:none !important; display:none !important; }

html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-speech,[data-rara-quote-style="speech"]) {
    padding:24px 28px !important;
    border:2px solid #9aa1aa !important;
    border-radius:2px !important;
    background:#fff !important;
    box-shadow:none !important;
    text-align:left !important;
}

html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-speech,[data-rara-quote-style="speech"])::before { content:none !important; display:none !important; }
html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-speech,[data-rara-quote-style="speech"])::after {
    content:"" !important;
    position:absolute !important;
    right:22px !important;
    bottom:-11px !important;
    display:block !important;
    width:18px !important;
    height:18px !important;
    border:0 !important;
    border-right:2px solid #9aa1aa !important;
    border-bottom:2px solid #9aa1aa !important;
    background:#fff !important;
    transform:skewY(45deg) !important;
}

html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-linequote,[data-rara-quote-style="linequote"]) {
    padding:40px 0 14px !important;
    border:0 !important;
    border-bottom:2px solid #6b7280 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    text-align:left !important;
}

html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-linequote,[data-rara-quote-style="linequote"])::before {
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:5px !important;
    display:block !important;
    width:28px !important;
    height:21px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:#6b7280 !important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Cpath d='M9.5 3C4.8 5.4 2 9.1 2 14.2 2 18.7 4.8 22 8.7 22c3.5 0 6.3-2.6 6.3-6 0-3.2-2.4-5.6-5.4-5.6-.8 0-1.5.2-2.1.4.8-2.1 2.5-3.9 5-5.3L9.5 3Zm15 0C19.8 5.4 17 9.1 17 14.2c0 4.5 2.8 7.8 6.7 7.8 3.5 0 6.3-2.6 6.3-6 0-3.2-2.4-5.6-5.4-5.6-.8 0-1.5.2-2.1.4.8-2.1 2.5-3.9 5-5.3L24.5 3Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Cpath d='M9.5 3C4.8 5.4 2 9.1 2 14.2 2 18.7 4.8 22 8.7 22c3.5 0 6.3-2.6 6.3-6 0-3.2-2.4-5.6-5.4-5.6-.8 0-1.5.2-2.1.4.8-2.1 2.5-3.9 5-5.3L9.5 3Zm15 0C19.8 5.4 17 9.1 17 14.2c0 4.5 2.8 7.8 6.7 7.8 3.5 0 6.3-2.6 6.3-6 0-3.2-2.4-5.6-5.4-5.6-.8 0-1.5.2-2.1.4.8-2.1 2.5-3.9 5-5.3L24.5 3Z'/%3E%3C/svg%3E") center/contain no-repeat !important;
}

html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-linequote,[data-rara-quote-style="linequote"])::after { content:none !important; display:none !important; }

html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-postit,[data-rara-quote-style="postit"]) {
    padding:26px 30px !important;
    border:2px solid #9aa1aa !important;
    border-radius:0 !important;
    background:#fffdf4 !important;
    box-shadow:0 7px 18px rgba(15,23,42,.08) !important;
    text-align:left !important;
}

html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-postit,[data-rara-quote-style="postit"])::before { content:none !important; display:none !important; }
html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-postit,[data-rara-quote-style="postit"])::after {
    content:"" !important;
    position:absolute !important;
    right:-2px !important;
    bottom:-2px !important;
    display:block !important;
    width:17px !important;
    height:17px !important;
    border:0 !important;
    background:linear-gradient(135deg,#d1d5db 0 49%,#fff 50% 100%) !important;
}

html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-frame,[data-rara-quote-style="frame"]) {
    padding:28px 32px !important;
    border:0 !important;
    border-radius:0 !important;
    background-color:transparent !important;
    background-image:linear-gradient(#697180,#697180),linear-gradient(#697180,#697180),linear-gradient(#697180,#697180),linear-gradient(#697180,#697180),linear-gradient(#697180,#697180),linear-gradient(#697180,#697180),linear-gradient(#697180,#697180),linear-gradient(#697180,#697180) !important;
    background-position:left top,left top,right top,right top,right bottom,right bottom,left bottom,left bottom !important;
    background-size:24px 2px,2px 18px,24px 2px,2px 18px,24px 2px,2px 18px,24px 2px,2px 18px !important;
    background-repeat:no-repeat !important;
    box-shadow:none !important;
    text-align:left !important;
}

html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-frame,[data-rara-quote-style="frame"])::before,
html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-frame,[data-rara-quote-style="frame"])::after { content:none !important; display:none !important; }

/* Old quotes no longer use the legacy green box; show a quiet neutral quotation. */
html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(blockquote,.se-module-quotation):not([data-rara-quote-style]):not([class*="rara-quote-style-"]) {
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:28px 0 !important;
    padding:12px 24px !important;
    border:0 !important;
    border-left:3px solid #596273 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:#1f2937 !important;
    font-size:18px !important;
    font-style:normal !important;
    font-weight:500 !important;
    line-height:1.75 !important;
    text-align:left !important;
    box-sizing:border-box !important;
}

html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(blockquote,.se-module-quotation):not([data-rara-quote-style]):not([class*="rara-quote-style-"])::before,
html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(blockquote,.se-module-quotation):not([data-rara-quote-style]):not([class*="rara-quote-style-"])::after { content:none !important; display:none !important; }

/* Explicit editor alignment wins over each quote style's visual default. */
html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(blockquote,.rara-feature-quote,.se-module-quotation)[data-rara-text-align="left"] { text-align:left !important; }
html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(blockquote,.rara-feature-quote,.se-module-quotation)[data-rara-text-align="center"] { text-align:center !important; }
html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(blockquote,.rara-feature-quote,.se-module-quotation)[data-rara-text-align="right"] { text-align:right !important; }
html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(blockquote,.rara-feature-quote,.se-module-quotation)[data-rara-text-align="justify"] { text-align:justify !important; }

@media (max-width:640px) {
    html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-double,[data-rara-quote-style="double"]) { padding:50px 22px !important; }
    html body :is(#bo_v_con,.member-view-content,.member-notice-content,.jodit-wysiwyg) :is(.rara-quote-style-speech,[data-rara-quote-style="speech"],.rara-quote-style-postit,[data-rara-quote-style="postit"],.rara-quote-style-frame,[data-rara-quote-style="frame"]) { padding-left:22px !important; padding-right:22px !important; }
}
