.repository-page { background: #f7f9f8; color: #223c34; }
.repository-page .page-body { width: min(100%, 1360px); padding: 30px 40px 64px; }
.repository-page :is(h1,h2,h3,p) { letter-spacing: 0; }
.repository-page a { text-decoration: none; }
.repository-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-bottom: 25px; color: #7a8b83; font-size: 11px; line-height: 1.5; }
.repository-breadcrumb a { color: #597268; }
.repository-breadcrumb a:hover { color: #0c675b; }
.repository-breadcrumb > i { font-size: 8px; color: #a6b7ae; }
.repository-heading { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding-bottom: 30px; }
.repository-eyebrow { display: block; margin-bottom: 10px; color: #0c675b; font-size: 10px; font-weight: 750; }
.repository-heading h1 { margin: 0; color: #193c31; font: 600 36px/1.2 Outfit, sans-serif; }
.repository-heading p { max-width: 600px; margin: 12px 0 0; color: #647a70; font-size: 13px; line-height: 1.7; }
.repository-count { display: flex; align-items: center; gap: 14px; flex: none; padding-left: 28px; border-left: 1px solid #dce6df; }
.repository-count > i { color: #438b75; font-size: 27px; }
.repository-count strong { display: block; color: #193c31; font: 600 31px/1.1 Outfit, sans-serif; }
.repository-count small { display: block; margin-top: 5px; color: #6e8277; font-size: 11px; }
.repository-filters { display: grid; grid-template-columns: minmax(0,1fr) 240px auto; align-items: end; gap: 16px; padding: 22px 0; border-block: 1px solid #dce6df; }
.repository-filters .form-group { min-width: 0; margin: 0; }
.repository-filters label { display: block; margin: 0 0 8px; color: #3e5b4d; font-size: 11px; font-weight: 650; }
.repository-search { display: flex; align-items: center; gap: 12px; height: 44px; padding: 0 14px; border: 1px solid #d6e1da; border-radius: 6px; background: #fff; }
.repository-search > i { flex: none; color: #7c9588; font-size: 14px; }
.repository-search input, .repository-search input:focus { flex: 1; min-width: 0; width: 100%; height: 100%; padding: 0; border: 0; outline: 0; box-shadow: none; background: transparent; color: #284b3a; font: 12px Inter, sans-serif; }
.repository-search:focus-within { border-color: #438f7a; box-shadow: 0 0 0 3px #0c675b0e; }
.repository-filters .form-control { width: 100%; height: 44px; padding: 0 34px 0 13px; border: 1px solid #d6e1da; border-radius: 6px; background-color: #fff; color: #405e4d; font-size: 12px; }
.repository-filters .filter-actions { display: flex; align-items: center; gap: 8px; margin: 0; }
.repository-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 15px; border: 1px solid transparent; border-radius: 6px; font: 650 12px/1.4 Inter, sans-serif; white-space: nowrap; cursor: pointer; transition: background .18s, border-color .18s; }
.repository-button.primary { background: #0c675b; border-color: #0c675b; color: #fff; }
.repository-button.primary:hover { background: #085347; }
.repository-button.secondary { background: #fff; border-color: #d6e1da; color: #506e5e; }
.repository-button.secondary:hover { border-color: #74a38e; background: #eff6f2; }
.repository-filters .repository-button { min-height: 44px; }
.repository-active-filters { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 15px; font-size: 11px; }
.repository-active-filters > span { margin-right: 3px; color: #7a8d81; }
.repository-active-filters a { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; padding: 6px 9px; border: 1px solid #cfe0d5; border-radius: 4px; background: #eaf4ed; color: #22694f; overflow-wrap: anywhere; }
.repository-result-bar { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin: 28px 0 18px; }
.repository-result-bar h2 { display: flex; align-items: center; gap: 9px; margin: 0; font: 600 19px/1.3 Outfit, sans-serif; }
.repository-result-bar h2 > span { min-width: 25px; padding: 3px 7px; border-radius: 4px; background: #e5eee7; color: #4e7660; font: 700 10px Inter,sans-serif; text-align: center; }
.repository-result-bar > span { display: inline-flex; align-items: center; gap: 7px; color: #7c8c83; font-size: 10px; }
.repository-document-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.repository-document { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #dce5df; border-radius: 8px; background: #fff; transition: border-color .2s, box-shadow .2s, transform .2s; }
.repository-document:hover { border-color: #97bdaa; box-shadow: 0 8px 24px #143e2e09; transform: translateY(-2px); }
.repository-document-main { display: flex; align-items: flex-start; flex: 1; gap: 18px; min-width: 0; padding: 22px; color: inherit; }
.repository-document-cover { position: relative; flex: none; width: 96px; height: 132px; padding: 0; overflow: hidden; border: 0; border-radius: 3px 5px 5px 3px; background: #edf5ef; }
.repository-document-cover > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.repository-cover-brand { font: 700 10px Outfit,sans-serif; }
.repository-document-cover > i { align-self: center; font-size: 27px; }
.repository-cover-format { font-size: 8px; font-weight: 750; }
.repository-artwork { --cover-accent: #0c675b; position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 9px; width: 100%; height: 100%; min-width: 0; padding: 10px 9px; overflow: hidden; border: 1px solid #d2e1d8; border-left: 4px solid var(--cover-accent); border-radius: 3px 5px 5px 3px; background: #fcfdfb; box-shadow: inset 2px 0 #e3ece5; }
.repository-artwork[data-cover-category=publikasi] { --cover-accent: #28798a; }
.repository-artwork[data-cover-category=pengabdian] { --cover-accent: #338463; }
.repository-artwork[data-cover-category=haki] { --cover-accent: #7e6392; }
.repository-artwork[data-cover-category=buku] { --cover-accent: #99733c; }
.repository-artwork[data-cover-category=kerjasama] { --cover-accent: #658343; }
.repository-artwork-fold { position: absolute; top: 0; right: 0; width: 0; height: 0; border-left: 11px solid transparent; border-top: 11px solid #dce8e0; }
.repository-artwork-brand { display: flex; align-items: center; gap: 4px; flex: none; }
.repository-artwork-brand img { display: block; flex: none; width: 15px; height: 15px; object-fit: contain; }
.repository-artwork-brand > span { color: var(--cover-accent); font: 750 8px/1.2 Outfit,sans-serif; }
.repository-artwork-brand small { display: block; margin-top: 2px; color: #7f9588; font: 500 4px/1.3 Inter,sans-serif; white-space: nowrap; }
.repository-artwork-copy { flex: 1; min-height: 0; overflow: hidden; }
.repository-artwork-copy > span { display: block; color: var(--cover-accent); font: 750 6px/1.4 Inter,sans-serif; text-transform: uppercase; }
.repository-artwork-copy strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin-top: 6px; overflow: hidden; color: #2e4839; font: 600 9px/1.35 Outfit,sans-serif; overflow-wrap: anywhere; }
.repository-artwork-copy i { display: block; width: 80%; height: 1px; margin-top: 5px; background: #dce7df; }
.repository-artwork-copy i + i { width: 60%; margin-top: 3px; }
.repository-artwork-foot { display: flex; align-items: center; justify-content: space-between; flex: none; gap: 4px; padding-top: 6px; border-top: 1px solid #dce7df; color: #7c9484; font: 650 6px/1 Inter,sans-serif; }
.repository-artwork-foot > span:first-child { color: var(--cover-accent); }
.repository-page .detail-cover .repository-artwork { padding: 14px; gap: 12px; }
.repository-page .detail-cover .repository-artwork-brand img { width: 21px; height: 21px; }
.repository-page .detail-cover .repository-artwork-brand > span { font-size: 11px; }
.repository-page .detail-cover .repository-artwork-brand small { font-size: 5px; }
.repository-page .detail-cover .repository-artwork-copy > span { font-size: 8px; }
.repository-page .detail-cover .repository-artwork-copy strong { font-size: 11px; -webkit-line-clamp: 5; }
.repository-page .detail-cover .repository-artwork-foot { font-size: 8px; }
.repository-advanced { grid-column: 1 / -1; order: 2; padding-top: 15px; border-top: 1px solid #e1e9e3; }
.repository-filters:has(.repository-advanced[open]) { grid-template-columns: minmax(0,1fr) 240px; }
.repository-filters:has(.repository-advanced[open]) > .filter-actions { grid-column: 1 / -1; order: 3; justify-content: flex-end; }
.repository-advanced > summary { display: flex; align-items: center; gap: 9px; color: #0c675b; font: 650 12px/1.5 Inter,sans-serif; list-style: none; cursor: pointer; }
.repository-advanced > summary::-webkit-details-marker { display: none; }
.repository-advanced > summary > small { margin-left: 4px; color: #8c9d90; font-size: 10px; font-weight: 400; }
.repository-advanced > summary > i:last-child { margin-left: auto; font-size: 10px; transition: transform .18s; }
.repository-advanced[open] > summary > i:last-child { transform: rotate(180deg); }
.repository-advanced-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; padding-top: 20px; }
.regulation-search { display: flex; align-items: center; gap: 10px; padding-block: 22px; border-block: 1px solid #dce6df; }
.regulation-search .repository-search { flex: 1; min-width: 0; }
.regulation-search .repository-button { min-height: 44px; }
.regulation-groups { display: flex; align-items: center; gap: 8px; overflow-x: auto; padding: 18px 0; border-bottom: 1px solid #dce6df; scrollbar-width: thin; }
.regulation-groups a { display: inline-flex; align-items: center; gap: 7px; flex: none; min-height: 37px; padding: 8px 12px; border: 1px solid #dce6df; border-radius: 5px; background: #fff; color: #68816e; font-size: 11px; font-weight: 600; white-space: nowrap; }
.regulation-groups a:hover, .regulation-groups a[aria-current=page] { border-color: #b7d4c6; background: #e7f2ec; color: #0c675b; }
.regulation-groups a > span { padding: 2px 5px; border-radius: 3px; background: #edf3ef; color: #64816b; font-size: 9px; }
.regulation-section { padding-top: 34px; scroll-margin-top: 100px; }
.regulation-section-heading { display: flex; align-items: center; gap: 13px; margin-bottom: 19px; }
.regulation-section-icon { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 6px; background: #e5f1ea; color: #2b7b5e; font-size: 17px; }
.regulation-section-heading > div { flex: 1; min-width: 0; }
.regulation-section-heading h2 { margin: 0; color: #2c5038; font: 600 23px/1.3 Outfit,sans-serif; }
.regulation-section-heading p { margin: 5px 0 0; color: #7a8f7f; font-size: 11px; line-height: 1.7; }
.regulation-section-count { display: grid; place-items: center; flex: none; min-width: 28px; height: 26px; padding-inline: 7px; border-radius: 4px; background: #e7eee8; color: #6b8a72; font-size: 11px; font-weight: 700; }
.regulation-inline-empty { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 30px 20px; border-block: 1px dashed #d6e3d9; text-align: center; }
.regulation-inline-empty > i { margin: 0 0 4px; color: #8bae94; font-size: 25px; }
.regulation-inline-empty h3 { margin: 0; color: #466a4e; font: 600 17px Outfit,sans-serif; }
.regulation-inline-empty p { margin: 0; color: #839784; font-size: 11px; line-height: 1.7; }
.repository-document-copy { flex: 1; min-width: 0; }
.repository-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.repository-tags > span { display: inline-flex; align-items: center; gap: 5px; padding: 4px 7px; border-radius: 4px; background: #eaf4ee; color: #226b53; font-size: 9px; font-weight: 700; line-height: 1.4; }
.repository-tags > .is-internal { background: #fff4df; color: #95691e; }
.repository-tags > .is-public { background: #f0f4f1; color: #728579; }
.repository-document h3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 9px 0 7px; overflow: hidden; color: #244a36; font: 600 16px/1.45 Outfit,sans-serif; overflow-wrap: anywhere; }
.repository-document-copy > p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0; overflow: hidden; color: #7b8c80; font-size: 11px; line-height: 1.7; }
.repository-document-meta { display: flex; flex-wrap: wrap; gap: 7px 13px; margin-top: 13px; color: #7f9184; font-size: 10px; }
.repository-document-meta span { display: inline-flex; align-items: center; gap: 6px; }
.repository-document-arrow { flex: none; margin-top: 3px; color: #7f9a89; font-size: 11px; }
.repository-document-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 12px 22px; border-top: 1px solid #edf1ee; background: #fcfdfc; font-size: 10px; }
.repository-document-footer > span { display: inline-flex; align-items: center; gap: 6px; color: #68917b; }
.repository-document-footer > .is-unavailable { color: #a17a3a; }
.repository-document-footer form { margin: 0; }
.repository-document-footer :is(a,button) { display: inline-flex; align-items: center; gap: 7px; padding: 4px 0; border: 0; background: none; color: #0c675b; font: 700 10px Inter,sans-serif; cursor: pointer; }
.repository-empty { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 72px 24px; border-block: 1px dashed #d5e2d8; text-align: center; }
.repository-empty > i { color: #7ba18a; font-size: 34px; }
.repository-empty h3 { margin: 2px 0 0; font: 600 22px Outfit,sans-serif; }
.repository-empty p { margin: 0 0 8px; color: #7a8d7e; font-size: 12px; }
.repository-data-results { margin-top: 30px; }
.repository-data-results .section-header h2 { display: flex; align-items: center; gap: 9px; color: #365c43; font: 600 19px Outfit,sans-serif; }
.repository-data-results .section-header h2 > i { font-size: 14px; }
.repository-data-results .section-header .sub { color: #778e7d; font-size: 11px; }
.repository-related-list { border-block: 1px solid #dce6df; }
.repository-related-record { display: grid; grid-template-columns: 100px minmax(0,1fr) 16px; align-items: start; gap: 18px; padding: 20px 0; border-bottom: 1px solid #e4ece6; color: #375c43; }
.repository-related-record:last-child { border-bottom: 0; }
.repository-related-record:hover h3 { color: #0c675b; }
.repository-related-category { justify-self: start; padding: 5px 8px; border-radius: 4px; background: #e8f2ec; color: #2e7357; font-size: 9px; font-weight: 700; }
.repository-related-record h3 { margin: 0; font: 600 15px/1.5 Outfit,sans-serif; overflow-wrap: anywhere; }
.repository-related-record p { display: flex; flex-wrap: wrap; gap: 5px 15px; margin: 8px 0 0; color: #7e9183; font-size: 10px; line-height: 1.6; }
.repository-related-record > i { margin-top: 6px; color: #8aa694; font-size: 11px; }
.repository-page .modern-table { background: #fff; }
.repository-page .modern-table :is(th,td) { padding: 15px; font-size: 12px; }
.repository-page .modern-table th { background: #eff5f0; color: #507057; }
.repository-page .pagination-wrap { margin-top: 28px; }
.repository-page .espmi-pagination { border-top: 1px solid #dce6df; padding-top: 20px; }
.repository-page .detail-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }
.repository-page .btn { min-height: 40px; padding: 9px 14px; border-radius: 6px; font-size: 12px; font-weight: 600; box-shadow: none; }
.repository-page .btn-primary { background: #0c675b; border-color: #0c675b; color: #fff; }
.repository-page .btn-secondary { background: #fff; border: 1px solid #d6e1da; color: #506e5e; }
.repository-detail-heading { padding-bottom: 27px; margin-bottom: 28px; border-bottom: 1px solid #dce6df; }
.repository-detail-heading h1 { max-width: 1050px; margin: 15px 0 0; color: #1e4030; font: 600 32px/1.3 Outfit,sans-serif; overflow-wrap: anywhere; }
.repository-detail-heading > p { max-width: 850px; margin: 15px 0 0; color: #6d8071; font-size: 13px; line-height: 1.8; white-space: pre-line; }
.repository-detail-meta { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 18px; color: #7d9080; font-size: 11px; }
.repository-detail-meta > span { display: inline-flex; align-items: center; gap: 8px; }
.repository-page .document-detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 280px; align-items: start; gap: 32px; }
.repository-page .document-detail-info { order: 2; min-width: 0; padding: 0 0 0 24px; border: 0; border-left: 1px solid #dce6df; border-radius: 0; box-shadow: none; background: transparent; }
.repository-aside-title { margin: 0 0 20px; color: #3b5c42; font: 600 17px Outfit,sans-serif; }
.repository-page .detail-cover { width: 140px; height: 185px; margin: 0 0 22px; border-radius: 5px; overflow: hidden; }
.repository-page .detail-cover > img { width: 100%; height: 100%; object-fit: cover; }
.repository-page .detail-cover :is(.doc-cover-fallback,.data-cover) { width: 100%; height: 100%; min-height: 0; padding: 14px; background: #e6f1e9; color: #245c3a; }
.repository-page .detail-cover :is(.dcf-title,.data-cover-title) { font-size: 12px; line-height: 1.5; -webkit-line-clamp: 5; }
.repository-page .detail-cover :is(.dcf-brand,.data-cover-brand) { font-size: 10px; color: #1c6c50; }
.repository-page .detail-cover :is(.dcf-cat,.dcf-inst,.data-cover-cat,.data-cover-prodi) { font-size: 7px; }
.repository-page .detail-cover :is(.dcf-format,.data-cover-year) { font-size: 8px; }
.repository-page .detail-cover .data-cover-icon { display: none; }
.repository-page .document-facts { margin: 0; }
.repository-page .document-facts > div { display: block; padding: 12px 0; border-bottom: 1px solid #e4ece5; }
.repository-page .document-facts dt { margin-bottom: 5px; color: #80917e; font-size: 10px; font-weight: 500; }
.repository-page .document-facts dd { margin: 0; color: #3e6547; font-size: 12px; font-weight: 500; line-height: 1.6; text-align: left; overflow-wrap: anywhere; }
.repository-page .document-preview-panel { min-width: 0; order: 1; padding: 0; overflow: hidden; border: 1px solid #dce6df; border-radius: 8px; background: #fff; box-shadow: none; }
.repository-page .panel-heading { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 16px; padding: 19px 22px; margin: 0; border-bottom: 1px solid #e5ece6; text-align: left; }
.repository-page .panel-heading > div { flex: 1; min-width: 0; text-align: left; }
.repository-page .panel-heading h2 { display: flex; align-items: center; gap: 8px; margin: 0; color: #365a3e; font: 600 17px/1.4 Outfit,sans-serif; }
.repository-page .panel-heading h2 i { font-size: 14px; color: #5b8d6b; }
.repository-page .panel-heading p { margin: 5px 0 0; color: #869480; font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
.repository-page .missing-document-state { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; min-height: 400px; padding: 45px 28px; text-align: center; background: #fcfdfc; }
.repository-page .missing-document-state > i { margin: 0; color: #79a287; font-size: 36px; }
.repository-page .missing-document-state h3 { margin: 0; color: #345a3c; font: 600 21px Outfit,sans-serif; }
.repository-page .missing-document-state p { max-width: 420px; margin: 0; color: #82937e; font-size: 12px; line-height: 1.8; }
.repository-page .pdf-viewer-toolbar { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 16px; background: #f1f6f2; border-bottom: 1px solid #dce6df; }
.repository-page .pdf-viewer-toolbar .btn { width: 32px; min-height: 32px; height: 32px; padding: 0; font-size: 11px; }
.repository-page .pdf-viewer-toolbar [data-pdf-indicator] { color: #6e856e; font-size: 11px; }
.repository-page .pdf-canvas-stage { min-height: 420px; padding: 16px; overflow: auto; background: #e9eeea; }
.repository-page .pdf-detail-canvas { display: block; max-width: none; margin-inline: auto; box-shadow: 0 4px 20px #30422f14; }
.repository-page .pdf-detail-canvas[hidden] { display: none; }
.repository-page :is(.docx-js-viewer,.docx-viewer-content) { background: #fff; color: #334934; }
.repository-page .word-google-viewer { width: 100%; height: 720px; overflow: hidden; background: #fff; }
.repository-page .word-google-viewer iframe { display: block; width: 100%; height: 100%; border: 0; }
.repository-page .cooperation-document-image-preview { padding: 20px; background: #eef3ef; }
.repository-page .cooperation-document-image-preview img { display: block; max-width: 100%; max-height: 740px; margin-inline: auto; object-fit: contain; }
.repository-record-main { display: grid; gap: 24px; min-width: 0; }
.repository-page .repository-record-details .panel-body { padding: 0; }
.repository-page .detail-data-table { width: 100%; margin: 0; table-layout: fixed; }
.repository-page .detail-data-table :is(th,td) { padding: 17px 22px; border-bottom: 1px solid #e7eee7; line-height: 1.65; overflow-wrap: anywhere; }
.repository-page .detail-data-table th { background: #f8faf8; font-weight: 500; }
.repository-page .detail-data-table td { color: #3e6143; }
.repository-page .detail-links { display: grid; gap: 9px; margin-top: 20px; }
.repository-page .detail-links .btn { margin: 0; }
.repository-page :focus-visible { outline: 2px solid #0c675b; outline-offset: 3px; }
@media (max-width: 1000px) {
    .repository-page .page-body { padding-inline: 24px; }
    .repository-document-main { gap: 13px; padding: 18px; }
    .repository-document-cover { width: 70px; height: 100px; }
    .repository-document-arrow { display: none; }
    .repository-document h3 { font-size: 15px; }
    .repository-filters { grid-template-columns: minmax(0,1fr) 200px auto; gap: 12px; }
    .repository-advanced-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .repository-page .document-detail-layout { grid-template-columns: minmax(0,1fr) 230px; gap: 24px; }
    .repository-page .document-detail-info { padding-left: 20px; }
}
@media (max-width: 720px) {
    .repository-page .page-body { padding: 24px 20px 42px; }
    .repository-breadcrumb { margin-bottom: 20px; font-size: 10px; }
    .repository-heading { align-items: flex-start; padding-bottom: 24px; gap: 20px; }
    .repository-heading h1 { font-size: 29px; }
    .repository-heading p { font-size: 12px; }
    .repository-count { display: none; }
    .repository-filters { grid-template-columns: minmax(0,1fr) auto; gap: 14px 10px; padding-block: 18px; }
    .repository-filters:has(.repository-advanced[open]) { grid-template-columns: minmax(0,1fr); }
    .repository-filters > .form-group:first-of-type { grid-column: 1 / -1; }
    .repository-filters .filter-actions { align-self: end; }
    .repository-filters .repository-button { padding-inline: 12px; }
    .repository-result-bar { align-items: flex-start; margin-top: 24px; }
    .repository-result-bar h2 { font-size: 18px; }
    .repository-result-bar > span { max-width: 100px; font-size: 9px; text-align: right; line-height: 1.6; }
    .repository-document-grid { grid-template-columns: minmax(0,1fr); gap: 13px; }
    .repository-document-main { padding: 18px; gap: 14px; }
    .repository-document-cover { width: 68px; height: 96px; padding: 10px 7px; }
    .repository-document-cover { padding: 0; }
    .repository-document-cover .repository-artwork { padding: 7px 6px; gap: 6px; border-left-width: 3px; }
    .repository-document-cover .repository-artwork-brand img { width: 11px; height: 11px; }
    .repository-document-cover .repository-artwork-brand > span { font-size: 6px; }
    .repository-document-cover .repository-artwork-brand small { display: none; }
    .repository-document-cover .repository-artwork-copy > span { font-size: 5px; }
    .repository-document-cover .repository-artwork-copy strong { font-size: 7px; -webkit-line-clamp: 3; margin-top: 5px; }
    .repository-document-cover .repository-artwork-foot { padding-top: 4px; font-size: 5px; }
    .repository-document-cover .repository-artwork-copy i { margin-top: 4px; }
    .repository-advanced-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 10px; padding-top: 17px; }
    .repository-advanced > summary > small { display: none; }
    .regulation-section { padding-top: 27px; }
    .regulation-section-heading { gap: 10px; }
    .regulation-section-heading h2 { font-size: 20px; }
    .regulation-section-heading p { font-size: 10px; }
    .regulation-section-icon { width: 36px; height: 36px; font-size: 15px; }
    .regulation-search { gap: 8px; padding-block: 18px; }
    .regulation-search .repository-button { padding-inline: 12px; font-size: 11px; }
    .regulation-search .repository-search { padding-inline: 11px; }
    .regulation-search .repository-search input { font-size: 11px; }
    .repository-document h3 { font-size: 15px; }
    .repository-document-copy > p { font-size: 10px; }
    .repository-document-meta { font-size: 9px; }
    .repository-document-footer { padding: 12px 18px; }
    .repository-related-record { grid-template-columns: minmax(0,1fr) 16px; gap: 10px 14px; padding-block: 17px; }
    .repository-related-record > div { grid-column: 1; }
    .repository-related-record > i { grid-column: 2; grid-row: 1 / span 2; }
    .repository-related-record h3 { font-size: 14px; }
    .repository-detail-heading { margin-bottom: 22px; padding-bottom: 22px; }
    .repository-detail-heading h1 { font-size: 26px; }
    .repository-detail-heading > p { font-size: 12px; }
    .repository-detail-meta { font-size: 10px; gap: 10px 16px; }
    .repository-page .document-detail-layout { grid-template-columns: minmax(0,1fr); gap: 28px; }
    .repository-page .document-detail-info { order: 2; padding: 24px 0 0; border-left: 0; border-top: 1px solid #dce6df; }
    .repository-page .detail-cover { display: none; }
    .repository-page .document-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 18px; clear: both; }
    .repository-page .panel-heading { padding: 16px; flex-wrap: wrap; }
    .repository-page .panel-heading h2 { font-size: 16px; }
    .repository-page .panel-heading p { font-size: 10px; }
    .repository-page .panel-heading .preview-fs-btn { flex: none; width: 34px; min-height: 34px; padding: 0; }
    .repository-page .panel-heading .preview-fs-btn span { display: none; }
    .repository-linked-preview .panel-heading .repository-button span { display: none; }
    .repository-page .missing-document-state { min-height: 300px; padding: 30px 20px; }
    .repository-page .missing-document-state h3 { font-size: 19px; }
    .repository-page .pdf-canvas-stage { min-height: 320px; padding: 12px; }
    .repository-page .word-google-viewer { height: 560px; }
    .repository-page .pdf-viewer-toolbar { padding: 10px; gap: 6px; }
    .repository-page .pdf-zoom-group { margin-left: auto; }
    .repository-page .detail-data-table :is(th,td) { padding: 14px; font-size: 11px; }
    .repository-page .detail-toolbar .btn { min-height: 38px; padding: 8px 11px; font-size: 10px; }
    .repository-linked-preview .panel-heading .repository-button { min-height: 32px; font-size: 10px; padding-inline: 10px; }
}
@media (max-width: 380px) {
    .repository-page .page-body { padding-inline: 16px; }
    .repository-heading h1 { font-size: 26px; }
    .repository-document-cover { width: 56px; height: 84px; }
    .repository-document-main { gap: 11px; padding: 15px; }
    .repository-document h3 { font-size: 14px; }
    .repository-filters { grid-template-columns: minmax(0,1fr); }
    .repository-filters .filter-actions { justify-content: flex-end; }
    .repository-advanced-grid { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) { .repository-page *, .repository-page *::before, .repository-page *::after { transition: none !important; animation: none !important; } .repository-document:hover { transform: none; } }