/* Nanotechnology collection: additions scoped to these six guides. */
.nano-guide { min-width:0; overflow-wrap:anywhere; }
.nano-guide .es-hero { max-width:800px; }
.nano-guide .es-hero figcaption { color:#fff; background:#102e50; }
.nano-guide .es-table-wrap { max-width:100%; margin:1.25rem 0; }
.nano-guide .es-table-wrap:focus-visible { outline:3px solid #007d89; outline-offset:3px; }
.nano-guide .es-card { min-width:0; }
.nano-guide .es-card img { display:block; width:100px; height:100px; object-fit:cover; border-radius:6px; margin-bottom:.75rem; }
.nano-guide .nano-figure { display:block; width:100%; max-width:800px; margin:1.5rem 0; border:1px solid #cbdde3; border-radius:8px; overflow:hidden; background:#f5fafb; }
.nano-guide .nano-figure img { display:block; width:100%; height:auto; }
.nano-guide .nano-figure figcaption { color:#203443; background:#f5fafb; font-size:.95rem; font-style:normal; padding:1rem; }
.nano-guide .nano-inset { max-width:440px; }
.nano-guide .nano-video { margin:1.5rem 0; padding:1rem; border:1px solid #cbdde3; border-radius:8px; background:#f5fafb; }
.nano-guide .nano-video summary { cursor:pointer; color:#12324b; font-weight:bold; }
.nano-guide .nano-video summary:focus-visible { outline:3px solid #007d89; outline-offset:4px; }
.nano-guide .nano-video-frame { width:100%; aspect-ratio:16/9; margin-top:1rem; }
.nano-guide .nano-video-frame iframe { display:block; width:100%; height:100%; border:0; }
.nano-guide h2[id], .nano-guide section[id] { scroll-margin-top:1rem; }
@media (max-width:600px) { .nano-guide .es-table-wrap table { min-width:620px; } }