
.approved-foundation{display:grid;grid-template-columns:1fr 1.4fr 32px 1.4fr;gap:24px;align-items:center;margin:32px 0 40px;padding:24px;border:1px solid #52677b;background:#111e2a}.approved-foundation>strong{font-size:13px;line-height:1.6;color:#88bcff}.approved-foundation b{font-size:17px;color:#e0eaf4}.quest-review .approved-foundation p{font-size:16px;line-height:1.6;margin:8px 0 0}.approved-foundation .arrow{color:#328fff;font-size:24px}.quest-review .approved-stage-list{padding-left:20px;margin:18px 0 0;display:grid;gap:8px;font-size:16px;line-height:1.55}.approved-stage-list li::marker{color:#328fff}.quest-explanation .quest-output{margin-top:24px}.quest-explanation .quest-output h4{font-size:14px;line-height:1.5;margin:0;color:#75b4ff}.light .quest-explanation .quest-output h4{color:#255cca}.quest-stage-choice{align-items:center}.quest-stage-choice>span{font-size:17px;line-height:1.4}.quest-stage-choice b{grid-row:auto}.quest-review .step-description{font-size:16px}.quest-stage-choice:nth-child(n+4){border-top:1px solid #405468}.quest-stage-choice:nth-child(3n){border-right:0}.quest-diagram text{letter-spacing:0}.quest-diagram-legend,.quest-mobile-flow{display:none}.quest-panel-content{min-height:0;align-items:start}.quest-explanation{align-self:center}
@media(max-width:760px){.quest-diagram{display:none!important}.quest-panel-content[data-graphic="optimize"] .quest-diagram{display:flex!important}.quest-panel-content[data-graphic="optimize"] .quest-diagram text{font-size:24px}.quest-mobile-flow{display:grid;gap:7px}.flow-node{padding:16px 18px;background:#14324b;border:1px solid #69b5ff;color:#e4f0ff;font-size:15px;line-height:1.5}.flow-node:last-child{background:#255dda}.flow-arrow{color:#328fff;text-align:center;font-size:20px;line-height:1}.light .flow-node{background:#e3edff;color:#173659}.light .flow-node:last-child{background:#255dda;color:white}.approved-foundation{grid-template-columns:1fr;gap:16px;padding:20px}.approved-foundation .arrow{transform:rotate(90deg);justify-self:start}.quest-stage-choice{padding:12px 8px;grid-template-columns:1fr;gap:5px}.quest-stage-choice b{font-size:12px}.quest-stage-choice>span{font-size:14px}.quest-explanation h3{font-size:24px}.quest-review .approved-stage-list{font-size:16px}.quest-diagram{height:auto;aspect-ratio:720/440}.quest-diagram>svg{max-height:none}}

/* Korean-only label scale for the explicitly selected diagrams. */
html[lang="ko"] #qdock-panel .quest-panel-content:is([data-graphic="binding-site"],[data-graphic="candidate"]) .quest-diagram text,
html[lang="ko"] #supernatural-panel .quest-panel-content[data-graphic="activity"] .quest-diagram text{font-size:16px;font-weight:400}
html[lang="ko"] #virtualcro-panel .quest-panel-content[data-graphic="cro-input"] .quest-diagram text{font-size:16px;font-weight:400}
html[lang="ko"] #qdock-panel .quest-panel-content:is([data-graphic="binding-site"],[data-graphic="candidate"]) .quest-diagram text,
html[lang="ko"] #supernatural-panel .quest-panel-content[data-graphic="activity"] .quest-diagram text,
html[lang="ko"] #virtualcro-panel .quest-panel-content:is([data-graphic="cro-input"],[data-graphic="optimize"]) .quest-diagram text{font-family:Arial,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif!important}
html[lang="ko"] #virtualcro-panel .quest-panel-content[data-graphic="optimize"] .quest-diagram text{font-size:11px!important;font-weight:400}
html[lang="ko"] #virtualcro-panel .quest-panel-content[data-graphic="optimize"] .quest-diagram text[style*="text-anchor: start"]{font-size:12px!important}
