.research-cite{display:block;font-family:Arial,"Noto Sans KR",sans-serif;font-size:11px;line-height:1.6;color:#526d5c;font-weight:400;letter-spacing:0;margin-top:12px;overflow-wrap:anywhere}
.research-cite>span{font-family:var(--font);font-size:10px;color:inherit}
.research-refbar{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;line-height:1.7;color:var(--muted);margin-top:10px;flex:none}
.research-refbar button{flex:none;padding:5px 0 5px 12px;color:var(--green);font-size:11px;text-decoration:underline;text-underline-offset:4px}
.tv-need .research-cite{color:#d3dfd1;font-size:10px;line-height:1.65;margin-top:14px}
.tv-need.is-active .research-cite{color:#254d43}
.tv-need>span:last-child{display:flex;flex-direction:column;height:100%}
.tv-need>span:last-child>.research-cite{margin-top:auto;padding-top:14px}
.tv-need .research-cite>span{font-size:9px}
.tv-necessity .tv-need{align-items:start;min-height:155px}
.tv-traditional .tv-caption .research-cite{font-size:9px;max-width:210px;margin-top:6px}
.tv-theory-cards article>.research-cite{margin:12px 0;color:#526d5c;font-size:11px}
.tv-cycle-detail>.research-cite{max-width:420px;font-size:10px;margin-top:15px}
.short-role-grid .research-cite{font-size:10px;margin:0 0 18px}
.short-theories .research-cite{font-size:11px;margin-top:15px}
.view-optical .block .research-cite{font-size:10px;margin-top:5px}
.view-optical .optical-layout .block>div{display:block}
.view-optical .optical-layout .block h3{font-size:18px;margin-bottom:4px}
.view-optical .optical-layout .block p{font-size:14px;line-height:1.5}
@media(min-width:751px){.view-optical .optical-layout .block{padding:.7vh 0}.view-optical .optical-controls{margin-top:10px}}
#research-references{width:min(1050px,94vw);max-height:90dvh;height:85dvh;padding:0;border:1px solid var(--edge);background:var(--paper);color:var(--ink)}
#research-references::backdrop{background:#12201db3;backdrop-filter:blur(5px)}
#research-references .dialogtop{height:92px;padding:20px 30px}
#research-references .dialogtop h2{margin:6px 0 0;font-size:24px;font-weight:550}
.research-refcontent{overflow:auto;height:calc(100% - 92px);padding:12px 30px 35px}
.research-refgroups{display:grid;grid-template-columns:1fr 1fr;gap:15px 30px}
.research-refgroups section{border-bottom:1px solid var(--edge);padding:12px 0 20px}
.research-refgroups h3{font-size:17px;font-weight:600;line-height:1.5;margin:0}
.research-refgroups p{font-size:13px;line-height:1.8;color:var(--muted);margin:10px 0 0}
.research-list-title{font-size:21px;font-weight:550;margin:30px 0 8px}
.research-ref-explainer{font-size:11px;line-height:1.7;color:var(--muted)}
.research-reference-list{padding-left:22px;margin:20px 0 0}
.research-reference-list li{font-size:13px;line-height:1.7;padding:14px 0;border-bottom:1px solid var(--edge)}
.research-reference-list b{font-weight:600}
.research-reference-list p{margin:6px 0;color:var(--muted)}
.research-reference-list li>div{display:flex;gap:8px 15px;flex-wrap:wrap;margin-top:8px}
.research-reference-list a,.research-reference-list button{font-size:11px;padding:0;color:var(--green);text-decoration:underline;text-underline-offset:3px}
@media(min-width:751px) and (max-height:800px){.research-refbar{margin-top:4px;font-size:9px}.tv-necessity .tv-need{min-height:145px;padding:14px 10px}.tv-need .research-cite{font-size:9px}.tv-need>span:last-child>.research-cite{padding-top:8px}.tv-necessity .tv-down-guide{height:45px}.tv-necessity .tv-need-outcome strong{font-size:23px}.view-optical .optical-layout .block{padding:5px 0}.view-optical .optical-layout .block h3{font-size:15px}.view-optical .optical-layout .block p{font-size:12px}.view-optical .block .research-cite{font-size:9px}.short-role-grid .research-cite{font-size:9px;margin-bottom:12px}.short-theories article{padding:18px 0}.short-theories h3{margin:20px 0 14px}}
@media(max-width:750px){.research-refbar{align-items:start;gap:12px}.research-refbar>span{font-size:9px}.research-cite{font-size:10px}.research-refgroups{grid-template-columns:1fr}.research-refcontent{padding:12px 20px 30px}#research-references .dialogtop{padding:15px 20px}#research-references .dialogtop h2{font-size:20px}.tv-necessity .tv-need{min-height:145px}.view-optical .optical-layout .block>div{display:block}.view-optical .block .research-cite{font-size:10px}.short-role-grid .research-cite{font-size:11px}}

/* Keep citations beside their claims; avoid a duplicate footer on the theory cards. */
.tv-theory:has(#tv-panel-theory:not([hidden])) .tv-theory-reference{display:none}
.research-refbar{justify-content:flex-end}