.demo-notice{background:#fff7e9;border-left:3px solid var(--amber);padding:13px 16px;margin:0 0 17px;font-size:12px;line-height:1.55}.demo-notice a,.source-footer a{color:var(--teal)}
.safety-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:15px;margin-top:16px}.safety-layout .card{min-width:0}
.source-footer{color:var(--muted);font-size:11px;padding:26px 0}.risk-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:17px 0}.risk-form label{display:grid;gap:5px;font-size:11px;font-weight:700}.risk-form select,.risk-form input{padding:9px;border:1px solid var(--line);border-radius:5px;background:#fff;width:100%}.risk-form button{grid-column:1/-1}.risk-list{margin-top:12px}.risk-item{border-top:1px solid var(--line);padding:12px 0;font-size:12px}.risk-item strong{display:block}.risk-item small{color:var(--muted)}
@media(max-width:850px){.safety-layout{grid-template-columns:1fr}}
@media(max-width:700px){.sidebar{display:none}main{margin-left:0;padding:18px}.hero{padding:21px}.hero h2{font-size:24px}.hero-score{padding:0 12px}.metric-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.topbar{padding:5px 0 18px}}
@media(max-width:480px){.hero{display:block}.hero-score{border-left:0;border-top:1px solid #ffffff33;margin-top:20px;padding:13px 0}.risk-form{grid-template-columns:1fr}}