/* Preview and teaching layer: exclusive to the standalone HTML. */
.location-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 15px;background:#fff;border:1px solid #d5e3e8;border-left:3px solid #197b82;border-radius:5px;margin-bottom:13px}
.location-bar strong{font-size:13px;display:inline-block;color:#315663}.location-bar span{font-size:11px;color:#748c98;margin-left:12px}.location-bar p{font-size:11px;color:#6c8491;margin:5px 0 0}.location-bar strong:focus{outline:none}
.assistance-toggle{display:flex;align-items:center;gap:5px;font-size:10px;color:#65818b}.assistance-toggle input{min-height:0;accent-color:#197b82}
.action-tip{position:fixed;right:24px;bottom:24px;z-index:60;width:min(380px,calc(100vw - 40px));padding:17px 19px;border:1px solid #bed3d8;border-top:3px solid #197b82;border-radius:7px;box-shadow:0 10px 35px #173c4526;background:#fff}.action-tip strong{display:block;font-size:13px;padding-right:20px;color:#245967}.action-tip p{font-size:12px;line-height:1.6;color:#657d88;margin:9px 0}.action-tip .close{position:absolute;right:9px;top:9px;width:22px;height:22px;font-size:15px}.action-tip .footer-link{font-size:11px;text-decoration:underline;color:#197b82}
body.preview-open{overflow:hidden}
#detail-dialog{width:min(1120px,calc(100vw - 36px));max-height:89vh;padding:0;border-color:#bdd0d7;border-radius:9px}
.detail-dialog-head{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;gap:15px;align-items:center;background:#fff;padding:19px 24px 14px;border-bottom:1px solid #dde7eb}
.detail-dialog-head h2{margin:6px 0 0;font-size:23px}.detail-trail{font-size:11px;color:#507785}.detail-dialog-head .close{flex:0 0 auto}
#detail-content{padding:17px 24px 22px}.preview-explanation{border:1px solid #d7e6ea;background:#f0f7f8;border-radius:5px;padding:10px 13px;margin-bottom:12px}.preview-explanation span{font-size:9px;font-weight:750;color:#1d717c;letter-spacing:.07em}.preview-explanation p{font-size:11px;line-height:1.55;color:#5c7c88;margin:5px 0 0}.preview-context{font-size:11px;color:#6f8793;line-height:1.6;margin:9px 0 13px}
.preview-tabs{display:flex;gap:22px;border-bottom:1px solid #dbe5e9;margin:9px 0 16px}.preview-tabs button{font-size:12px;padding:9px 0;border:0;border-bottom:2px solid transparent;color:#6f8490;background:none}.preview-tabs button.active{color:#176e78;border-color:#197b82;font-weight:650}
.preview-facts{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px}.preview-facts article{background:#fff;border:1px solid #dce5e9;border-radius:5px;padding:13px 15px}.preview-facts small{font-size:9px;letter-spacing:.06em;color:#7e919b;display:block}.preview-facts strong{font-size:14px;display:block;margin:7px 0;color:#385563}.preview-facts span{font-size:12px;color:#6f8794}
.preview-reading{background:#fbfcfd;border:1px solid #dde5ea;border-radius:5px;padding:14px 16px;margin-bottom:14px}.preview-reading h3{font-size:13px;color:#385e6b;margin:0 0 7px}.preview-reading p{font-size:12px;line-height:1.6;margin:0 0 10px;color:#667f8c}.preview-reading>div{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;font-size:11px;color:#6e8490;line-height:1.6}.preview-reading b{color:#3f6573}
.preview-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.preview-chart{border:1px solid #dbe5ea;border-radius:5px;padding:13px;background:#fff}.preview-chart>div:first-child{display:flex;justify-content:space-between;align-items:start;gap:10px}.preview-chart h3{font-size:12px;margin:0 0 12px;color:#466675}.preview-chart>div>span{font-size:9px;color:#8498a3}.preview-chart svg{display:block;width:100%;height:155px}.preview-panel-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:5px}.preview-panel-actions button{font-size:10px}
#detail-content td{font-size:11px;white-space:normal;padding:12px}.evidence-link{border:0;background:none;color:#266979;text-align:left;font-size:12px;padding:0;cursor:pointer;line-height:1.5}.evidence-link:hover{text-decoration:underline}.selected-signal{background:#eaf5f6}
.detail-dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;position:sticky;bottom:0;background:#fff;padding:13px 24px;border-top:1px solid #dce6eb;z-index:4}.detail-dialog-footer>div{display:flex;gap:9px;flex-wrap:wrap}.detail-dialog-footer .button{font-size:11px}
.open-chart-preview{margin:4px 15px 0;align-self:flex-end;background:none;border:0;font-size:10px;color:#2c7886;text-decoration:underline;padding:3px;cursor:pointer}
#panel-inspector{margin:0 0 0 auto;max-height:100vh;height:100vh;border-radius:0}#panel-inspector::backdrop{background:#1f3a4e44}
@media(max-width:720px){.location-bar{align-items:start;flex-direction:column}.location-bar span{display:block;margin:5px 0}.preview-facts,.preview-chart-grid,.preview-reading>div{grid-template-columns:1fr}.detail-dialog-head{padding:15px}#detail-content{padding:13px 15px}.detail-dialog-footer{padding:12px 15px;align-items:stretch;flex-direction:column}.detail-dialog-footer>div{flex-direction:column}.assistance-toggle{font-size:9px}.header-actions{flex-wrap:wrap}.preview-tabs{gap:14px}.preview-tabs button{font-size:11px}#detail-dialog{max-height:92vh}}