.technology-guide .rich-copy{min-width:0}
.technology-guide h2[id]{scroll-margin-top:7rem}
.technology-figure{margin:1.7rem 0;padding:1rem;border:2px solid var(--night);background:#edf2ed;box-shadow:5px 5px 0 var(--yellow)}
.technology-figure img{display:block;width:100%;max-width:420px;height:auto;margin:0 auto}
.technology-figure figcaption{margin-top:1rem;font-size:.95rem;line-height:1.55;color:var(--muted)}
.technology-example,.technology-practice{padding:1rem;border:2px solid var(--night);background:#fff8dd;margin:1.4rem 0;overflow-wrap:anywhere}
.technology-practice p{margin-top:0}
.technology-practice details p{margin:.6rem 0 0}
.technology-practice summary{display:list-item;cursor:pointer;padding:.6rem .2rem;min-height:44px;font-weight:800;color:var(--coral-dark);text-decoration:underline}
.technology-code{white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;border:2px solid var(--night);background:#edf2ed;font-size:1rem;line-height:1.6}
.technology-sources,.technology-credit{font-size:.9rem;line-height:1.6;overflow-wrap:anywhere}
.technology-related li{margin:.6rem 0}
.technology-guide :focus-visible{outline:3px solid var(--coral-dark);outline-offset:4px}
@media(max-width:480px){.technology-figure{padding:.65rem}.technology-example,.technology-practice{padding:.85rem}}