/* Scoped to the two static safety lessons; no remote resources or scripts. */
.safety-page{max-width:920px}
.safety-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:0 0 28px}
.safety-card{min-width:0;display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:9px;padding:23px}
.safety-number{font:600 15px var(--mono);color:var(--green);margin-bottom:14px}
.safety-card h3{font-size:25px;margin:0 0 13px}
.safety-card p{font-size:17px;line-height:1.6;margin-bottom:19px}
.safety-card a{font-size:16px;font-weight:650;margin-top:auto}
.safety-jumps{margin-bottom:25px}
.safety-page .safety-cite{font-size:.8em;white-space:nowrap}
.safety-page .safety-steps{padding-left:26px}
.safety-page .safety-steps li+li{margin-top:18px}
.safety-callout{padding:21px 24px;margin:24px 0;background:#edf3e8;border-left:4px solid var(--green);border-radius:0 7px 7px 0}
.safety-page article .safety-callout h3{font-size:23px;margin-top:0}
.safety-page article .safety-callout p{font-size:18px;margin-bottom:0}
.safety-practice{margin:24px 0;border:1px solid #b6c8dd;border-radius:7px;background:#f3f7fc}
.safety-practice summary{cursor:pointer;min-height:48px;padding:16px 20px;font-weight:650;color:var(--ink)}
.safety-practice>div{padding:0 20px 20px}
.safety-page article .safety-practice p{font-size:18px}
.safety-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:23px 0}
.safety-example{min-width:0;background:#f5f5f2;border:1px solid var(--line);border-radius:7px;padding:23px}
.safety-example-better{background:#edf3e8;border-color:#bdceb5}
.safety-page article .safety-example h3{font-size:23px;margin:12px 0 16px}
.safety-page article .safety-example p{font-size:18px;line-height:1.65}
.safety-example blockquote{margin:0;font-size:19px;line-height:1.7;color:var(--ink)}
.safety-sources li{font-size:16px;overflow-wrap:anywhere}
.safety-sources li+li{margin-top:16px}
.safety-sources li:target{background:#edf3e8;outline:2px solid var(--green);outline-offset:5px}
.safety-page :target{scroll-margin-top:24px}
@media(max-width:700px){.safety-cards,.safety-compare{grid-template-columns:1fr}.safety-card{padding:22px}.safety-card p{margin-bottom:14px}.safety-callout{padding:19px}.safety-example{padding:20px}.safety-practice summary{padding:15px}.safety-practice>div{padding:0 15px 16px}}
@media print{.safety-cards,.safety-compare{display:block}.safety-card,.safety-example,.safety-callout{break-inside:avoid;margin-bottom:15px;background:white}.safety-jumps{display:none}.safety-practice{break-inside:avoid}}