/* Edition 23: deterministic trial-design graphics. No generated or stock imagery. */
.feed-visual--matched-trial { background: radial-gradient(circle at 80% 27%, rgba(112,207,93,.2), transparent 25%), linear-gradient(133deg, #eef6f7, #f8fbfa); }
.feed-visual--matched-trial .feed-visual-label { z-index: 5; color: #285267; border-color: rgba(40,82,103,.2); background: rgba(251,254,254,.91); }
.feed-visual--matched-trial .feed-visual-mark { right: 15px; bottom: 14px; width: 154px; height: 70px; }
.feed-visual--matched-trial .feed-visual-mark::before { content: ''; position: absolute; right: 8px; bottom: 5px; left: 8px; height: 2px; background: #9eb6c2; }
.feed-visual--matched-trial .feed-visual-mark i { position: absolute; bottom: 14px; width: 26px; background: #86a7b6; }.feed-visual--matched-trial .feed-visual-mark i:nth-child(1) { left: 15px; height: 22px; }.feed-visual--matched-trial .feed-visual-mark i:nth-child(2) { left: 48px; height: 37px; }.feed-visual--matched-trial .feed-visual-mark i:nth-child(3) { right: 48px; height: 46px; background: #70c968; }.feed-visual--matched-trial .feed-visual-mark i:nth-child(4) { right: 15px; height: 31px; background: #70c968; }.feed-visual--matched-trial .feed-visual-mark i:nth-child(n+5) { display: none; }

.featured-visual--matched-trial { background: radial-gradient(circle at 74% 30%, rgba(85,178,214,.2), transparent 25%), linear-gradient(133deg, #0a2942, #16455f); }
.featured-visual--matched-trial .featured-visual-label, .featured-visual--matched-trial .featured-visual-caption { z-index: 5; color: #d8eaee; border: 1px solid rgba(202,232,240,.24); background: rgba(6,34,54,.77); }
.featured-visual--matched-trial .featured-visual-caption { right: 24px; bottom: 22px; left: auto; }
.featured-visual--matched-trial .featured-visual-mark { inset: 0; background-image: linear-gradient(rgba(203,231,238,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(203,231,238,.07) 1px, transparent 1px); background-size: 100% 35%, 25% 100%; }
.featured-visual--matched-trial .featured-visual-mark::before { content: 'MATCHED INPUTS'; position: absolute; top: 25%; left: 11%; color: #b8d2de; font: 9px var(--mono); letter-spacing: .08em; }.featured-visual--matched-trial .featured-visual-mark::after { content: 'FINISHED PRODUCT'; position: absolute; top: 25%; right: 9%; color: #93dc84; font: 9px var(--mono); letter-spacing: .07em; }
.featured-visual--matched-trial .featured-visual-mark i { position: absolute; bottom: 27%; width: 53px; background: #86a7b6; }.featured-visual--matched-trial .featured-visual-mark i:nth-child(1) { left: 16%; height: 58px; }.featured-visual--matched-trial .featured-visual-mark i:nth-child(2) { left: 30%; height: 83px; }.featured-visual--matched-trial .featured-visual-mark i:nth-child(3) { right: 29%; height: 106px; background: #70cf5d; }.featured-visual--matched-trial .featured-visual-mark i:nth-child(4) { right: 15%; height: 76px; background: #70cf5d; }.featured-visual--matched-trial .featured-visual-mark i:nth-child(n+5) { display: none; }

.matched-trial-evidence { background: #eff6f7; }.matched-trial-board { display: grid; grid-template-columns: minmax(0,.93fr) minmax(0,1.07fr); overflow: hidden; background: #0d2b45; }.matched-trial-visual { position: relative; min-height: 580px; margin: 0; padding: 34px; color: #fff; background: radial-gradient(circle at 63% 31%, rgba(101,183,213,.18), transparent 29%), linear-gradient(145deg, #0a2942, #123c56); }.matched-trial-visual::before { content: ''; position: absolute; inset: 0; opacity: .28; background-image: linear-gradient(rgba(204,232,240,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(204,232,240,.13) 1px, transparent 1px); background-size: 62px 62px; }.matched-trial-visual > * { position: relative; z-index: 1; }.matched-trial-visual-label { color: #a7c6d1; font: 10px var(--mono); letter-spacing: .075em; text-transform: uppercase; }.matched-trial-vessels { position: absolute; top: 125px; right: 9%; left: 9%; display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }.matched-trial-vessel { position: relative; display: grid; justify-items: center; gap: 13px; }.matched-trial-vessel-label { color: #d5e7ed; font-size: 13px; font-weight: 800; }.matched-trial-vessel-body { position: relative; width: 112px; height: 168px; display: block; border: 3px solid #a8c6d2; border-radius: 56px 56px 26px 26px; background: linear-gradient(180deg, #184762 0 35%, #7898a6 36% 100%); box-shadow: 0 0 0 14px rgba(168,198,210,.05); }.matched-trial-vessel-body::before { content: ''; position: absolute; top: -30px; left: 35px; width: 36px; height: 28px; border: 3px solid #a8c6d2; border-bottom: 0; border-radius: 9px 9px 0 0; }.matched-trial-vessel--candidate .matched-trial-vessel-body { border-color: #9add8b; background: linear-gradient(180deg, #184762 0 35%, #70c968 36% 100%); box-shadow: 0 0 0 14px rgba(112,207,93,.07); }.matched-trial-vessel--candidate .matched-trial-vessel-body::before { border-color: #9add8b; }.matched-trial-locks { position: absolute; right: 9%; bottom: 62px; left: 9%; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(207,233,240,.24); border-left: 1px solid rgba(207,233,240,.24); }.matched-trial-lock { min-height: 100px; padding: 16px 14px; border-right: 1px solid rgba(207,233,240,.24); border-bottom: 1px solid rgba(207,233,240,.24); background: rgba(8,37,57,.62); }.matched-trial-lock b { display: block; margin-bottom: 8px; color: #75ce6b; font: 10px var(--mono); letter-spacing: .05em; text-transform: uppercase; }.matched-trial-lock span { color: #d2e4eb; font-size: 12px; line-height: 1.4; }.matched-trial-visual figcaption { position: absolute; right: 9%; bottom: 22px; left: 9%; color: #abc4cf; font-size: 10px; line-height: 1.45; }
.matched-trial-guide { display: flex; flex-direction: column; min-height: 580px; padding: 42px 45px 37px; color: #fff; background: linear-gradient(145deg, #123a53, #0b283f); }.matched-trial-guide .comparison-label, .matched-trial-checks .comparison-label, .matched-trial-route .comparison-label, .matched-trial-matrix .comparison-label { color: #9ce18d !important; }.matched-trial-guide h3 { max-width: 460px; margin: 0; color: #fff; font-size: clamp(30px, 3vw, 40px); line-height: 1.05; letter-spacing: -.06em; }.matched-trial-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin: 30px 0 19px; }.matched-trial-tab { min-height: 48px; padding: 10px 10px; color: #c3d8e0; border: 1px solid rgba(209,234,241,.22); background: rgba(255,255,255,.035); font: 800 11px/1.25 var(--sans); text-align: left; transition: color .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease); }.matched-trial-tab:hover { color: #fff; border-color: #9ddb94; background: rgba(112,207,93,.12); }.matched-trial-tab:focus-visible { outline: 3px solid rgba(105,187,218,.72); outline-offset: 3px; }.matched-trial-tab[aria-selected='true'] { color: #0b2d43; border-color: var(--journal-green); background: var(--journal-green); }.matched-trial-detail { margin-top: auto; padding-top: 20px; border-top: 1px solid rgba(211,235,243,.21); }.matched-trial-detail-header { display: grid; grid-template-columns: 50px 1fr; gap: 16px; align-items: start; }.matched-trial-index { color: var(--journal-green); font: 21px/1 var(--mono); letter-spacing: -.05em; }.matched-trial-detail h4 { margin: 0 0 9px; color: #fff; font-size: 20px; line-height: 1.18; letter-spacing: -.04em; }.matched-trial-detail-header p { margin: 0; color: #c3d7e0; font-size: 14px; line-height: 1.6; }.matched-trial-checks { margin: 19px 0 0 66px; padding: 16px 0; border-top: 1px solid rgba(211,235,243,.17); border-bottom: 1px solid rgba(211,235,243,.14); }.matched-trial-checks ul { display: grid; gap: 7px; margin: 9px 0 0; padding: 0; list-style: none; }.matched-trial-checks li { position: relative; padding-left: 14px; color: #e0edf1; font-size: 12px; line-height: 1.45; }.matched-trial-checks li::before { content: ''; position: absolute; top: .56em; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--journal-green); }.matched-trial-boundary { margin: 15px 0 0 66px; color: #abc5d0; font-size: 12px; line-height: 1.48; }
.matched-trial-matrix { margin-top: 36px; padding: 31px; background: #fff; border-top: 3px solid var(--journal-green); }.matched-trial-matrix h3 { max-width: 600px; margin: 0 0 25px; color: var(--journal-navy); font-size: 29px; line-height: 1.1; letter-spacing: -.055em; }.matched-trial-table { width: 100%; border-collapse: collapse; color: #17354a; border: 1px solid #c9dbe2; }.matched-trial-table th, .matched-trial-table td { padding: 17px 20px; border: 1px solid #c9dbe2; text-align: left; }.matched-trial-table th { color: #4d6c7f; background: #e5f0f3; font: 10px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.matched-trial-table th:last-child { color: #266b42; background: #dff0dc; }.matched-trial-table td { font-size: 15px; line-height: 1.45; }.matched-trial-table td:first-child { width: 26%; color: #365e70; font-weight: 800; }.matched-trial-table td:last-child { color: #1e6b3b; background: #f3faef; font-weight: 700; }
.matched-trial-route { margin-top: 36px; padding: 31px; color: #fff; background: #0c2c45; }.matched-trial-route h3 { max-width: 660px; margin: 0; color: #fff; font-size: 29px; line-height: 1.1; letter-spacing: -.057em; }.matched-trial-route-list { display: grid; grid-template-columns: 1fr 27px 1fr 27px 1fr; gap: 9px; align-items: stretch; margin: 26px 0 0; padding: 0; list-style: none; }.matched-trial-route-list li { min-height: 144px; padding: 19px; background: rgba(255,255,255,.055); border-top: 1px solid rgba(210,233,243,.25); }.matched-trial-route-list li > span { display: block; margin-bottom: 25px; color: var(--journal-green); font: 10px var(--mono); }.matched-trial-route-list b { display: block; margin-bottom: 7px; color: #fff; font-size: 16px; letter-spacing: -.035em; }.matched-trial-route-list p { margin: 0; color: #bdd2dc; font-size: 12px; line-height: 1.53; }.matched-trial-arrow { align-self: center; color: var(--journal-green); font-size: 16px; font-style: normal; text-align: center; }
/* Protected label band: the vessel-neck line begins beneath the label, never through it. */
.matched-trial-vessel { grid-template-rows: 20px auto; gap: 42px; }
.matched-trial-vessel-label { position: relative; z-index: 2; min-height: 20px; line-height: 20px; white-space: nowrap; }
@media (max-width: 980px) { .matched-trial-board { grid-template-columns: 1fr; }.matched-trial-visual { min-height: 455px; }.matched-trial-guide { min-height: 0; }.matched-trial-vessels { top: 100px; }.matched-trial-locks { bottom: 56px; } }
@media (max-width: 720px) { .featured-visual--matched-trial .featured-visual-caption { right: 16px; bottom: 16px; }.featured-visual--matched-trial .featured-visual-mark::before { left: 10%; font-size: 7px; }.featured-visual--matched-trial .featured-visual-mark::after { right: 8%; font-size: 7px; }.featured-visual--matched-trial .featured-visual-mark i:nth-child(1) { left: 15%; height: 42px; }.featured-visual--matched-trial .featured-visual-mark i:nth-child(2) { left: 30%; height: 61px; }.featured-visual--matched-trial .featured-visual-mark i:nth-child(3) { right: 29%; height: 77px; }.featured-visual--matched-trial .featured-visual-mark i:nth-child(4) { right: 15%; height: 55px; }
  .matched-trial-visual { min-height: 472px; padding: 22px; }.matched-trial-vessels { top: 100px; gap: 18px; }.matched-trial-vessel { gap: 34px; }.matched-trial-vessel-label { font-size: 12px; }.matched-trial-vessel-body { width: 80px; height: 120px; border-radius: 40px 40px 19px 19px; }.matched-trial-vessel-body::before { top: -22px; left: 24px; width: 27px; height: 21px; }.matched-trial-locks { right: 22px; bottom: 54px; left: 22px; }.matched-trial-lock { min-height: 89px; padding: 12px 9px; }.matched-trial-lock b { font-size: 8px; }.matched-trial-lock span { font-size: 10px; }.matched-trial-visual figcaption { right: 22px; bottom: 18px; left: 22px; font-size: 9px; }.matched-trial-guide { padding: 29px 20px 25px; }.matched-trial-guide h3 { font-size: 29px; }.matched-trial-tabs { margin: 24px 0 17px; }.matched-trial-tab { min-height: 46px; padding: 8px; font-size: 10px; }.matched-trial-detail-header { grid-template-columns: 41px 1fr; gap: 12px; }.matched-trial-index { font-size: 17px; }.matched-trial-detail h4 { font-size: 17px; }.matched-trial-detail-header p { font-size: 13px; line-height: 1.57; }.matched-trial-checks { margin: 17px 0 0 53px; padding: 14px 0; }.matched-trial-checks li { font-size: 12px; }.matched-trial-boundary { margin: 14px 0 0 53px; font-size: 12px; line-height: 1.47; }.matched-trial-matrix { margin-top: 25px; padding: 25px 20px; }.matched-trial-matrix h3 { font-size: 27px; }.matched-trial-table { display: block; border: 0; }.matched-trial-table thead { display: none; }.matched-trial-table tbody, .matched-trial-table tr { display: block; }.matched-trial-table tr { margin-bottom: 10px; border: 1px solid #c9dbe2; }.matched-trial-table td { display: block; padding: 8px 12px; border: 0; font-size: 13px; }.matched-trial-table td:first-child { width: auto; padding: 12px; color: #17354a; background: #e5f0f3; font-size: 13px; }.matched-trial-table td:nth-child(2)::before, .matched-trial-table td:nth-child(3)::before { display: inline-block; width: 84px; color: #608094; font: 9px var(--mono); letter-spacing: .05em; text-transform: uppercase; }.matched-trial-table td:nth-child(2)::before { content: 'Current'; }.matched-trial-table td:nth-child(3)::before { content: 'Candidate'; }.matched-trial-table td:last-child { background: #f3faef; }.matched-trial-route { margin-top: 25px; padding: 25px 20px; }.matched-trial-route h3 { font-size: 27px; }.matched-trial-route-list { display: block; margin-top: 22px; }.matched-trial-route-list li { min-height: 0; padding: 18px; }.matched-trial-route-list li > span { margin-bottom: 12px; }.matched-trial-arrow { display: block; width: 1px; height: 22px; margin: 0 auto; overflow: hidden; background: rgba(210,233,243,.35); font-size: 0; }.matched-trial-arrow::after { content: '↓'; position: relative; top: 12px; left: -4px; color: var(--journal-green); font-size: 14px; } }