/* Shared approved article and review figures. See docs/visual-style-guide.md. */
.homepage-plate { background: var(--plate-bg); color: var(--plate-text); border: 1px solid var(--plate-border); border-radius: 20px; overflow: hidden; box-shadow: 0 24px 48px -28px rgb(17 24 39 / 50%); }
.homepage-plate-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 22px; border-bottom: 1px solid var(--plate-border); }
.homepage-plate-heading strong { font-size: 13px; font-weight: 600; line-height: 1.5; }
.homepage-plate-heading > span { font-size: 8px; font-family: var(--font-mono); color: var(--plate-muted); flex-shrink: 0; }
.homepage-plate-scene { padding: 26px; background-image: radial-gradient(var(--plate-border) .5px, transparent .5px); background-size: 20px 20px; }
.homepage-plate-foot { display: block; padding: 12px 20px; border-top: 1px solid var(--plate-border); font-size: 8px; font-family: var(--font-mono); color: var(--plate-muted); text-align: right; }
.homepage-plate .hp-kicker { display: block; font-family: var(--font-mono); font-size: 9px; line-height: 1.6; letter-spacing: .035em; color: var(--plate-muted); }
.homepage-plate small { display: block; font-size: 11px; line-height: 1.6; color: var(--plate-muted); }
.hp-search { position: relative; padding: 16px; background: var(--plate-node); border: 1px solid var(--plate-border); border-radius: 10px; margin-bottom: 24px; }
.hp-search strong { display: block; font-size: 15px; margin-top: 5px; padding-right: 20px; overflow-wrap: anywhere; }
.hp-search-icon { position: absolute; right: 17px; bottom: 15px; color: var(--plate-accent); }
.hp-source-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.hp-source-grid > div { background: var(--plate-node); padding: 12px; border: 1px solid var(--plate-border); border-radius: 9px; }
.hp-source-icon { display: grid; place-items: center; width: 28px; height: 28px; font-family: var(--font-mono); color: var(--plate-accent); border: 1px solid var(--plate-accent); border-radius: 7px; margin-bottom: 10px; }
.hp-source-grid strong { display: block; font-size: 12px; }
.hp-source-grid small { font-size: 9px; }
.hp-converge { display: block; width: 100%; height: 52px; }
.hp-converge path { fill: none; stroke: var(--plate-accent); stroke-width: 1.5; }
.hp-dedupe { display: grid; grid-template-columns: 1fr 22px 1fr; gap: 12px; align-items: center; margin-bottom: 24px; }
.hp-duplicate-record { display: flex; gap: 8px; align-items: center; justify-content: space-between; padding: 8px 10px; font-size: 12px; background: var(--plate-node); border: 1px solid var(--plate-border); border-radius: 7px; margin-top: 8px; }
.hp-duplicate-record--second { border-style: dashed; opacity: .7; }
.hp-duplicate-record small { font-size: 9px; }
.hp-flow-arrow { color: var(--plate-accent); font-size: 20px; }
.hp-unique { padding: 14px; background: var(--plate-accent-fill); border: 1px solid var(--plate-accent); border-radius: 9px; }
.hp-unique strong { display: block; margin-block: 8px 4px; font-size: 16px; }
.hp-destination { display: flex; gap: 12px; align-items: center; padding: 15px; border: 1px solid var(--plate-border); border-radius: 10px; background: var(--plate-node); }
.hp-destination strong { display: block; font-size: 12px; }
.hp-destination .hp-outline-pill { margin-left: auto; font-size: 9px; white-space: nowrap; }
.hp-file-icon { color: var(--plate-accent); font-size: 30px; line-height: 1; }
.hp-outline-pill { display: inline-block; color: var(--plate-accent); border: 1px solid var(--plate-border); border-radius: 9999px; padding: 4px 9px; font-size: 9px; white-space: nowrap; }
.hp-screen-context { display: grid; grid-template-columns: 1.15fr 1fr; gap: 14px; margin-bottom: -7px; position: relative; z-index: 1; }
.hp-queue, .hp-criteria { border: 1px solid var(--plate-border); border-radius: 10px; padding: 13px; background: var(--plate-node); }
.hp-queue { transform: rotate(-2deg); }
.hp-criteria { transform: rotate(2deg); }
.hp-queue-row { display: flex; gap: 8px; align-items: center; font-size: 10px; margin-top: 10px; color: var(--plate-muted); }
.hp-queue-row b { font-family: var(--font-mono); font-weight: 400; }
.hp-queue-row--active { background: var(--plate-accent-fill); color: var(--plate-text); padding: 6px; margin-inline: -6px; border-radius: 5px; }
.hp-criteria strong { display: block; font-size: 11px; margin-block: 9px 2px; }
.hp-criteria small { font-size: 9px; }
.hp-helper-label { display: block; font-size: 9px; font-weight: 600; color: var(--plate-accent); margin-top: 10px; }
.hp-paper { position: relative; background: var(--plate-bg); border: 1px solid var(--plate-border); border-radius: 12px; padding: 20px; box-shadow: 0 18px 32px -22px rgb(0 0 0 / 70%); z-index: 2; }
.hp-paper-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 9px; color: var(--plate-muted); }
.hp-paper h4 { font-size: 17px; font-weight: 600; line-height: 1.45; margin: 14px 0; letter-spacing: -.02em; }
.hp-paper p { font-size: 12px; line-height: 1.8; color: var(--plate-muted); }
.homepage-plate mark { color: var(--plate-text); background: var(--plate-highlight); box-decoration-break: clone; -webkit-box-decoration-break: clone; padding: 1px 3px; border-radius: 3px; }
.hp-review-actions { border-top: 1px solid var(--plate-border); padding-top: 14px; margin-top: 18px; }
.hp-review-actions > div { display: flex; gap: 8px; margin-top: 8px; }
.hp-decision { display: inline-block; padding: 5px 12px; border: 1px solid var(--plate-border); border-radius: 9999px; font-size: 11px; font-weight: 500; text-align: center; }
.hp-decision--include { background: var(--plate-include); border-color: #10b981; }
.hp-decision--exclude { background: var(--plate-exclude); border-color: #f43f5e; }
.hp-decision--maybe { background: var(--plate-maybe); border-color: #f59e0b; }
.hp-feedback { display: flex; align-items: center; gap: 12px; padding: 16px 4px 0; }
.hp-feedback > span { color: var(--plate-accent); font-size: 28px; }
.hp-feedback p { color: var(--plate-muted); font-size: 10px; line-height: 1.7; }
.hp-feedback strong { font-weight: 500; color: var(--plate-text); }
.hp-retrieval { border: 1px solid var(--plate-border); border-radius: 10px; background: var(--plate-node); padding: 14px; }
.hp-retrieval > .hp-paper-meta { margin-bottom: 8px; }
.hp-retrieval-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0; border-top: 1px solid var(--plate-border); }
.hp-retrieval-row strong { font-size: 11px; font-weight: 500; }
.hp-status { background: var(--plate-accent-fill); color: var(--plate-accent); border: 1px solid var(--plate-border); padding: 3px 7px; font-size: 9px; border-radius: 9999px; white-space: nowrap; }
.hp-status--success { background: var(--plate-include); color: var(--plate-text); border-color: #10b981; }
.hp-status--saved { color: var(--plate-text); }
.hp-status--warning { background: var(--plate-maybe); color: var(--plate-text); border-color: #f59e0b; }
.hp-link-caption { display: grid; grid-template-columns: 25px 1fr; gap: 0 8px; padding: 16px 4px; }
.hp-link-caption > span:first-child { grid-row: span 2; color: var(--plate-accent); font-size: 24px; align-self: center; }
.hp-link-caption > span:nth-child(2) { font-size: 11px; }
.hp-link-caption small { font-size: 9px; }
.hp-pdf-reader { display: grid; grid-template-columns: 1.1fr 1fr; gap: 22px; padding: 20px; border: 1px solid var(--plate-border); border-radius: 12px; background: var(--plate-bg); box-shadow: 0 18px 32px -22px rgb(0 0 0 / 70%); }
.hp-reader-document { background: var(--plate-node); border: 1px solid var(--plate-border); border-radius: 6px; padding: 14px; transform: rotate(-2deg); }
.hp-reader-document strong { display: block; font-size: 13px; line-height: 1.5; margin-top: 12px; }
.hp-reader-document svg { width: 100%; margin-top: 12px; }
.hp-reader-document path { fill: none; stroke: var(--plate-muted); stroke-width: 1.5; }
.hp-reader-document rect { fill: var(--plate-accent-fill); opacity: .65; }
.hp-reader-context > strong { display: block; font-size: 14px; line-height: 1.5; margin-block: 12px 6px; }
.hp-reader-context .hp-outline-pill { margin-top: 14px; }
.hp-reader-context .hp-upload-note { border-top: 1px solid var(--plate-border); margin-top: 16px; padding-top: 10px; font-size: 10px; }
.hp-conflict { background: var(--plate-node); border: 1px solid var(--plate-border); border-radius: 10px; padding: 15px; }
.hp-reviewer-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 14px; }
.hp-reviewer-pair > span { font-size: 11px; display: flex; align-items: center; gap: 8px; justify-content: space-between; }
.hp-reviewer-pair .hp-decision { font-size: 9px; padding: 3px 8px; }
.hp-resolve { display: grid; grid-template-columns: 18px 1fr; gap: 0 8px; padding-top: 15px; }
.hp-resolve > span { grid-row: span 2; color: var(--plate-accent); align-self: center; font-size: 20px; }
.hp-resolve strong { font-size: 12px; }
.hp-resolve small { font-size: 10px; }
.hp-report-output { display: grid; grid-template-columns: 1.6fr 1fr; gap: 18px; align-items: center; margin-top: 24px; }
.hp-prisma { background: var(--plate-bg); border: 1px solid var(--plate-border); border-radius: 10px; padding: 14px; }
.hp-prisma svg { display: block; width: 100%; margin-top: 10px; }
.hp-prisma rect { fill: var(--plate-node); stroke: var(--plate-border); }
.hp-prisma .hp-prisma-included { fill: var(--plate-accent-fill); stroke: var(--plate-accent); }
.hp-prisma-wire { fill: none; stroke: var(--plate-accent); stroke-width: 1.5; }
.hp-prisma text { fill: var(--plate-text); font-size: 13px; }
.hp-prisma .hp-svg-count { font-family: var(--font-mono); font-size: 12px; fill: var(--plate-accent); }
.hp-prisma .hp-svg-small { font-size: 10px; fill: var(--plate-muted); }
.hp-export-file strong { display: block; font-size: 13px; margin-block: 12px 6px; }
.hp-export-file small { font-size: 10px; }
.hp-export-file .hp-outline-pill { margin-top: 14px; font-size: 9px; }
.hp-citation-map { display: block; width: 100%; }
.hp-citation-map--mobile { display: none; }
.hp-citation-map rect { fill: var(--plate-node); stroke: var(--plate-border); stroke-width: 1.25; }
.hp-citation-map text { fill: var(--plate-text); font-size: 16px; font-family: var(--font-sans); }
.hp-citation-map .hp-svg-kicker { fill: var(--plate-muted); font-size: 11px; font-family: var(--font-mono); letter-spacing: .04em; }
.hp-citation-map .hp-svg-small { fill: var(--plate-muted); font-size: 12px; }
.hp-citation-wire { fill: none; stroke: var(--plate-accent); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.hp-citation-wire--muted { stroke: var(--plate-line); opacity: .5; }
.hp-citation-map .hp-citation-muted-node { opacity: .55; }
.hp-citation-map .hp-citation-shared { fill: var(--plate-accent-fill); stroke: var(--plate-accent); }
.hp-keyword-note { padding: 14px; border: 1px solid var(--plate-border); border-radius: 9px; background: var(--plate-node); margin-bottom: 16px; }
.hp-keyword-note p { font-size: 11px; line-height: 1.8; margin-top: 6px; color: var(--plate-muted); }
@media (max-width: 600px) {
.hp-citation-map--desktop { display: none; }
.hp-citation-map--mobile { display: block; }
.homepage-plate-heading { padding: 15px; }
.homepage-plate-heading strong { font-size: 12px; }
.homepage-plate-scene { padding: 16px; }
.homepage-plate-foot { padding: 10px 14px; font-size: 7px; }
.hp-source-grid { gap: 6px; }
.hp-source-grid > div { padding: 9px 7px; }
.hp-source-grid strong { font-size: 11px; }
.hp-source-grid small { font-size: 8px; }
.hp-dedupe { grid-template-columns: 1fr 14px 1fr; gap: 7px; }
.hp-duplicate-record { font-size: 10px; padding: 7px; }
.hp-duplicate-record small { font-size: 8px; }
.hp-unique { padding: 10px; }
.hp-unique small { font-size: 9px; }
.hp-destination { flex-wrap: wrap; padding: 12px; }
.hp-destination .hp-outline-pill { margin-left: 40px; }
.hp-screen-context { grid-template-columns: 1fr; margin-bottom: 14px; }
.hp-queue, .hp-criteria { transform: none; }
.hp-criteria { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 12px; }
.hp-criteria > .hp-kicker { grid-column: 1 / -1; }
.hp-helper-label { margin-top: 0; }
.hp-criteria strong { margin-block: 0; }
.hp-paper { padding: 15px; }
.hp-paper h4 { font-size: 16px; }
.hp-paper p { font-size: 12px; }
.hp-review-actions > div { gap: 6px; }
.hp-decision { font-size: 10px; padding: 5px 10px; }
.hp-pdf-reader { padding: 14px; gap: 15px; }
.hp-reader-document { padding: 10px; }
.hp-reader-document strong { font-size: 11px; }
.hp-reader-context > strong { font-size: 12px; }
.hp-reader-context small { font-size: 10px; }
.hp-reviewer-pair { gap: 12px; }
.hp-reviewer-pair > span { flex-direction: column; align-items: start; gap: 6px; }
.hp-report-output { grid-template-columns: 1fr; }
.hp-export-file { border-top: 1px solid var(--plate-border); padding-top: 18px; }
}
.hp-review-domain { display: flex; justify-content: space-between; gap: 12px; padding: 10px 22px; border-bottom: 1px solid var(--plate-border); color: var(--plate-muted); font-size: 9px; }
.hp-review-domain strong { font-weight: 500; color: var(--plate-accent); }
.hp-research-article { background: #fff; color: #111827; border: 1px solid #cbd5e1; border-radius: 3px; padding: 20px; box-shadow: 0 14px 32px -24px rgb(0 0 0 / 55%); overflow-wrap: anywhere; }
.hp-journal-line { display: flex; justify-content: space-between; gap: 12px; border-bottom: 2px solid #111827; padding-bottom: 8px; font-size: 10px; font-weight: 600; color: #334155; line-height: 1.4; }
.hp-journal-line > span:last-child { flex-shrink: 0; }
.hp-article-type { display: flex; justify-content: space-between; gap: 8px; margin-top: 13px; color: #64748b; font-size: 8px; letter-spacing: .035em; }
.hp-research-title { font-family: Georgia, 'Times New Roman', serif; font-size: 22px; font-weight: 700; line-height: 1.2; letter-spacing: -.025em; color: #111827; margin: 14px 0 10px; }
.homepage-plate .hp-research-authors { color: #334155; font-size: 11px; line-height: 1.6; margin-top: 8px; }
.homepage-plate .hp-research-doi { color: #64748b; font-family: var(--font-mono); font-size: 8px; line-height: 1.7; margin-top: 4px; }
.hp-research-abstract { margin-top: 20px; padding-top: 12px; border-top: 1px solid #cbd5e1; }
.hp-research-article h5 { font-family: Georgia, 'Times New Roman', serif; font-size: 15px; font-weight: 700; color: #111827; margin: 0 0 8px; }
.homepage-plate .hp-research-abstract p, .homepage-plate .hp-research-body p { color: #334155; font-family: Georgia, 'Times New Roman', serif; font-size: 13px; line-height: 1.7; margin-top: 8px; }
.homepage-plate .hp-research-article mark { color: #111827; background: #e0e7ff; border-bottom: 1px solid #818cf8; }
.hp-research-page-foot { display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid #cbd5e1; padding-top: 10px; margin-top: 20px; font-size: 8px; color: #64748b; }
.hp-research-article--citation { padding: 13px; }
.hp-research-article--citation .hp-journal-line { font-size: 8px; border-bottom-width: 1px; padding-bottom: 6px; }
.hp-research-article--citation .hp-research-title { font-size: 15px; line-height: 1.3; margin-top: 10px; }
.homepage-plate .hp-research-article--citation .hp-research-authors { font-size: 9px; }
.homepage-plate .hp-research-article--citation .hp-research-doi { font-size: 7px; }
.hp-source-caption { display: block; font-size: 9px; color: var(--plate-accent); margin-bottom: 7px; }
.hp-import-citation { margin-top: 10px; }
.hp-import-citation--duplicate { padding: 12px; border: 1px dashed var(--plate-border); border-radius: 5px; opacity: .75; }
.hp-import-citation--duplicate strong { display: block; font-family: Georgia, 'Times New Roman', serif; font-size: 12px; line-height: 1.5; font-weight: 500; }
.hp-import-citation--duplicate small { font-size: 9px; margin-top: 5px; }
.hp-unique--article { padding: 12px; }
.hp-unique--article > .hp-kicker { margin-bottom: 10px; }
.hp-unique--article > small { font-size: 9px; margin-top: 10px; }
.hp-unique--article .hp-research-title { margin-block: 10px; font-size: 15px; }
.hp-screen-context { margin-bottom: 18px; }
.hp-screen-context .hp-queue-row { align-items: start; }
.hp-screen-context .hp-queue-row small { font-size: 8px; margin-top: 2px; }
.hp-screen-context .hp-queue-row b { padding-top: 2px; }
.hp-screening-stage { display: flex; justify-content: space-between; gap: 12px; font-family: var(--font-mono); font-size: 8px; color: var(--plate-muted); margin-block: 16px 10px; }
.hp-screening-stage > span:first-child { color: var(--plate-accent); }
.hp-manuscript-focus { position: relative; }
.hp-manuscript-focus::before { content: ''; position: absolute; inset: 4px 9px -5px 7px; background: #e2e8f0; border: 1px solid #94a3b8; transform: rotate(-1deg); border-radius: 3px; }
.hp-manuscript-focus .hp-research-article { position: relative; }
.hp-screen-decision { margin-top: 22px; padding: 15px; background: var(--plate-node); border: 1px solid var(--plate-border); border-radius: 10px; }
.hp-screen-decision strong { display: block; font-size: 12px; font-weight: 500; margin-top: 5px; }
.hp-screen-decision .hp-review-actions { display: flex; gap: 8px; border-top: 0; padding: 0; margin-top: 12px; }
.hp-retrieval-row small { font-size: 8px; margin-top: 3px; }
.hp-retrieval-row--active { background: var(--plate-accent-fill); padding-inline: 8px; margin-inline: -8px; }
.hp-pdf-reader--article { grid-template-columns: 1.8fr .85fr; padding: 16px; gap: 18px; }
.hp-pdf-page { transform: rotate(-1deg); }
.hp-pdf-page .hp-research-article { padding: 15px; }
.hp-pdf-page .hp-research-title { font-size: 17px; }
.hp-pdf-page .hp-journal-line { font-size: 8px; }
.homepage-plate .hp-pdf-page .hp-research-authors { font-size: 9px; }
.hp-pdf-page .hp-research-abstract { margin-top: 14px; }
.hp-pdf-page .hp-research-article h5 { font-size: 12px; }
.homepage-plate .hp-pdf-page .hp-research-abstract p, .homepage-plate .hp-pdf-page .hp-research-body p { font-size: 10px; }
.hp-research-body { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #cbd5e1; }
.hp-research-body section { padding: 0; }
.hp-pdf-page .hp-research-page-foot { flex-direction: column; gap: 4px; font-size: 7px; }
.hp-conflict-article { margin-top: 12px; }
.hp-seed-articles { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.hp-seed-articles .hp-kicker { margin-bottom: 8px; }
.hp-converge--citations { height: 82px; }
.hp-converge--citations text { font-family: var(--font-sans); font-size: 12px; fill: var(--plate-muted); paint-order: stroke; stroke: var(--plate-bg); stroke-width: 7px; stroke-linejoin: round; }
.hp-shared-reference { padding: 14px; border: 1px solid var(--plate-accent); border-radius: 10px; background: var(--plate-accent-fill); margin-bottom: 16px; }
.hp-shared-reference > .hp-paper-meta { margin-bottom: 12px; }
.hp-shared-reference .hp-research-article { padding: 20px; }
.hp-shared-reference .hp-research-title { font-size: 22px; }
.hp-shared-reference > p { color: var(--plate-muted); font-size: 10px; margin-top: 12px; }
@media (max-width: 600px) {
.hp-review-domain { padding: 9px 15px; font-size: 8px; }
.hp-research-article { padding: 18px; }
.hp-research-title { font-size: 21px; }
.hp-research-page-foot { flex-direction: column; gap: 4px; }
.hp-dedupe--articles { grid-template-columns: 1fr; gap: 16px; }
.hp-dedupe--articles > .hp-flow-arrow { transform: rotate(90deg); justify-self: center; }
.hp-import-citation--duplicate { padding: 10px; }
.hp-screen-context .hp-queue-row, .hp-screen-context .hp-queue-row small { font-size: 10px; }
.hp-criteria { display: block; }
.hp-criteria strong, .hp-helper-label { margin-top: 10px; }
.hp-criteria small { font-size: 10px; }
.hp-screening-stage { flex-direction: column; gap: 5px; }
.hp-pdf-reader--article { grid-template-columns: 1fr; padding: 12px; }
.hp-pdf-page { transform: none; }
.hp-pdf-page .hp-research-title { font-size: 21px; }
.homepage-plate .hp-pdf-page .hp-research-abstract p, .homepage-plate .hp-pdf-page .hp-research-body p { font-size: 12px; }
.hp-reader-context { padding: 6px; }
.hp-seed-articles { gap: 12px; }
.hp-seed-articles .hp-research-article { padding: 10px; }
.hp-seed-articles .hp-research-title { font-size: 13px; }
.hp-seed-articles .hp-journal-line { font-size: 7px; }
.hp-seed-articles .hp-research-doi { display: none; }
.hp-seed-articles .hp-kicker { font-size: 8px; }
.hp-shared-reference .hp-paper-meta { flex-wrap: wrap; }
.hp-shared-reference .hp-research-article { padding: 16px; }
.hp-shared-reference .hp-research-title { font-size: 21px; }
}