/* Applicant shell only. Desktop keeps its existing layout and section links. */
.application-mobile-bar, .application-menu-heading { display: none; }
@media (max-width: 800px) {
    html, body { min-width: 0; width: 100%; box-sizing: border-box; }
    #maincontainer, #mainbody, #mainheader { box-sizing: border-box; width: 100%; min-width: 0; }
    #mainbody { padding: 12px; }
    .application-header, .application-layout { width: 100%; border-spacing: 0; }
    .application-header > tbody > tr > td:first-child { width: 72px; padding-right: 12px !important; height: auto; }
    .application-header img { width: 72px; height: auto; }
    .application-header h1 { font: 600 20px/1.3 Arial, sans-serif; }
    .application-layout, .application-layout > tbody, .application-layout > tbody > tr,
    #application-sidebar, #application-content { display: block; width: 100%; min-width: 0; box-sizing: border-box; }
    #application-content { overflow-wrap: anywhere; }
    #application-content fieldset { min-width: 0; max-width: 100%; box-sizing: border-box; margin-left: 0; margin-right: 0; }
    #application-content input, #application-content select, #application-content textarea {
        box-sizing: border-box; max-width: 100%; font-size: 16px;
    }
    #application-content input:not([type=hidden]):not([type=radio]):not([type=checkbox]),
    #application-content select { min-height: 44px; }
    #application-content textarea { width: 100%; }
    #application-content input[type=radio], #application-content input[type=checkbox] { min-width: 20px; min-height: 20px; vertical-align: middle; margin: 10px 6px; }
    #application-content img { max-width: 100%; height: auto; }
    #progresstext { position: relative; height: auto; padding: 10px; }
    #progresstext .title { margin: 0; font-size: 22px; line-height: 1.35; }
    #progressbar { display: none; }
    /* The mobile bar already names the current step. Keep the desktop title as fallback. */
    .application-mobile-ready #bardivs,
    .application-mobile-ready #bardivs + br { display: none; }
    .footer { position: static; width: auto; height: auto; padding: 16px; }
    .application-mobile-ready .application-mobile-bar { display: flex; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 16px; }
    .application-mobile-bar p { margin: 0; font-size: 15px; line-height: 1.4; }
    .application-mobile-bar button, .application-menu-heading button {
        min-height: 44px; padding: 10px 16px; border: 1px solid #185780; border-radius: 5px; background: #fff; color: #185780; font: 600 16px/1.4 Arial, sans-serif; cursor: pointer;
    }
    .application-mobile-bar button:focus, #application-sidebar a:focus, .application-menu-heading button:focus { outline: 3px solid #b45309; outline-offset: 2px; }
    .application-mobile-ready #application-sidebar { display: none; }
    body.application-menu-open { position: fixed; width: 100%; overflow: hidden; }
    .application-menu-open #application-sidebar {
        display: block; position: fixed; inset: 0; z-index: 10000; width: 100%; height: 100%; height: 100dvh; overflow-y: auto; overscroll-behavior: contain; background: #fafbfc; padding: 16px; padding-bottom: max(24px, env(safe-area-inset-bottom));
    }
    .application-menu-open .application-menu-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
    .application-menu-heading h2 { font: 600 20px/1.3 Arial, sans-serif; }
    #application-sidebar .mod-box { width: auto; }
    #application-sidebar .menu-sidebar a { display: block; box-sizing: border-box; min-height: 48px; padding: 12px; font-size: 16px; line-height: 1.5; }
    #application-sidebar [aria-current=page] { background: #e1eef7; border-left: 4px solid #185780; font-weight: bold; }
    /* These contact tables use adjacent label/value cells, so stacking preserves order. */
    .application-contact table, .application-contact tbody, .application-contact tr, .application-contact td {
        display: block; width: 100% !important; box-sizing: border-box;
    }
    .application-contact td { text-align: left; padding: 4px 0; }
    .application-contact input[type=text], .application-contact input[type=tel], .application-contact select { max-width: 100%; }
    .application-contact table input[type=text], .application-contact table input[type=tel] { width: 100%; }
}

/* Each employment label stays with its original control at every width. */
.application-employment-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.application-employment-field { min-width: 0; }
#Form1 .application-employment-field > label { display: block; float: none; width: auto; margin: 0 0 6px; line-height: 1.5; }
.application-employment-field input, .application-employment-field select, .application-employment-field textarea { box-sizing: border-box; width: 100%; max-width: 100%; }
.application-employment-field--wide { grid-column: 1 / -1; }
@media (max-width: 800px) {
    .application-employment-fields { grid-template-columns: minmax(0, 1fr); }
    #application-content .application-education-table,
    #application-content .application-education-table > tbody,
    #application-content .application-education-table > tbody > tr,
    #application-content .application-education-table > tbody > tr > td {
        display: block; width: 100%; box-sizing: border-box;
    }
    #application-content .application-education-table td { padding: 8px; }
    #application-content .application-education-table input[type=text] { width: 100%; }
    #application-content .application-education-table select { margin: 4px 4px 4px 0; }
}

@media (max-width: 800px) {
    /* Legacy 25px rows cannot contain 44px touch controls, especially when labels wrap. */
    #application-content .application-education-row {
        height: auto !important; padding-left: 0 !important; margin: 12px 0 16px; line-height: 1.5;
    }
    #application-content .application-education-row input,
    #application-content .application-education-row select,
    #application-content .application-education-majors input,
    #application-content .application-education-majors select {
        display: block; width: 100%; max-width: 100%; margin: 6px 0 12px;
    }
    #application-content .application-education-majors { padding-left: 0 !important; line-height: 1.5; }
    #application-content .application-education-majors nobr { white-space: normal; }
    #application-content .application-education-section .box-info { text-align: left; }
}

.application-teaching-entry { margin: 20px 0; padding-top: 12px; border-top: 1px solid #cbd5df; }
.application-teaching-entry h3 { font: 600 16px/1.4 Arial, sans-serif; }
.application-inbox { min-width: 0; overflow-wrap: anywhere; }
.application-inbox-table { width: 100%; border-collapse: collapse; margin: 16px 0 24px; }
.application-inbox-table td { padding: 12px; border-bottom: 1px solid #cbd5df; vertical-align: top; }
.application-inbox-head { background: #ebf5fa; }
.application-inbox .application-inbox-action, .application-inbox a.button {
    display: inline-block; box-sizing: border-box; min-height: 44px; width: auto; max-width: 100%; margin: 6px 8px 6px 0;
    padding: 10px 16px; border: 1px solid #185780; border-radius: 5px; background: #fff; color: #185780;
    font: 600 16px/1.4 Arial, sans-serif; text-align: center; text-decoration: none; text-shadow: none; cursor: pointer;
}
.application-inbox #sendbutton { background: #185780; color: #fff; }
.application-inbox a:focus, .application-inbox button:focus { outline: 3px solid #b45309; outline-offset: 2px; }
@media (max-width: 800px) {
    .application-inbox-table, .application-inbox-table > tbody, .application-inbox-table tr, .application-inbox-table td { display: block; width: 100%; box-sizing: border-box; }
    .application-inbox-table .application-inbox-head { display: none; }
    .application-inbox-table tr { margin: 12px 0; border: 1px solid #cbd5df; border-radius: 5px; background: #fff; }
    .application-inbox-table td { padding: 8px 12px; border: 0; }
    .application-inbox-table td:first-child { font-size: 16px; }
    .application-inbox-table a { display: inline-block; min-height: 44px; box-sizing: border-box; padding: 10px 0; line-height: 1.5; }
    .application-inbox-table .delete a { padding: 10px 14px; border: 1px solid #64748b; border-radius: 5px; }
    #application-content .application-inbox input[type=text],
    #application-content .application-inbox select,
    #application-content .application-inbox textarea { display: block; width: 100%; max-width: 100%; }
    #application-content .application-inbox legend { max-width: 100%; box-sizing: border-box; white-space: normal; }
    .application-inbox .box-info { padding-left: 16px; background-image: none; text-align: left; }
    .application-inbox .box-info ul { margin: 0; padding-left: 20px; }
}

@media (max-width: 800px) {
    .application-teaching-form .box-info { text-align: left; }
}

.application-intercultural-fields { margin: 12px 0 20px; }
.application-achievement-label { display: none; }
@media (max-width: 800px) {
    .application-intercultural-fields select { width: 100% !important; }
    .application-achievements #wrapper { width: 100%; margin: 0; }
    .application-achievements .box1, .application-achievements .box2, .application-achievements .box3 {
        float: none; width: 100%; box-sizing: border-box; margin-bottom: 12px;
    }
    .application-achievements .row { height: auto; margin: 0; }
    .application-achievements .application-achievement-head { display: none; }
    .application-achievement-label { display: block; margin: 8px 0 6px; line-height: 1.5; }
    .application-achievements select { margin: 4px 4px 4px 0; }
    .application-achievements input[type=text] { max-width: 100%; }
    .application-achievements .btn.form { float: none; display: inline-block; width: auto; background: none; padding: 0; margin: 6px 8px 6px 0; }
    .application-achievements .btn.form a {
        float: none; display: inline-block; box-sizing: border-box; min-height: 44px; padding: 10px 12px;
        border: 1px solid #64748b; border-radius: 5px; background: #fff; color: #185780; font: 600 14px/1.5 Arial, sans-serif;
    }
    .application-achievements a[id$="_remove_current"] { display: inline-flex; align-items: center; min-width: 44px; min-height: 44px; }
}
@media (max-width: 800px) {
    .application-achievements .message, .application-intercultural-form .message {
        position: static !important; left: auto !important; top: auto !important; max-width: 100%; box-sizing: border-box;
    }
}

.application-record-label { display: none; }
@media (max-width: 800px) {
    .application-family-placement .application-mobile-records,
    .application-family-placement .application-mobile-records > tbody,
    .application-family-placement .application-mobile-records tr,
    .application-family-placement .application-mobile-records td {
        display: block; width: 100%; box-sizing: border-box; height: auto; text-align: left;
    }
    .application-family-placement .application-mobile-records .application-mobile-record-head { display: none; }
    .application-family-placement .application-mobile-records tr { border-top: 1px solid #cbd5df; padding: 12px 0; }
    .application-family-placement .application-mobile-records td { padding: 6px 0; }
    .application-record-label { display: block; margin-bottom: 6px; font-weight: 600; }
    .application-family-placement .application-mobile-records input[type=text],
    .application-family-placement .application-mobile-records select { width: 100%; max-width: 100%; }
    .application-family-placement .message { position: static !important; left: auto !important; top: auto !important; max-width: 100%; box-sizing: border-box; }
    .application-family-placement .box-info { text-align: left; }
}

@media (max-width: 800px) {
    #application-content .application-contact-table,
    #application-content .application-contact-table > tbody,
    #application-content .application-contact-table tr,
    #application-content .application-contact-table td,
    #application-content .application-advertising table,
    #application-content .application-advertising table > tbody,
    #application-content .application-advertising tr,
    #application-content .application-advertising td {
        display: block; width: 100%; height: auto; box-sizing: border-box; text-align: left;
    }
    .application-contact-table tr { margin-bottom: 16px; }
    .application-contact-table td { padding: 3px 0; }
    .application-advertising tr { margin-bottom: 12px; }
    .application-advertising td { padding: 4px 0; }
    #application-content .application-emergency input[type=text],
    #application-content .application-emergency textarea,
    #application-content .application-emergency select,
    #application-content .application-advertising input[type=text],
    #application-content .application-advertising select { width: 100%; max-width: 100%; box-sizing: border-box; }
    .application-advertising label { line-height: 1.5; }
    .application-advertising .message, .application-emergency .message {
        position: static !important; left: auto !important; top: auto !important; max-width: 100%; box-sizing: border-box;
    }
}

@media (max-width: 800px) {
    #application-content .application-advertising .application-empty-cell { display: none; }
}

@media (max-width: 800px) {
    #application-content .application-medical table,
    #application-content .application-medical table > tbody,
    #application-content .application-medical tr,
    #application-content .application-medical td {
        display: block; width: 100%; height: auto; box-sizing: border-box;
    }
    #application-content .application-medical .application-medical-head { display: none; }
    .application-medical-records { border: 0; }
    .application-medical-records td { border: 0; padding: 8px 0; }
    .application-medical-records tr { border-top: 1px solid #cbd5df; padding: 8px 0; }
    .application-medical-choices td { padding: 8px 0; }
    #application-content .application-medical input[type=text],
    #application-content .application-medical input[type=month],
    #application-content .application-medical textarea { display: block; width: 100% !important; max-width: 100%; box-sizing: border-box; margin: 6px 0; }
    #application-content .application-medical input[type=number] { width: 80px !important; max-width: 100%; box-sizing: border-box; }
    .application-medical select { max-width: 100%; }
    .application-medical .message { position: static !important; left: auto !important; top: auto !important; max-width: 100%; box-sizing: border-box; }
}

@media (max-width: 800px) {
    #application-content .application-essay-paging,
    #application-content .application-essay-paging > tbody,
    #application-content .application-essay-paging tr,
    #application-content .application-essay-paging td { display: block; width: 100%; box-sizing: border-box; text-align: left; }
    .application-essay-paging td:first-child { display: none !important; }
    .application-essay-paging a { display: inline-block; min-height: 44px; box-sizing: border-box; padding: 12px 4px; }
    .application-essay #the-canvas { max-width: 100%; height: auto; box-sizing: border-box; }
    #application-content .application-essay #Essay { width: 100%; max-width: 100%; box-sizing: border-box; min-height: 300px; height: 60vh; font-size: 16px; line-height: 1.5; }
    .application-essay .box-info, .application-essay .box-warning, .application-essay .box-download { text-align: left; overflow-wrap: anywhere; }
    .application-essay .box-download a { display: inline-block; min-height: 44px; box-sizing: border-box; padding: 12px 0; }
}

@media (max-width: 800px) {
    #application-content #checklist,
    #application-content #checklist > tbody,
    #application-content #checklist > tbody > tr,
    #application-content #checklist > tbody > tr > td { display: block; width: 100%; box-sizing: border-box; }
    #application-content #checklist .application-upload-head { display: none; }
    #application-content #checklist > tbody > tr { margin-bottom: 16px; }
    #application-content #checklist > tbody > tr > td { font-size: 14px; overflow-wrap: anywhere; }
    #application-content .fileupload { max-width: 100%; margin: 0; }
    #application-content .fileupload .row,
    #application-content .fileupload .span5 { width: 100%; margin-left: 0; box-sizing: border-box; }
    #application-content .fileupload .table,
    #application-content .fileupload .files,
    #application-content .fileupload .files tr,
    #application-content .fileupload .files td { display: block; width: 100%; box-sizing: border-box; }
    #application-content .fileupload .files td { border: 0; overflow-wrap: anywhere; }
    #application-content .fileupload .btn { min-height: 44px; max-width: 100%; box-sizing: border-box; white-space: normal; padding: 10px 12px; }
    #application-content .fileupload .fileinput-button { float: none; margin: 0; overflow: hidden; }
    #application-content .fileupload .documenttype { font-size: 14px; }
    #application-content .fileupload .progress { width: 100%; }
}

#application-content #checklist { table-layout: fixed; }
/* Override legacy 10px status-column sizing in the reference request table. */
#application-content #checklist.application-reference-list th:nth-child(1) { width: 22%; }
#application-content #checklist.application-reference-list th:nth-child(2) { width: 24%; }
#application-content #checklist.application-reference-list th:nth-child(3) { width: 54%; }
#application-content #checklist.application-reference-list td { overflow-wrap: anywhere; }
#application-content #checklist.application-reference-list input[type=button] {
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal;
    margin-top: 6px;
}

#application-content .fileupload .table { table-layout: fixed; }
#application-content .fileupload .documenttype { overflow-wrap: anywhere; word-break: break-word; }
/* The legacy uploader toggles .in; the shared Bootstrap build uses .show. */
#application-content .fileupload .fade.in { opacity: 1; }
#application-content .fileupload .files .btn span { display: inline; }

@media (max-width: 800px) {
    #application-content #checklist .application-reference-head { display: none; }
    #application-content .application-reference-list td { overflow-wrap: anywhere; }
    #application-content .application-reference-list input[type=button] { display: block; width: 100%; white-space: normal; margin: 8px 0; }
    #application-content .application-reference-form table,
    #application-content .application-reference-form tbody,
    #application-content .application-reference-form tr,
    #application-content .application-reference-form td { display: block; width: 100%; box-sizing: border-box; text-align: left; }
    .application-reference-form tr { margin-bottom: 12px; }
    #application-content .application-reference-form input[type=text],
    #application-content .application-reference-form select,
    #application-content .application-reference-form .iti { width: 100%; max-width: 100%; box-sizing: border-box; }
    .application-reference-form .message { position: static !important; left: auto !important; top: auto !important; max-width: 100%; }
}

@media (max-width: 800px) {
    .ui-dialog.application-submit-dialog { position: fixed; top: 12px !important; left: 12px !important; width: calc(100% - 24px) !important; height: auto !important; max-height: calc(100vh - 24px); box-sizing: border-box; }
    .application-submit-dialog .ui-dialog-title { white-space: normal; padding-right: 20px; }
    .application-submit-dialog #dialog-form { height: auto !important; max-height: calc(100vh - 280px); overflow-y: auto; box-sizing: border-box; }
    .application-submit-dialog #dialog-form font { font-size: 14px; line-height: 1.5; }
    .application-submit-dialog input[type=text] { display: block; width: 100%; max-width: 100%; box-sizing: border-box; min-height: 44px; font-size: 16px; margin: 6px 0 14px; }
    .application-submit-dialog input[type=checkbox] { min-width: 20px; min-height: 20px; vertical-align: middle; }
    .application-submit-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; display: flex; flex-wrap: wrap; gap: 8px; }
    .application-submit-dialog .ui-dialog-buttonpane button { min-height: 44px; margin: 0; }
    #application-content #create-user { max-width: 100%; min-height: 44px; white-space: normal; }
    #application-content #welcome-acknowledgment { padding: 16px; }
    #application-content #welcome-acknowledgment label { float: none; width: auto; text-align: left; align-items: flex-start; }
    #application-content #welcome-acknowledgment .welcome-continue { width: 100%; min-height: 44px; white-space: normal; }
}

/* Keep the invisible native file picker confined to its Add button. */
#application-content .fileupload .fileinput-button input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; opacity: 0; transform: none; -moz-transform: none; cursor: pointer; }
#application-content .fileupload .fileupload-progress.fade:not(.in):not(.show) { display: none; }
@media (max-width: 800px) {
    #application-content .fileupload .files tr,
    #application-content .fileupload .files td { height: auto; min-height: 0; float: none; clear: both; }
    #application-content .fileupload .files td { display: flow-root; }
    #application-content .fileupload .files .btn { float: none; position: static; margin: 4px 0; }
    #application-content .fileupload .fileupload-buttonbar { display: flow-root; margin-bottom: 12px; }
    body.application-login { margin: 0; padding: 16px; box-sizing: border-box; overflow-wrap: anywhere; }
    .application-login table, .application-login tbody, .application-login tr, .application-login td { display: block; width: 100%; height: auto; box-sizing: border-box; }
    .application-login td[width="56"], .application-login td[rowspan] { display: none; }
    .application-login img { max-width: 100%; height: auto; }
    .application-login h1 { font-size: 26px; line-height: 1.3; }
    .application-login input { max-width: 100%; box-sizing: border-box; font-size: 16px; min-height: 44px; }
    .application-login input[type=text], .application-login input[type=password] { width: 100% !important; margin: 6px 0 12px; }
    .application-login input[type=submit] { width: 100%; white-space: normal; margin: 8px 0; }
    .application-login #liquid-round, .application-login .center-content { width: auto; max-width: 100%; box-sizing: border-box; }
    .application-login a { display: inline-block; padding: 8px 0; }
}

/* Review & Submit: scoped to the applicant review page. */
.application-review { color: #25384a; font: 16px/1.6 Arial, sans-serif; max-width: 1040px; margin: 0 auto; }
.application-review h2, .application-review h3 { font-family: Arial, sans-serif; color: #173e60; margin: 0 0 12px; padding: 0; line-height: 1.3; }
.application-review h2 { font-size: 32px; font-weight: 700; }
.application-review h3 { font-size: 21px; font-weight: 700; }
.application-review p { margin: 0 0 16px; }
.application-review .review-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .12em; color: #526c83; margin-bottom: 8px; }
.review-intro { margin-bottom: 24px; }
.review-summary { display: grid; grid-template-columns: 140px 140px minmax(0,1fr); border: 1px solid #ccdbe7; border-radius: 12px; background: #edf4f9; margin-bottom: 28px; overflow: hidden; }
.review-stat { padding: 20px; border-right: 1px solid #ccdbe7; }
.review-stat strong { display: block; font-size: 32px; line-height: 1.2; color: #173e60; }
.review-stat span { display: block; font-size: 13px; margin-top: 6px; }
.review-status { padding: 20px; align-self: center; }
.review-status strong, .review-status span { display: block; }
.review-status span { font-size: 14px; margin-top: 4px; }
.review-panel { border: 1px solid #d4dfe7; border-radius: 12px; padding: 24px; background: #fff; margin: 0 0 28px; }
.review-findings { border-left: 4px solid #b76e12; }
.review-findings-content { font-size: 15px; line-height: 2; overflow-wrap: anywhere; }
.review-findings-content a { font-weight: 700; color: #165f98; text-decoration: underline; }
.review-drafts { margin-bottom: 32px; }
.review-draft-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.application-review a.review-draft { display: flex; flex-direction: column; gap: 8px; padding: 20px; border: 1px solid #ccdbe7; border-radius: 12px; background: #fff; color: #25384a; text-decoration: none; font: inherit; }
.review-draft-number { font-size: 13px; color: #60788c; }
.review-draft strong { font-size: 18px; line-height: 1.4; color: #173e60; }
.review-draft > span { font-size: 14px; }
.review-draft .review-draft-action { color: #165f98; font-weight: 700; margin-top: auto; padding-top: 12px; }
.application-review a.review-draft:hover { border-color: #165f98; background: #f3f8fc; }
.review-final { background: #f0f5f9; }
.review-important { font-weight: 700; }
.application-review #create-user { background: #165f98; color: #fff; border: 1px solid #165f98; border-radius: 6px; font: 700 16px/1.4 Arial,sans-serif; padding: 14px 20px; min-height: 48px; margin: 4px 0 16px; text-shadow: none; }
.application-review #create-user .ui-button-text { padding: 0; }
.application-review .review-note { font-size: 13px; color: #526273; margin: 0 0 10px; }
.application-review a:focus-visible, .application-review button:focus-visible { outline: 3px solid #b76e12; outline-offset: 3px; }
@media (max-width: 800px) {
    .application-review h2 { font-size: 26px; }
    .review-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .review-stat:nth-child(2) { border-right: 0; }
    .review-status { grid-column: 1/-1; border-top: 1px solid #ccdbe7; }
    .review-draft-grid { grid-template-columns: minmax(0,1fr); }
    .review-panel, .review-status, .review-stat { padding: 18px; }
    .application-review #create-user { width: 100%; white-space: normal; }
}

.review-findings-content .review-finding { padding: 14px 0; border-bottom: 1px solid #e0e7ed; line-height: 1.6; }
.review-findings-content .review-finding:first-child { padding-top: 0; }
.review-findings-content .review-finding:last-child { border-bottom: 0; padding-bottom: 0; }
.review-findings-content .review-finding > br:last-child { display: none; }
.review-findings-content .review-finding a { display: block; width: fit-content; max-width: 100%; margin-bottom: 4px; font-size: 14px; }
.review-findings-content .review-finding a:visited { color: #165f98; }

@media (max-width: 800px) {
    /* Legacy validators position their wrappers beyond the field's right edge. */
    #application-content #Form1 div.message {
        position: static !important; left: auto !important; top: auto !important;
        float: none; clear: both; width: 100%; max-width: 100% !important;
        height: auto; box-sizing: border-box; margin: 6px 0 8px; padding: 0;
        background: none; white-space: normal; overflow-wrap: break-word;
    }
    #application-content #Form1 div.message div.error {
        width: 100%; max-width: 100%; box-sizing: border-box; height: auto;
        padding: 10px 12px; border: 1px solid #924949; border-radius: 4px;
        background: #fff1f1; color: #7a2424; font: 14px/1.5 Arial, sans-serif;
        white-space: normal; word-break: normal; overflow-wrap: break-word;
    }
}