/* 「🌏 真實世界看一看」：每課圖鑑卡下面的真實照片、影片、網頁 */
.refs{margin-top:14px;border-top:2px dashed #dfe5da;padding-top:12px}
.refs-h{font-weight:800;color:#3f7fbf;font-size:18px;margin-bottom:8px}
.ref-imgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.ref-img{margin:0;background:#fafcf7;border-radius:12px;overflow:hidden;border:1px solid #dfe5da}
.ref-img a{display:block}
.ref-img img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#eef1ea}
.ref-img figcaption{padding:6px 10px 8px;font-size:16px;line-height:1.6}
.ref-img small,.ref-video small,.ref-link small{display:block;font-size:12px;color:#6b7a6b;line-height:1.5;margin-top:2px}
.ref-img small a{display:inline;color:inherit}
.ref-video{margin-top:10px;background:#fafcf7;border-radius:12px;overflow:hidden;border:1px solid #dfe5da}
.ref-video .frame{position:relative;aspect-ratio:16/9;background:#000}
.ref-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ref-video .cap{padding:6px 10px 8px;font-size:16px;line-height:1.6;text-align:left;margin:0;color:inherit}
.ref-links{display:grid;gap:8px;margin-top:10px}
.ref-link{display:block;text-decoration:none;color:inherit;background:#e4eefa;border-radius:10px;padding:8px 12px;font-size:16px;line-height:1.6}
.ref-link:hover{outline:2px solid #3f7fbf}
.ref-link b{color:#3f7fbf}