#infoDialog[data-view="journal"]{width:min(1000px,94vw);max-height:92vh;overflow-y:auto;container-type:inline-size}
#infoDialog[data-view="journal"] #infoContent{font-size:16px;line-height:1.7}
#infoDialog[data-view="journal"] :is(h3,p,button){text-shadow:none!important}
#infoDialog[data-view="journal"] h3{font-size:20px;line-height:1.5;color:#4a2511}
#infoDialog[data-view="journal"] button{font-size:16px;line-height:1.5;min-height:44px}
.research-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;background:#282332;color:#f4e3be;border:4px solid;border-color:#191521 #463f54 #463f54 #191521;padding:20px}.research-summary strong{font-size:28px;color:#ffd84d}.research-stamps{display:flex;gap:8px;color:#a8a2b8}.research-stamps i{font-style:normal;font-size:24px}.research-stamps .complete{color:#ffd84d}
.research-mode{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.research-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.research-tabs button{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.research-tabs span{white-space:nowrap;font-size:14px}
#infoDialog .research-tabs button[aria-pressed="true"],#infoDialog .research-mode button[aria-pressed="true"]{background:#665ca2;color:#fff4d4;border-top-color:#ad98df;border-bottom-color:#443763}
.research-section{padding:12px 0;border-bottom:4px double #b86f35;margin:20px 0}.research-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.research-card{display:flex;align-items:flex-start;gap:12px;padding:18px;background:#f8dfb7;border:3px solid #b86f35;box-shadow:3px 3px 0 #7a401c;min-width:0}.research-card h3{margin:0 0 8px}.research-card p{margin:8px 0;overflow-wrap:anywhere}.research-card.locked{background:#d8bf9e}.research-seal{flex:none;display:grid;place-items:center;width:36px;height:40px;background:#282332;color:#ffd84d;border:3px solid #d98f4e;font-size:24px}.research-stars{color:#7a401c;font-size:20px}.research-footnote{margin:24px 0 0;padding:12px;border-top:3px dashed #b86f35;font-size:14px;line-height:1.6}.research-upgrades{padding:12px 16px;background:#edbd85;border:3px solid #b86f35}.research-upgrades p{margin:6px 0}
@container(max-width:600px){.research-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.research-cards{grid-template-columns:1fr}.research-summary{padding:12px;gap:12px}.research-card{padding:12px}.research-mode button{flex:1 1 auto}.research-tabs button{flex-wrap:wrap}}
@media(max-width:500px){#infoDialog[data-view="journal"] #infoContent{padding:14px}.research-tabs{grid-template-columns:1fr}}
@container(max-width:520px){#infoDialog[data-view="journal"] .workbench-head{position:relative;padding:14px!important}#infoDialog[data-view="journal"] .qat-speaking{padding-left:0;min-width:0}#infoDialog[data-view="journal"] .qat-npc{display:flex;gap:12px;align-items:flex-start;padding-right:42px}#infoDialog[data-view="journal"] .qat-portrait-frame{position:relative;width:64px;height:76px;flex-shrink:0;padding:0}#infoDialog[data-view="journal"] .qat-portrait-frame canvas{width:56px;height:50px}#infoDialog[data-view="journal"] .qat-speech{max-width:100%;padding:6px;flex:1}#infoDialog[data-view="journal"] .workbench-head>button{position:absolute;right:10px;top:12px;padding:4px;min-width:32px}#infoDialog[data-view="journal"] h2{font-size:22px;margin-top:16px!important}#infoDialog[data-view="journal"] #infoContent{padding:14px}.research-tabs{grid-template-columns:1fr}}
#infoDialog[data-view="journal"] .research-tabs b{font-weight:400}
