/* Approved reference-density v1 port. Light only; no preview controls or globals. */
#references-content-inner,
.reference-density-modal {
  color-scheme:light;
  --rfp-text:#242426;
  --rfp-secondary:#58585e;
  --rfp-line:#dedee3;
  --rfp-blue:#0066cc;
}
/* The approved preview is measured at 100%; leave other screens/printing alone. */
@media screen {
  html:has(#references-content-inner:not(.hidden)),
  html body:has(#references-content-inner:not(.hidden)) { zoom:1!important; }
}
#references-content-inner *,
.reference-density-modal * { box-sizing:border-box; }
.reference-density-modal.reference-density-modal :focus-visible,
#references-content-inner :focus-visible { outline:2px solid var(--rfp-blue)!important;outline-offset:-2px }
#references-content-inner { padding:12px 16px!important;background:#fff;color:var(--rfp-text);font:12px/1.4 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;min-width:0 }
#references-content-inner button,
.reference-density-modal.reference-density-modal button { cursor:pointer;font:12px/1.3 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;min-height:24px;padding:0 9px;border:1px solid #c7c7ce;border-radius:5px;background:#fff;color:var(--rfp-text) }
#references-content-inner .rfp-primary,
.reference-density-modal.reference-density-modal .rfp-primary { background:var(--rfp-blue);color:#fff;border-color:var(--rfp-blue) }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-heading { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-heading h3 { margin:0;font-size:15px;font-weight:600 }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-heading p { margin:2px 0 0;font-size:11px;color:var(--rfp-secondary) }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-actions { display:flex;gap:6px;flex-shrink:0 }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-products { display:flex;overflow-x:auto;gap:2px;margin-bottom:8px;padding:2px 0 5px;scrollbar-gutter:stable }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-products button { flex:none;white-space:nowrap }
#references-content-inner .rfp-products button { border-color:transparent;border-radius:5px;padding:0 9px;background:#f5f5f7;color:#505057 }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-products button[aria-pressed=true] { background:#e7eef8!important;color:#075bb4!important;border-color:#b5c5dc!important }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-filter { display:flex;align-items:center;gap:7px;padding:8px 0;border-top:1px solid var(--rfp-line);border-bottom:1px solid var(--rfp-line);margin-bottom:10px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-filter label,
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-filter span { font-size:11px;white-space:nowrap;color:var(--rfp-secondary) }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-filter select,
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-filter input { height:24px;min-width:0;border:1px solid #c7c7ce;border-radius:5px;background:#fff;padding:0 7px;color:var(--rfp-text);font:12px/1.3 -apple-system,sans-serif }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-filter select { width:130px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-filter input { width:260px;flex:1 }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-filter span { margin-left:auto }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-card { min-width:0;height:164px;border:1px solid var(--rfp-line);border-radius:7px;overflow:hidden;background:#fff }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-thumbnail { display:block;width:100%;height:84px!important;border:0!important;border-radius:0!important;padding:0!important;background:#f2f2f4!important;overflow:hidden }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-thumbnail img { height:100%;width:100%;object-fit:cover;object-position:top }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-thumbnail span { display:grid;place-items:center;height:100%;padding:5px;color:var(--rfp-secondary);font-size:11px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-card-info { padding:5px 8px;min-width:0 }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-title { display:block;width:100%;height:17px;min-height:17px!important;border:0!important;padding:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-weight:600!important }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-card-info p { font-size:11px;line-height:15px;margin:0;color:var(--rfp-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-card-footer { display:flex;align-items:center;justify-content:space-between;gap:3px;font-size:11px;color:var(--rfp-secondary);height:22px;white-space:nowrap }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-card-footer button { font-size:11px!important;min-height:24px!important;border:0!important;padding:0 3px!important;color:#b4232c!important }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-empty { padding:30px 10px;text-align:center;color:var(--rfp-secondary);grid-column:1/-1 }
.reference-density-modal.reference-density-modal { position:fixed;z-index:40000;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#1c1c2238;overflow:hidden;color:var(--rfp-text);font:12px/1.4 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window { display:flex;flex-direction:column;max-height:88dvh;width:680px;max-width:100%;border:1px solid #cfcfd6;border-radius:12px;overflow:hidden;background:#f5f5f7;box-shadow:0 16px 48px #00000026;min-height:0 }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-quicklook { width:960px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window-header { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--rfp-line);background:#fafafa;flex-shrink:0 }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window-header h2,
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window-header h3 { margin:0;color:var(--rfp-text);font-size:15px;font-weight:600;overflow-wrap:anywhere }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window-header p { margin:0 0 3px;font-size:11px;color:var(--rfp-secondary) }
.reference-density-modal.reference-density-modal .rfp-window-header button { width:28px;height:28px;flex-shrink:0;padding:0;border:0;background:#e7e7eb;font-size:21px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window-scroll { min-height:0;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain;padding:12px 16px 16px;flex:1 }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window-footer { display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--rfp-line);background:#fafafa;flex-shrink:0;color:var(--rfp-secondary);font-size:11px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window-footer>div { display:flex;gap:6px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window-footer button { min-height:28px!important }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-quick-layout { display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,1fr);gap:16px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-image-panel { min-width:0 }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-image-stage { height:340px;display:flex;align-items:center;justify-content:center;border:1px solid var(--rfp-line);background:#ededf0;border-radius:7px;overflow:hidden }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-image-stage img { width:100%;height:100%;object-fit:contain }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-image-navigation { display:flex;justify-content:space-between;align-items:center;padding-top:8px;gap:8px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-image-navigation button:disabled { opacity:.45;cursor:default!important }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-muted { font-size:11px;color:var(--rfp-secondary);margin:6px 0 }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-metadata h3 { font-size:11px;font-weight:500;margin:0 0 7px;color:var(--rfp-secondary) }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-metadata dl { border:1px solid var(--rfp-line);border-radius:7px;background:#fff;overflow:hidden;margin:0 0 8px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-field { display:grid;grid-template-columns:65px minmax(0,1fr);gap:8px;padding:7px 9px;border-bottom:1px solid #e7e7eb }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-field:last-child { border:0 }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-field dt { font-size:11px;color:var(--rfp-secondary) }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-field dd { margin:0;white-space:pre-wrap;overflow-wrap:anywhere }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-form-grid { display:grid;grid-template-columns:1fr 1fr;gap:9px 12px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-label { display:flex;align-items:center;gap:7px;min-width:0;font-size:11px!important;font-weight:500!important;color:#505057!important }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-label:has(textarea) { align-items:flex-start }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-label>input,
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-label>select,
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-label>textarea { width:100%;min-width:0;flex:1;box-sizing:border-box;border:1px solid #c7c7ce!important;border-radius:5px!important;box-shadow:inset 0 1px 2px #00000006;background:#fff!important;color:var(--rfp-text)!important;padding:0 7px!important;font:12px/1.3 -apple-system,sans-serif!important;margin:0!important }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-label>input:not([type=checkbox]),
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-label>select { height:24px;min-height:24px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-label>textarea { height:44px;min-height:44px;resize:vertical;padding:5px 7px!important }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-label>input[type=file] { border:0!important;background:transparent!important;box-shadow:none;height:auto!important;min-height:24px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-full { grid-column:1/-1 }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-checkboxes { display:grid;grid-template-columns:1fr 1fr;gap:4px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-checkboxes label { min-height:28px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-checkboxes input { flex:none;width:16px;height:16px;min-height:16px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-form fieldset { border:1px solid var(--rfp-line);border-radius:6px;padding:8px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-form legend { font-size:11px;color:var(--rfp-secondary) }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-drop { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:250px;padding:20px;border:1px dashed #a0afc3;border-radius:8px;background:#fff;text-align:center;cursor:pointer }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-drop strong { font-size:14px;font-weight:500 }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-drop span { font-size:11px;color:var(--rfp-secondary) }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-viewer-list { border:1px solid var(--rfp-line);border-radius:7px;background:#fff }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-viewer-list article { display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px;border-bottom:1px solid var(--rfp-line) }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-viewer-list article:last-child { border:0 }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-viewer-list h3 { margin:0;font-size:12px;font-weight:600;color:var(--rfp-text) }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-viewer-list h3 span { font-size:11px;color:var(--rfp-secondary);font-weight:400;margin-left:8px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-viewer-list p { font-size:11px;margin:4px 0 0;color:var(--rfp-secondary);overflow-wrap:anywhere }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-viewer-list button { flex-shrink:0;color:#b4232c!important }
@media(max-width:640px) {
#references-content-inner { padding:10px 8px!important }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-heading { align-items:flex-start;flex-direction:column;gap:7px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-actions { width:100%;gap:4px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-actions button { min-height:28px!important;font-size:11px!important;padding:0 7px!important }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-actions #reference-add { margin-left:auto }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-products { margin-bottom:5px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-products button { min-height:28px!important }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-filter { gap:5px;padding:6px 0 }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-filter input,
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-filter select { height:28px;font-size:16px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-filter select { width:83px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-filter input { width:0;flex:1 }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-filter label { display:none }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-filter span { font-size:11px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-card { height:174px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-thumbnail { height:92px!important }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-card-info { padding:5px 6px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-title { font-size:12px!important }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-card-footer button { min-height:28px!important }
.reference-density-modal.reference-density-modal { padding:0;align-items:flex-end }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window { width:100%;height:auto;max-height:88dvh;border-radius:14px 14px 0 0;border-bottom:0 }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window-header { padding:10px 12px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window-header h2,
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window-header h3 { font-size:15px }
.reference-density-modal.reference-density-modal .rfp-window-header button { width:44px;height:44px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window-scroll { padding:10px 12px 16px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window-footer { padding:8px 12px max(8px,env(safe-area-inset-bottom));align-items:center }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window-footer>span { display:none }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window-footer>div { width:100% }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window-footer button { min-height:44px!important;flex:1 }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-window-footer>button { width:100% }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-quicklook { height:86dvh }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-quick-layout { display:block }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-image-stage { height:230px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-metadata { margin-top:14px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-image-navigation button { min-height:44px!important }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-form-grid { gap:8px;grid-template-columns:1fr 1fr }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-label { display:block }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-label>input,
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-label>select,
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-label>textarea { display:block;margin-top:3px!important;font-size:16px!important }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-label>input:not([type=checkbox]),
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-label>select { height:32px;min-height:32px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-checkboxes label { display:flex;min-height:32px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-checkboxes input { display:inline-block;margin:0!important }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-label>textarea { height:44px;min-height:44px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-drop { min-height:210px;padding:16px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-viewer-list article { align-items:flex-start;padding:9px }
:is(#references-content-inner, .reference-density-modal.reference-density-modal) .rfp-viewer-list button { min-height:44px!important }
}
/* Keep the original loading/result nodes; only their presentation changes. */
.reference-density-modal.reference-density-modal .reference-viewer-list { padding:0; text-align:left; }
.reference-density-modal.reference-density-modal .rfp-window:has(.reference-viewer-list) .rfp-window-footer { justify-content:flex-end; }
.reference-density-modal.reference-density-modal .reference-viewer-list > .rfp-viewer-list { margin:0; }
.reference-density-modal.reference-density-modal .rfp-viewer-list > article > div { min-width:0; }
.reference-density-modal.reference-density-modal .rfp-source { display:inline-flex; align-items:center; min-height:24px; padding:0 9px; border:1px solid #c7c7ce; border-radius:5px; background:#fff; color:var(--rfp-text); text-decoration:none; }
.reference-density-modal.reference-density-modal .reference-viewer-result:not(.hidden) { margin:12px 0 0; font-size:12px; overflow-wrap:anywhere; }
.reference-density-modal.reference-density-modal button:disabled { cursor:default; opacity:.45; }