.document-pdf {
    min-width: 0;
    margin-top: 8px;
    overflow: hidden;
    border-top: 1px solid var(--line, #d4e4dc);
    background: #fff;
    color: var(--ink, #153a2d);
}
.document-pdf-heading, .document-pdf-toolbar, .document-pdf-navigation, .document-pdf-zoom {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.document-pdf-heading { justify-content: space-between; gap: 10px; padding: 18px 18px 12px; }
.document-pdf-heading h2 { display: flex; align-items: center; gap: 9px; margin: 0; font-size: 1.15rem; line-height: 1.4; }
.document-pdf-heading h2 > span { padding: 3px 6px; border-radius: 5px; background: #e4f2e9; color: #086849; font-size: .7rem; letter-spacing: .04em; }
.document-pdf-toolbar { justify-content: space-between; gap: 8px 14px; padding: 10px 14px; border-block: 1px solid #d4e4dc; background: #f2f8f4; font-size: .85rem; }
.document-pdf-navigation, .document-pdf-zoom { gap: 6px; }
.document-pdf button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 40px;
    min-height: 40px;
    padding: 6px 10px;
    border: 1px solid #c3d9cd;
    border-radius: 7px;
    background: #fff;
    color: #12573d;
    font: inherit;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
}
.document-pdf button:hover:enabled { background: #dff0e5; border-color: #80b296; }
.document-pdf button:disabled { opacity: .4; cursor: default; }
.document-pdf button[hidden], .document-pdf [hidden] { display: none; }
.document-pdf :is(button, input, [data-pdf-stage]):focus-visible { outline: 3px solid #e9a83e; outline-offset: 2px; }
.document-pdf-expand { font-size: .8rem !important; }
.document-pdf-page-label { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.document-pdf-page-label input { box-sizing: border-box; width: 52px; min-width: 0; min-height: 40px; padding: 5px 3px; border: 1px solid #c3d9cd; border-radius: 6px; background: #fff; color: inherit; font: inherit; text-align: center; font-variant-numeric: tabular-nums; appearance: textfield; }
.document-pdf-page-label input::-webkit-inner-spin-button, .document-pdf-page-label input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }
.document-pdf-total { padding-right: 1px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.document-pdf-zoom output { min-width: 42px; text-align: center; font-variant-numeric: tabular-nums; }
.document-pdf-stage { position: relative; box-sizing: border-box; height: min(72vh, 760px); min-height: 320px; padding: 12px; overflow: auto; overscroll-behavior: contain; background: #e8eeeb; scrollbar-color: #9ebbad #e8eeeb; }
.document-pdf-paper { width: 100%; min-width: fit-content; }
.document-pdf canvas { display: block; margin-inline: auto; background: #fff; box-shadow: 0 2px 14px #173f2c22; }
.document-pdf-feedback { position: sticky; left: 0; top: 0; width: 100%; box-sizing: border-box; padding: 30px 16px; color: #335b47; text-align: center; }
.document-pdf-feedback p { margin: 0; font-size: .9rem; line-height: 1.6; overflow-wrap: anywhere; }
.document-pdf-feedback button { margin-top: 12px; }
.document-pdf.is-error .document-pdf-stage { min-height: 230px; height: auto; }
.document-pdf-noscript { padding: 16px; font-size: .9rem; }
.document-pdf:fullscreen { display: flex; flex-direction: column; box-sizing: border-box; width: 100%; height: 100%; margin: 0; border: 0; }
.document-pdf:fullscreen .document-pdf-stage { flex: 1; height: auto; min-height: 0; }
@media (max-width: 600px) {
    .document-pdf-heading { padding-inline: 12px; }
    .document-pdf-toolbar { justify-content: center; padding-inline: 8px; }
    .document-pdf-navigation, .document-pdf-zoom { justify-content: center; }
    .document-pdf-stage { height: min(65vh, 650px); min-height: 300px; padding: 8px; }
    .document-pdf button { min-width: 40px; min-height: 42px; }
    .document-pdf-heading h2 { font-size: 1rem; }
}
@media (max-width: 360px) {
    .document-pdf-heading { gap: 6px; }
    .document-pdf-expand { padding-inline: 7px !important; }
    .document-pdf-expand > span { display: none; }
    .document-pdf-toolbar { gap: 8px; }
    .document-pdf-navigation, .document-pdf-zoom { gap: 4px; }
}