/* Trích từ tệp video-bai-giang.txt — CSS độc lập trang */

/* CSS chỉ tác động trong khối #iduVid26, không can thiệp HTML/CSS Blogger ngoài khối. */
#iduVid26{--iv26-red:#e11d48;--iv26-dark:#881337;--iv26-ink:#1e293b;--iv26-muted:#64748b;--iv26-border:#e5e7ef;--iv26-light:#fff1f2;max-width:1120px;margin:auto;font-family:inherit;font-size:14px;line-height:1.5;color:var(--iv26-ink);isolation:isolate}
#iduVid26,#iduVid26 *{box-sizing:border-box}
#iduVid26 a{color:inherit;text-decoration:none}
#iduVid26 button,#iduVid26 select{font:inherit;cursor:pointer}
#iduVid26 button:focus-visible,#iduVid26 a:focus-visible{outline:3px solid #fda4af;outline-offset:2px}
#iduVid26 .idu-video26-hero{position:relative;overflow:hidden;border-radius:24px;padding:23px 25px;border:1px solid #ffe4e6;background:linear-gradient(120deg,#fff,#fff1f2);box-shadow:0 12px 28px #7f1d1d0a}
#iduVid26 .idu-video26-hero:after{content:'';pointer-events:none;position:absolute;right:-65px;top:-100px;width:280px;height:280px;background:radial-gradient(circle,#fda4af55,transparent 68%);border-radius:50%}
#iduVid26 .idu-video26-eyebrow{display:flex;align-items:center;gap:8px;color:#be123c;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}
#iduVid26 .idu-video26-hero h1{position:relative;margin:7px 0 8px;font-weight:950;font-size:clamp(24px,3.2vw,35px);line-height:1.16;color:#2a1520}
#iduVid26 .idu-video26-hero p{position:relative;margin:0;max-width:790px;color:#6b5561;font-size:13px;line-height:1.7}
#iduVid26 .idu-video26-feature{position:relative;display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
#iduVid26 .idu-video26-feature span{border:1px solid #fecdd3;color:#9f1239;background:#fff;border-radius:50px;padding:5px 10px;font-size:11px;font-weight:800}
#iduVid26 .idu-video26-feature i{margin-right:4px}
#iduVid26 .idu-video26-grades{display:flex;gap:8px;align-items:center;justify-content:center;margin:17px 0 11px}
#iduVid26 .idu-video26-grade{padding:9px 19px;border-radius:13px;background:#fff;border:1px solid #e5e7eb;color:#64748b;font-size:12px;font-weight:900;transition:background .18s,transform .18s,box-shadow .18s}
#iduVid26 .idu-video26-grade:hover{transform:translateY(-1px);border-color:#fda4af}
#iduVid26 .idu-video26-grade.is-active{background:linear-gradient(135deg,#be123c,#e11d48);color:#fff;border-color:transparent;box-shadow:0 7px 19px #e11d4830}
#iduVid26 .idu-video26-crumb{min-height:26px;color:var(--iv26-muted);font-size:12px;margin-bottom:8px}
#iduVid26 .idu-video26-crumb button{border:0;background:transparent;padding:0 4px;color:var(--iv26-red);font-weight:850}
#iduVid26 .idu-video26-main{display:flex;flex-direction:column;gap:18px;min-height:100px}
#iduVid26 .idu-video26-subject,#iduVid26 .idu-video26-detail{background:#fff;border:1px solid var(--iv26-border);border-radius:21px;padding:13px;animation:iduVid26In .32s both}
#iduVid26 .idu-video26-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid #fce7ec;border-radius:16px;background:linear-gradient(120deg,#fff7f8,#fff);margin-bottom:12px}
#iduVid26 .idu-video26-subtitle{display:flex;align-items:center;gap:11px;min-width:0}
#iduVid26 .idu-video26-icon{flex:0 0 40px;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#be123c,#fb7185);font-size:16px}
#iduVid26 .idu-video26-subtitle h2{margin:0;color:#2f1922;font-size:17px;font-weight:950;line-height:1.22}
#iduVid26 .idu-video26-subtitle p{margin:4px 0 0;color:#8a6571;font-size:10.5px}
#iduVid26 .idu-video26-subactions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
#iduVid26 .idu-video26-action{display:inline-flex;align-items:center;gap:6px;border:1px solid #fecdd3;background:#fff;color:#be123c;border-radius:11px;padding:8px 11px;font-size:10.5px;font-weight:900;transition:all .18s}
#iduVid26 .idu-video26-action:hover{background:#fff1f2;transform:translateY(-1px)}
#iduVid26 .idu-video26-row{display:flex;gap:11px;overflow-x:auto;overflow-y:hidden;padding:1px 1px 10px;scroll-snap-type:x proximity;scrollbar-width:thin}
#iduVid26 .idu-video26-row>.idu-video26-card,#iduVid26 .idu-video26-row>.idu-video26-skeleton{flex:0 0 clamp(215px,27vw,255px)}
#iduVid26 .idu-video26-card{min-width:0;display:flex;flex-direction:column;scroll-snap-align:start;border-radius:16px;overflow:hidden;border:1px solid #e9e7ed;background:#fff;text-align:left;padding:0;color:#172033;transition:transform .23s,box-shadow .23s,border-color .23s;animation:iduVid26In .32s both}
#iduVid26 .idu-video26-card:hover{transform:translateY(-3px);border-color:#fda4af;box-shadow:0 10px 27px #9f123918}
#iduVid26 .idu-video26-thumb{display:block;position:relative;width:100%;aspect-ratio:16/9;background:linear-gradient(110deg,#fee2e2,#f1f5f9);overflow:hidden}
#iduVid26 .idu-video26-thumb img{display:block;width:100%;height:100%;object-fit:cover;margin:0;border:0;border-radius:0}
#iduVid26 .idu-video26-play{position:absolute;inset:0;display:grid;place-items:center}
#iduVid26 .idu-video26-play i{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#111827bb;color:white;font-size:16px;transition:transform .2s}
#iduVid26 .idu-video26-card:hover .idu-video26-play i{transform:scale(1.12)}
#iduVid26 .idu-video26-cardtext{display:block;padding:11px;font-size:12.5px;font-weight:900;line-height:1.42;min-height:55px}
#iduVid26 .idu-video26-cardmeta{display:block;padding:0 11px 10px;color:var(--iv26-muted);font-size:10px}
#iduVid26 .idu-video26-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#iduVid26 .idu-video26-detailhead{display:flex;align-items:center;gap:12px;margin-bottom:12px}
#iduVid26 .idu-video26-detailhead h2{margin:0;font-weight:950;font-size:22px;line-height:1.2}
#iduVid26 .idu-video26-detailhead p{margin:4px 0 0;font-size:11px;color:var(--iv26-muted)}
#iduVid26 .idu-video26-detailbar{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:14px}
#iduVid26 .idu-video26-select{flex:1;min-width:150px;max-width:500px;height:40px;border:1px solid #e2e8f0;border-radius:11px;padding:0 10px;font-size:12px;color:#334155;background:#fff}
#iduVid26 .idu-video26-more{border:1px solid #fecdd3;color:#9f1239;border-radius:11px;padding:10px 14px;background:#fff1f2;font-size:12px;font-weight:850}
#iduVid26 .idu-video26-more:disabled{opacity:.55;cursor:wait}
#iduVid26 .idu-video26-more-row{text-align:center;margin-top:13px}
#iduVid26 .idu-video26-source-list{margin-top:15px;padding:11px;border:1px solid #e5e7eb;border-radius:13px;background:#f8fafc}
#iduVid26 .idu-video26-source-list summary{cursor:pointer;font-size:12px;font-weight:850}
#iduVid26 .idu-video26-source-list a{display:inline-block;font-size:11px;margin:9px 8px 0 0;padding:3px 5px;color:#be123c;text-decoration:underline}
#iduVid26 .idu-video26-message,#iduVid26 .idu-video26-skeleton{border:1px dashed #dbe0e7;border-radius:15px;background:#f8fafc;min-height:95px;padding:20px;display:grid;place-items:center;text-align:center;color:#64748b;font-size:12px;width:100%}
#iduVid26 .idu-video26-skeleton{min-height:150px;border:none;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc 45%,#f1f5f9 65%);background-size:260% 100%;animation:iduVid26Shimmer 1.3s linear infinite}
#iduVid26 .idu-video26-row>.idu-video26-skeleton:first-child{position:relative;overflow:hidden}
#iduVid26 .idu-video26-row>.idu-video26-skeleton:first-child:after{content:'Đang tải video...';position:absolute;left:0;right:0;bottom:0;padding:8px 10px;text-align:center;font-size:10.5px;font-weight:850;color:#9f1239;background:rgba(255,255,255,.88)}
#iduVid26 .idu-video26-row>.idu-video26-card{animation:iduVid26CardReady .36s ease both}
@keyframes iduVid26CardReady{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
#iduVid26 .idu-video26-seo{margin-top:27px;padding:19px;border-radius:19px;border:1px solid #ffe4e6;background:#fffafa}
#iduVid26 .idu-video26-seo h2{margin:0 0 8px;font-size:19px;font-weight:900}
#iduVid26 .idu-video26-seo p{margin:0;font-size:12.5px;line-height:1.8;color:#765c65}
#iduVid26 .idu-video26-index{padding:10px 13px;border:1px solid #fecdd3;border-radius:13px;margin-top:12px;background:#fff}
#iduVid26 .idu-video26-index summary{cursor:pointer;display:flex;align-items:center;gap:9px;font-weight:900;font-size:12px;color:#be123c}
#iduVid26 .idu-video26-index summary i:last-child{margin-left:auto}
#iduVid26 .idu-video26-index-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}
#iduVid26 .idu-video26-index-grid button{border:0;background:#fff7f8;color:#9f1239;border-radius:8px;padding:8px;text-align:left;font-size:11px}
#iduVid26 .idu-video26-toast{position:fixed;left:50%;bottom:19px;z-index:100101;padding:10px 15px;color:white;background:#311826;border-radius:99px;opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:opacity .25s,transform .25s;font-size:11.5px;box-shadow:0 10px 30px #16060955}
#iduVid26 .idu-video26-toast.is-show{opacity:1;transform:translate(-50%,0)}
#iduVid26 .idu-video26-shade{position:fixed;inset:0;z-index:100100;display:flex;justify-content:center;align-items:center;background:#080b1bba;opacity:0;visibility:hidden;pointer-events:none;padding:16px;transition:opacity .2s,visibility .2s}
#iduVid26 .idu-video26-shade.is-open{opacity:1;visibility:visible;pointer-events:auto}
/* V2: Native Popover Top Layer: vượt khỏi stacking context / header/footer XML chính.
   Đóng vẫn ẩn hoàn toàn; chỉ khi .showPopover() mới tham gia top layer. */
#iduVid26 .idu-video26-shade[popover]{inset:0;margin:0;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;box-sizing:border-box}
#iduVid26 .idu-video26-shade[popover]:not(:popover-open){display:none}
#iduVid26 .idu-video26-shade[popover]::backdrop{background:transparent}

#iduVid26 .idu-video26-player-dialog,#iduVid26 .idu-video26-roadmap{display:flex;flex-direction:column;width:min(1000px,100%);max-height:calc(100dvh - 32px);overflow:hidden;background:#f8fafc;border:1px solid #fff;border-radius:24px;box-shadow:0 25px 80px #0007;transform:translateY(14px) scale(.98);transition:transform .24s cubic-bezier(.2,.8,.2,1)}
#iduVid26 .idu-video26-roadmap{width:min(740px,100%)}
#iduVid26 .idu-video26-shade.is-open :is(.idu-video26-player-dialog,.idu-video26-roadmap){transform:translateY(0) scale(1)}
#iduVid26 .idu-video26-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid #e2e8f0;background:#fff}
#iduVid26 .idu-video26-dialog-head b{display:block;color:#1f2937;font-size:15px;font-weight:900}
#iduVid26 .idu-video26-dialog-head small{display:block;margin-top:4px;color:#64748b;font-size:10px}
#iduVid26 .idu-video26-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#334155}
#iduVid26 .idu-video26-modal-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:13px;padding:13px;min-height:0;overflow:auto}
#iduVid26 .idu-video26-player-left{min-width:0}
#iduVid26 .idu-video26-embed{aspect-ratio:16/9;border-radius:17px;overflow:hidden;background:#020617;color:white;display:grid;place-items:center}
#iduVid26 .idu-video26-embed iframe{width:100%;height:100%;display:block;border:0}
#iduVid26 .idu-video26-player-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px;font-size:11px;color:#64748b}
#iduVid26 .idu-video26-side{min-height:0;border:1px solid #e2e8f0;border-radius:16px;background:white;padding:9px;display:flex;flex-direction:column}
#iduVid26 .idu-video26-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:8px}
#iduVid26 .idu-video26-tabs button{border:0;background:#f1f5f9;padding:9px 6px;border-radius:10px;color:#64748b;font-weight:800;font-size:10.5px}
#iduVid26 .idu-video26-tabs button.is-active{background:#fff1f2;color:#be123c}
#iduVid26 .idu-video26-side-list{display:flex;flex-direction:column;gap:7px;min-height:0;max-height:450px;overflow-y:auto;overscroll-behavior:contain}
#iduVid26 .idu-video26-side-list[hidden]{display:none}
#iduVid26 .idu-video26-side-item{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:8px;border-radius:12px;border:1px solid #e5e7eb;background:#f8fafc;padding:5px;text-align:left;color:#334155}
#iduVid26 .idu-video26-side-item.is-active{background:#fff1f2;border-color:#fda4af}
#iduVid26 .idu-video26-mini{width:92px;aspect-ratio:16/9;border-radius:8px;object-fit:cover;margin:0}
#iduVid26 .idu-video26-side-label{font-size:10.5px;font-weight:850;line-height:1.42}
#iduVid26 .idu-video26-road-items{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:7px}
#iduVid26 .idu-video26-road-item{display:grid;grid-template-columns:32px 1fr 23px;align-items:center;gap:10px;text-align:left;border:1px solid #ffe4e6;border-radius:12px;background:#fff;padding:9px;color:#334155}
#iduVid26 .idu-video26-road-item:hover{background:#fff1f2}
#iduVid26 .idu-video26-number{width:32px;height:32px;border-radius:10px;background:#fff1f2;display:grid;place-items:center;color:#be123c;font-weight:900;font-size:10px}
#iduVid26 .idu-video26-status{margin:8px 6px;color:#64748b;font-size:10.5px;text-align:center}
@keyframes iduVid26In{from{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes iduVid26Shimmer{from{background-position:100% 0}to{background-position:-100% 0}}
@media(max-width:760px){#iduVid26 .idu-video26-hero{padding:17px}#iduVid26 .idu-video26-grade{flex:1;padding:9px 5px}#iduVid26 .idu-video26-subhead{gap:7px;align-items:flex-start;flex-wrap:wrap}#iduVid26 .idu-video26-subtitle h2{font-size:15px}#iduVid26 .idu-video26-row>.idu-video26-card,#iduVid26 .idu-video26-row>.idu-video26-skeleton{flex-basis:min(75vw,260px)}#iduVid26 .idu-video26-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#iduVid26 .idu-video26-index-grid{grid-template-columns:repeat(2,1fr)}#iduVid26 .idu-video26-shade{padding:0;align-items:flex-end}#iduVid26 .idu-video26-player-dialog,#iduVid26 .idu-video26-roadmap{width:100%;height:94dvh;max-height:94dvh;border-radius:22px 22px 0 0}#iduVid26 .idu-video26-modal-layout{grid-template-columns:1fr;display:flex;flex-direction:column;overflow:hidden;height:100%}#iduVid26 .idu-video26-player-left{flex:0 0 auto}#iduVid26 .idu-video26-side{flex:1 1 auto;overflow:hidden}#iduVid26 .idu-video26-side-list{flex:1 1 auto;max-height:none}#iduVid26 .idu-video26-embed{border-radius:13px}#iduVid26 .idu-video26-road-items{flex:1}}
/* Trên mobile, sheet chiếm toàn màn hình để che luôn header / bottom nav của XML chính. */
@media(max-width:760px){
 #iduVid26 .idu-video26-shade[popover]{padding:0}
 #iduVid26 .idu-video26-shade[popover] .idu-video26-player-dialog,
 #iduVid26 .idu-video26-shade[popover] .idu-video26-roadmap{height:100dvh;max-height:100dvh;width:100%;border-radius:0;border:0}
}
@media(max-width:460px){#iduVid26 .idu-video26-grid{grid-template-columns:1fr}#iduVid26 .idu-video26-detailhead h2{font-size:19px}#iduVid26 .idu-video26-cardtext{min-height:0}#iduVid26 .idu-video26-player-meta{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){#iduVid26 *,#iduVid26 *:before,#iduVid26 *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}