.office-tool { max-width: 1100px; }
.office-result { margin-top: 28px; border-top: 1px solid #d8e4ef; padding-top: 20px; }
.office-result[hidden] { display: none; }
.office-result-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.office-result-heading h3 { margin: 0; font-size: 21px; }
#officeResultNote { color: #526781; font-size: 13px; line-height: 1.6; }
.office-preview { margin-top: 20px; max-height: 650px; overflow: auto; background: #eef3f8; border: 1px solid #d7e3ed; border-radius: 8px; padding: 22px; }
.office-preview .docx-wrapper { background: transparent; padding: 0; }
.office-preview .docx { margin: 0 auto 18px; box-shadow: 0 8px 24px rgba(13, 36, 62, .12); }
.office-sheet { background: #fff; padding: 24px; margin: 0 auto 20px; overflow-x: auto; box-shadow: 0 8px 24px rgba(13, 36, 62, .08); }
.office-sheet h4 { margin: 0 0 14px; color: #153353; font-size: 16px; }
.office-sheet table { border-collapse: collapse; width: 100%; font-size: 12px; color: #1b3049; }
.office-sheet td { border: 1px solid #cfdae5; padding: 5px 7px; vertical-align: top; white-space: pre-wrap; overflow-wrap: anywhere; }
.office-slide { background: #fff; margin: 0 auto 20px; padding: 12px; box-shadow: 0 8px 24px rgba(13, 36, 62, .08); }
.office-slide img { display: block; width: 100%; height: auto; }
.office-slide p { color: #526781; font-size: 12px; margin: 0 0 9px; }
.office-help { margin-top: 28px; padding-top: 20px; border-top: 1px solid #d8e4ef; }
.office-help h3 { margin: 0 0 8px; font-size: 17px; }
.office-help p { margin: 0; color: #526781; font-size: 13px; line-height: 1.6; }
@media print {
    @page { margin: 10mm; }
    body.office-mode { background: #fff !important; }
    body.office-mode > :not(main) { display: none !important; }
    body.office-mode main.tool-main { max-width: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; }
    body.office-mode main.tool-main > :not(.office-tool) { display: none !important; }
    body.office-mode .office-tool { display: block !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; }
    body.office-mode .office-tool > :not(.office-result) { display: none !important; }
    body.office-mode .office-result { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
    body.office-mode .office-result-heading, body.office-mode #officeResultNote { display: none !important; }
    body.office-mode .office-preview { display: block !important; max-height: none !important; overflow: visible !important; background: #fff !important; border: 0 !important; padding: 0 !important; margin: 0 !important; }
    body.office-mode .office-preview .docx-wrapper { padding: 0 !important; }
    body.office-mode .office-preview .docx { box-shadow: none !important; margin: 0 auto !important; break-after: page; }
    body.office-mode .office-sheet { box-shadow: none !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; break-after: page; }
    body.office-mode .office-sheet table { width: 100%; }
    body.office-mode .office-sheet tr { break-inside: avoid; }
    body.office-mode .office-slide { box-shadow: none !important; margin: 0 !important; padding: 0 !important; break-after: page; }
    body.office-mode .office-slide p { display: none !important; }
    body.office-mode .office-preview > :last-child { break-after: auto !important; }
}