body { font-family: system-ui, sans-serif; max-width: 760px; margin: 0 auto; padding: 0 16px 40px; line-height: 1.6; color: #1d1d1f; background: #fff; }
a { color: #0b57d0; }
nav { display: flex; gap: 20px; flex-wrap: wrap; padding: 18px 0; border-bottom: 1px solid #ddd; margin-bottom: 24px; font-weight: 600; }
nav .brand { margin-right: auto; display: flex; align-items: center; gap: 10px; color: #1d1d1f; text-decoration: none; }
nav .brand img { width: 36px; height: 36px; }
.yt-badge { display: inline-flex; align-items: center; gap: 10px; border: 1px solid #ddd; border-radius: 10px; padding: 10px 14px; margin: 12px 0; }
.yt-badge .play { width: 40px; height: 28px; background: #ff0000; border-radius: 7px; position: relative; }
.yt-badge .play::after { content: ""; position: absolute; left: 16px; top: 8px; border-left: 12px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.yt-badge strong { font-size: 18px; }
footer { margin-top: 40px; padding-top: 16px; border-top: 1px solid #ddd; font-size: 14px; color: #555; }
h2 { margin-top: 28px; }