.youtube-board-wrap { max-width: 1200px; margin: 0 auto; font-family: inherit; }
.youtube-board-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:18px 0; }
.youtube-board-title { font-size:24px; font-weight:800; color:#111827; margin:0; }
.youtube-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:22px; }
.youtube-card { border:1px solid #e5e7eb; border-radius:18px; overflow:hidden; background:#fff; box-shadow:0 8px 24px rgba(15,23,42,.06); transition:.2s ease; }
.youtube-card:hover { transform:translateY(-3px); box-shadow:0 12px 30px rgba(15,23,42,.12); }
.youtube-thumb { position:relative; display:block; aspect-ratio:16/9; background:#f3f4f6; overflow:hidden; }
.youtube-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.youtube-play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:62px; height:44px; border-radius:13px; background:rgba(220,38,38,.92); }
.youtube-play:before { content:""; position:absolute; left:24px; top:12px; border-left:16px solid #fff; border-top:10px solid transparent; border-bottom:10px solid transparent; }
.youtube-card-body { padding:15px 16px 17px; }
.youtube-subject { font-size:17px; line-height:1.35; font-weight:800; color:#111827; text-decoration:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:46px; }
.youtube-meta { margin-top:10px; font-size:13px; color:#6b7280; display:flex; justify-content:space-between; gap:8px; }
.youtube-empty { padding:60px 20px; text-align:center; color:#6b7280; border:1px dashed #d1d5db; border-radius:18px; background:#fafafa; }
.youtube-toolbar { margin-top:24px; display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; }
.youtube-btn { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 16px; border-radius:999px; border:1px solid #d1d5db; background:#fff; color:#111827; text-decoration:none; font-weight:700; }
.youtube-btn.primary { background:#111827; color:#fff; border-color:#111827; }
.youtube-view-title { margin:18px 0 16px; font-size:28px; line-height:1.35; font-weight:900; color:#111827; }
.youtube-player { position:relative; width:100%; aspect-ratio:16/9; background:#000; border-radius:20px; overflow:hidden; box-shadow:0 14px 34px rgba(15,23,42,.16); }
.youtube-player iframe { width:100%; height:100%; border:0; }
.youtube-content { margin-top:24px; padding:24px; border:1px solid #e5e7eb; border-radius:18px; background:#fff; line-height:1.8; color:#1f2937; }
.youtube-write-tip { padding:12px 14px; background:#f9fafb; border:1px solid #e5e7eb; border-radius:12px; margin:10px 0 18px; color:#374151; line-height:1.6; }
.youtube-write-row { margin:12px 0; }
.youtube-input { width:100%; box-sizing:border-box; min-height:42px; padding:9px 12px; border:1px solid #d1d5db; border-radius:10px; }
@media (max-width: 900px) { .youtube-grid { grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width: 560px) { .youtube-grid { grid-template-columns:1fr; gap:16px; } .youtube-board-title { font-size:21px; } .youtube-view-title { font-size:22px; } }