/* Vietnamese channel directory, shared by desktop and mobile. */
.bavesu-page-intro p { margin:12px 0 0; max-width:800px; color:#627589; font-size:15px; line-height:1.7; }
.bavesu-channel-group-intro { margin:14px 0 18px; color:#627589; font-size:14px; line-height:1.75; }
.bavesu-channel-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:30px; }
.bavesu-channel-card { display:flex; flex-direction:column; min-width:0; padding:20px; border:1px solid #dfe8ec; border-radius:14px; background:#fff; color:#0b2132; text-decoration:none!important; transition:border-color .15s,box-shadow .15s; }
.bavesu-channel-card:hover,.bavesu-channel-card:focus-visible { border-color:#087c55; box-shadow:0 6px 20px rgba(11,33,50,.07); }
.bavesu-channel-network { align-self:flex-start; color:#087c55; background:#edf7f1; padding:4px 8px; border-radius:5px; font-size:11px; font-weight:600; letter-spacing:.04em; }
.bavesu-channel-card h4 { margin:16px 0 10px; color:#0b2132; font-size:19px; line-height:1.35; font-weight:700; overflow-wrap:anywhere; }
.bavesu-channel-card p { margin:0 0 20px; color:#627589; font-size:13px; line-height:1.7; }
.bavesu-channel-more { display:flex; justify-content:space-between; gap:8px; margin-top:auto; padding-top:12px; border-top:1px solid #edf1f3; color:#087c55; font-size:12px; font-weight:600; }
.bavesu-channel-overview { margin:24px 0; padding:24px; border-radius:14px; background:#102b3e; color:#f1f6f9; }
.bavesu-channel-meta { display:flex; flex-wrap:wrap; gap:8px; }
.bavesu-channel-meta span { color:#c1f277; border:1px solid #365143; border-radius:5px; padding:5px 9px; font-size:12px; line-height:1.5; }
.bavesu-channel-overview p { margin:18px 0; color:#d5e1ea; font-size:16px; line-height:1.75; }
.bavesu-channel-actions { display:flex; flex-wrap:wrap; gap:10px; }
.bavesu-channel-actions a { display:block; padding:10px 15px; border-radius:7px; background:#c1f277; color:#102b3e; font-size:13px; font-weight:600; text-decoration:none; }
.bavesu-channel-actions a + a { background:#234457; color:#fff; }
@media(max-width:1100px) { .bavesu-channel-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .bavesu-channel-grid { grid-template-columns:minmax(0,1fr); gap:12px; } .bavesu-channel-card { padding:18px; } .bavesu-channel-overview { padding:18px; } .bavesu-page-intro p { font-size:14px; } }