/* Article-width scientific figures, native SVG charts, and section navigation. */
.research-article .page-hero::before{
 --design-hero-art-size:clamp(640px,65vw,800px);
 background-image:url('design-report/hero-structure-colored-soft.png');
 background-size:var(--design-hero-art-size) auto;
 background-position:right calc(var(--design-hero-art-size) * -.35) center;
 background-repeat:no-repeat;
 opacity:1;
 -webkit-mask-image:linear-gradient(90deg,transparent 45%,rgba(0,0,0,.4) 70%,#000 100%);
 mask-image:linear-gradient(90deg,transparent 45%,rgba(0,0,0,.4) 70%,#000 100%);
}
.research-article .article-layout{padding-bottom:64px}
.research-article article>p{color:var(--ink-secondary);margin-bottom:40px;line-height:1.8}
.research-article .article-section{margin-top:64px;margin-bottom:64px}
.research-article .article-section h3{font-size:21px;letter-spacing:-.025em;font-weight:600;line-height:1.4;margin:36px 0 0}
.research-article article p .bi,.research-article figcaption .bi{display:block}
.research-article .article-section p a{color:var(--brand-blue);text-decoration:underline;text-underline-offset:3px}
.design-toc{display:flex;flex-wrap:wrap;gap:10px 22px;padding:0 0 28px;margin-bottom:32px;border-bottom:1px solid var(--hairline-border);font-size:12px;line-height:1.6;color:var(--ink-secondary)}
.design-toc a:hover{color:var(--brand-blue)}.design-toc-label{width:100%;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600;color:var(--ink-muted)}
.research-article .article-section .design-figure{width:100%;max-width:100%;margin:38px 0 48px;scroll-margin-top:100px;container-type:inline-size;container-name:design-figure}
.design-panels{display:grid;gap:18px;background:#fff;padding:16px;border:1px solid var(--hairline-border);border-radius:10px}
.design-cols-1{grid-template-columns:minmax(0,1fr)}.design-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.design-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.design-panel{min-width:0}.design-svg,.design-structure{display:block;width:100%;max-width:100%;height:auto;background:#fff;cursor:default}
.design-panel-label{font-size:12px;line-height:1.5;color:var(--ink-secondary);font-weight:600;margin-bottom:10px}
.design-structure-row{padding:12px;background:#fff;border:1px solid var(--hairline-border);border-radius:10px}
.design-competition .design-structure{height:210px;object-fit:contain}
.design-subfigure-title{font-size:16px;font-weight:600;margin:28px 0 14px;line-height:1.5}
.research-article .design-figure figcaption{font-size:12px;line-height:1.8;width:100%;max-width:100%;margin:16px 0 0;color:var(--ink-secondary)}
.design-pending{aspect-ratio:1.55;display:grid;place-items:center;text-align:center;border:1px dashed #b8bfcb;background:#faf9f6;color:var(--ink-muted);font-size:14px}
.design-table-wrap{overflow-x:auto;background:#fff;margin-top:16px;padding:14px;border:1px solid var(--hairline-border);border-radius:10px}
.design-table-wrap table{width:100%;border-collapse:collapse;text-align:right;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums}.design-table-wrap th,.design-table-wrap td{padding:10px 6px;border-bottom:1px solid var(--hairline-border)}.design-table-wrap thead th{font-weight:600;color:var(--ink-secondary)}.design-table-wrap th:first-child{text-align:left;white-space:nowrap}.design-table-wrap tr:last-child td,.design-table-wrap tr:last-child th{border-bottom:0}
.research-article article .design-source{font-size:12px;line-height:1.8;color:var(--ink-muted);border-top:1px solid var(--hairline-border);padding-top:24px;margin-top:48px;margin-bottom:0}
/* Exact source rates, on a shared 0–70% scale. */
.hit-rate-chart{padding:18px 18px 14px;background:#fff;border:1px solid var(--hairline-border);border-radius:10px;margin-bottom:24px;font-variant-numeric:tabular-nums}
.hit-rate-row{display:grid;grid-template-columns:96px minmax(0,1fr) 52px;gap:12px;align-items:center;min-height:34px;font-size:12px;line-height:1.4}
.hit-rate-target{text-align:right;white-space:nowrap}.hit-rate-track{height:34px;display:flex;align-items:center;border-left:1px solid #c5c9d0;background:linear-gradient(90deg,transparent calc(28.5714% - .5px),#eff0f2 28.5714%,transparent calc(28.5714% + .5px),transparent calc(57.1429% - .5px),#eff0f2 57.1429%,transparent calc(57.1429% + .5px),transparent calc(85.7143% - .5px),#eff0f2 85.7143%,transparent calc(85.7143% + .5px))}
.hit-rate-bar{height:20px;background:#2644a4;border-radius:0 3px 3px 0}.hit-rate-value{color:var(--ink-secondary)}
.hit-rate-axis{position:relative;display:block;height:24px;margin:6px 64px 0 108px;font-size:10px;color:var(--ink-muted)}.hit-rate-axis span{position:absolute;transform:translateX(-50%)}.hit-rate-axis span:nth-child(1){left:0}.hit-rate-axis span:nth-child(2){left:28.5714%}.hit-rate-axis span:nth-child(3){left:57.1429%}.hit-rate-axis span:nth-child(4){left:85.7143%}.hit-rate-axis span:nth-child(5){left:100%}
/* Coverage beside epitope binning, within the same article-width figure. */
.design-evidence-grid{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:24px;margin-top:20px;padding:16px;background:#fff;border:1px solid var(--hairline-border);border-radius:10px;align-items:start}
.design-hitrate-panel{min-width:0}
.design-evidence-grid .design-subfigure-title{font-size:13px;line-height:1.5;margin:0 0 12px}
.design-evidence-grid .hit-rate-chart{border:0;border-radius:0;padding:0;margin:0}
.design-evidence-grid .hit-rate-row{grid-template-columns:82px minmax(0,1fr) 38px;gap:6px;min-height:23px;font-size:11px}
.design-evidence-grid .hit-rate-track{height:23px}.design-evidence-grid .hit-rate-bar{height:15px}
.design-evidence-grid .hit-rate-axis{margin:6px 44px 0 88px;height:20px;font-size:9px}
.design-evidence-grid .design-competition{grid-template-columns:minmax(0,1fr);gap:16px;border:0;border-radius:0;padding:0;min-width:0}
.design-evidence-grid .design-competition .design-panel{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px;align-items:center}
.design-evidence-grid .design-competition .design-panel-label{grid-column:1/-1;margin:0}
.design-evidence-grid .design-competition .design-structure{height:150px}
.design-evidence-grid .design-competition .design-structure-crop{height:138px}
@container design-figure (max-width:659px){
 .design-evidence-grid{grid-template-columns:1fr;padding:14px;gap:28px}
 .design-evidence-grid .hit-rate-row{grid-template-columns:82px minmax(0,1fr) 38px}
 .design-evidence-grid .design-competition .design-panel{grid-template-columns:minmax(100px,.38fr) minmax(0,.62fr)}
 .design-evidence-grid .design-competition .design-structure{height:180px}
 .design-evidence-grid .design-competition .design-structure-crop{height:145px}
}
@media(min-width:1000px){
 .research-article .article-layout{display:grid;grid-template-columns:180px minmax(0,740px);gap:32px;max-width:1032px;padding-top:56px}
 .research-article .article-layout article{width:100%;max-width:740px;margin:0;min-width:0}
 .research-article .page-hero .shell{max-width:952px;padding-left:212px}
 .design-toc{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:0;margin:0;padding:0 14px 0 0;border-bottom:0;border-right:1px solid var(--hairline-border)}
 .design-toc-label{padding:0 0 16px}.design-toc a{display:block;padding:9px 0;line-height:1.65}.design-toc .bi{display:block}
}
@media(max-width:999px){.research-article .article-layout{max-width:820px}.research-article .article-layout article{max-width:740px}.design-toc{max-width:740px;margin-left:auto;margin-right:auto}}
@media(max-width:800px){.design-panels{padding:12px;gap:24px}.design-cols-3,.design-cols-2{grid-template-columns:1fr}.design-competition .design-structure{height:240px}.design-table-wrap{padding:12px}.design-table-wrap table{min-width:500px}.research-article .article-section{margin-top:44px;margin-bottom:44px}.design-toc{gap:10px 18px}.hit-rate-chart{padding:14px 10px}.hit-rate-row{grid-template-columns:80px minmax(0,1fr) 44px;gap:8px;font-size:11px;min-height:32px}.hit-rate-track{height:32px}.hit-rate-bar{height:18px}.hit-rate-axis{margin-left:88px;margin-right:52px}}
@media print{.design-toc{display:none}.research-article .article-layout{display:block}.research-article .page-hero .shell{padding-left:0}.design-panels{break-inside:avoid}.design-table-wrap{overflow:visible}}

/* Author–year citations and hanging references match the 02 research article. */
.research-article .citation{font-size:inherit;line-height:inherit;vertical-align:baseline}
.research-article .citation a{text-decoration:none}
.research-article .reference-list{margin:24px 0 0;padding:0;list-style:none;color:var(--ink-secondary);font-size:13px;line-height:1.8}
.research-article .reference-list li{padding-left:24px;text-indent:-24px;margin-top:24px;scroll-margin-top:110px;overflow-wrap:anywhere}
.research-article .reference-list li:target{background:var(--brand-wash);border-radius:4px}
.research-article .reference-list a{color:var(--brand-blue);text-decoration:underline;text-underline-offset:3px}
