remark-frontmatter-starter

/* Generic, scoped classes so nothing leaks */ .yt-card { margin:1rem 0; font-family:system-ui,sans-serif; } .yt-link { text-decoration:none; } .yt-link h2 { margin:0 0 .5rem; font-style:italic; } .yt-link:hover h2, .yt-link:focus-visible h2 { color:orange; outline:none; } /* Image row */ .yt-flex { display:flex; gap:1rem; align-items:center; flex-wrap:nowrap; } .yt-thumb { width:200px; border-radius:50%; max-width:100%; height:auto; object-fit:contain; } .yt-banner { max-height:120px; max-width:600px; width:auto; height:auto; object-fit:contain; } /* Optional: allow wrapping only on very small screens */ @media (max-width:550px) { .yt-flex { flex-wrap:wrap; } }