/* Textbook presentation only. The original embedded mechanics remain unchanged. */
#gd-root,#gd-back,.pl-foundations-link,.prerequisite-link,#probe-diagram{display:none!important}
.bridge-shear-intro,.bridge-shear-media{max-width:1780px;margin:16px auto 0;padding:16px 20px;background:#fff;border:1px solid #dce6eb;border-radius:12px;color:#203642}
.bridge-shear-intro h2{font-size:18px;margin:0 0 7px}.bridge-shear-intro p{font-size:12px;line-height:1.8;color:#617986;margin:0}
.bridge-shear-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.bridge-shear-links a{padding:7px 12px;border:1px solid #cbdde5;border-radius:7px;text-decoration:none;font-size:12px;background:#f8fbfc}.bridge-shear-links a[aria-current]{background:#24627f;color:white;border-color:#24627f}
.bridge-shear-mv{margin-bottom:14px}.bridge-shear-mv header{display:flex;flex-wrap:wrap;gap:7px 20px;justify-content:space-between;padding:13px 17px 5px;font-size:12px}.bridge-shear-mv output{color:#24627f;font-variant-numeric:tabular-nums}.bridge-shear-mv svg{width:100%;height:170px;touch-action:none;cursor:crosshair}.bridge-shear-mv p{padding:0 17px 12px;font-size:10px;line-height:1.7;color:#718995}
body[data-mode=rebar] .bridge-shear-mv{margin-bottom:15px}.bridge-shear-media{margin-bottom:20px}.bridge-shear-media>summary{cursor:pointer;font-size:13px;font-weight:600}.bridge-shear-media #gd-realtests{display:block!important;margin-top:15px}.bridge-shear-media img,.bridge-shear-media video{max-width:100%;height:auto}.bridge-shear-media .gd-realtests-grid{grid-template-columns:1fr 1fr}
#pl-profile{overflow:hidden}.moment-figure{overflow:hidden;height:78px}
body:not([data-bridge-shear-step="4"]) #bend-workbench{display:none!important}
@media(max-width:1840px){.bridge-shear-intro,.bridge-shear-media{margin-left:30px;margin-right:30px}}
@media(max-width:850px){.bridge-shear-media .gd-realtests-grid{grid-template-columns:1fr}.bridge-shear-mv svg{height:155px}}
@media(max-width:560px){.bridge-shear-intro,.bridge-shear-media{margin:12px;padding:12px}.bridge-shear-intro h2{font-size:16px}.bridge-shear-intro p{font-size:11px}.bridge-shear-links a{padding:8px;font-size:11px}.bridge-shear-mv header{font-size:11px;gap:5px}.bridge-shear-mv svg{height:150px}.bridge-shear-media figure{margin-left:0;margin-right:0}}