/* Trích từ tệp tom-tat-kien-thuc.txt — CSS độc lập trang */

/* Tất cả quy tắc CSS nằm trong #iduNotes26; không chỉnh body, html, .post-body, :root */
#iduNotes26{--idu-n26-pr:#4f46e5;--idu-n26-pr2:#7c3aed;--idu-n26-ink:#20233b;--idu-n26-sub:#677188;--idu-n26-line:#e4e7f3;--idu-n26-pale:#f4f2ff;--idu-n26-bg:#f8f9ff;font-family:inherit;font-size:14px;line-height:1.55;color:var(--idu-n26-ink);max-width:1120px;margin:auto}
#iduNotes26,#iduNotes26 *{box-sizing:border-box}
#iduNotes26 a{text-decoration:none;color:inherit}
#iduNotes26 button,#iduNotes26 select{font:inherit;cursor:pointer}
#iduNotes26 button:focus-visible,#iduNotes26 select:focus-visible,#iduNotes26 a:focus-visible{outline:3px solid #a5b4fc;outline-offset:2px}
#iduNotes26 .idu-notes26-hero{position:relative;overflow:hidden;padding:25px 26px;border:1px solid #e7e3ff;border-radius:24px;background:linear-gradient(122deg,#ffffff,#f0edff);box-shadow:0 12px 35px #3729a80c}
#iduNotes26 .idu-notes26-hero:after{content:'';pointer-events:none;position:absolute;right:-45px;top:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,#a5b4fc80,transparent 70%)}
#iduNotes26 .idu-notes26-eyebrow{color:#5143d3;font-weight:900;font-size:11px;letter-spacing:.055em;text-transform:uppercase}
#iduNotes26 .idu-notes26-main-heading{position:relative;margin:7px 0 10px;font-size:clamp(23px,3vw,35px);font-weight:900;line-height:1.18;letter-spacing:-.025em;color:#242244}
#iduNotes26 .idu-notes26-hero p{position:relative;max-width:780px;margin:0 0 13px;font-size:13px;line-height:1.8;color:var(--idu-n26-sub)}
#iduNotes26 .idu-notes26-benefits{position:relative;display:flex;flex-wrap:wrap;gap:7px}
#iduNotes26 .idu-notes26-benefits span{font-size:11px;font-weight:800;border:1px solid #dfdcfb;color:#554bd5;background:#fff;border-radius:99px;padding:5px 9px}
#iduNotes26 .idu-notes26-grades{display:flex;justify-content:center;gap:8px;margin:18px 0 12px}
#iduNotes26 .idu-notes26-grade{border:1px solid var(--idu-n26-line);border-radius:13px;background:#fff;color:#636780;padding:9px 20px;font-weight:900;transition:.15s}
#iduNotes26 .idu-notes26-grade.is-active{color:#fff;border-color:transparent;background:linear-gradient(130deg,var(--idu-n26-pr),var(--idu-n26-pr2));box-shadow:0 6px 16px #4f46e52a}
#iduNotes26 .idu-notes26-path{font-size:12px;color:var(--idu-n26-sub);margin:0 0 10px}
#iduNotes26 .idu-notes26-path button{color:var(--idu-n26-pr);background:transparent;border:0;padding:2px 3px;font-weight:800}
#iduNotes26 .idu-notes26-main{display:flex;flex-direction:column;gap:18px;min-height:70px}
#iduNotes26 .idu-notes26-subject{border:1px solid var(--idu-n26-line);border-radius:20px;padding:13px;background:#fefeff;min-width:0}
#iduNotes26 .idu-notes26-subject-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(90deg,#faf9ff,#fff);border:1px solid #eeedfa;border-radius:14px;padding:10px 13px;margin-bottom:11px}
#iduNotes26 .idu-notes26-subject-label{display:flex;align-items:center;gap:10px;min-width:0}
#iduNotes26 .idu-notes26-icon{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:12px;background:linear-gradient(140deg,#4f46e5,#8758ee);color:white;font-size:16px;font-weight:800}
#iduNotes26 .idu-notes26-subject h2{font-size:17px;font-weight:900;margin:0;line-height:1.3;color:#252543}
#iduNotes26 .idu-notes26-subject-head p{margin:3px 0 0;font-size:11px;color:var(--idu-n26-sub)}
#iduNotes26 .idu-notes26-see{border:1px solid #dbd6fa;border-radius:10px;color:#4f46e5;background:white;white-space:nowrap;padding:7px 10px;font-size:11px;font-weight:900}
#iduNotes26 .idu-notes26-see:hover{background:var(--idu-n26-pale)}
#iduNotes26 .idu-notes26-strip{display:flex;gap:11px;overflow-x:auto;padding:1px 1px 9px;scroll-snap-type:x proximity;scrollbar-width:thin;min-height:150px}
#iduNotes26 .idu-notes26-strip>.idu-notes26-card,#iduNotes26 .idu-notes26-strip>.idu-notes26-skeleton{flex:0 0 clamp(205px,26vw,270px)}
#iduNotes26 .idu-notes26-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#iduNotes26 .idu-notes26-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--idu-n26-line);border-radius:15px;background:#fff;min-width:0;scroll-snap-align:start;box-shadow:0 4px 13px #37368b0b;transition:transform .15s,box-shadow .15s}
#iduNotes26 .idu-notes26-card-open{display:flex;flex-direction:column;width:100%;flex:1;min-height:0;padding:0;margin:0;background:#fff;border:0;border-radius:0;text-align:left;color:inherit;cursor:pointer}
#iduNotes26 .idu-notes26-card-open:focus-visible{outline:3px solid #818cf8;outline-offset:-3px}
#iduNotes26 .idu-notes26-card-source{display:block;width:100%;font-size:11px;font-weight:850;text-align:center;padding:8px 10px;border-top:1px solid #e8e9f4;background:#fafaff;color:#4f46e5!important}
#iduNotes26 .idu-notes26-card-source:hover{text-decoration:underline}
#iduNotes26 .idu-notes26-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #37368b18;border-color:#c8c1f5}
#iduNotes26 .idu-notes26-cover{display:block;position:relative;height:132px;background:linear-gradient(145deg,#edecff,#e7f7ff);overflow:hidden}
#iduNotes26 .idu-notes26-cover img{display:block;width:100%;height:100%;object-fit:cover}
#iduNotes26 .idu-notes26-imgcount{position:absolute;right:7px;bottom:7px;border-radius:12px;padding:4px 7px;background:#252543c9;color:white;font-size:10px;font-weight:800}
#iduNotes26 .idu-notes26-cardname{display:block;font-size:13px;font-weight:900;line-height:1.5;padding:11px 11px 5px;min-height:54px}
#iduNotes26 .idu-notes26-cardhint{display:block;font-size:10px;color:var(--idu-n26-sub);padding:0 11px 10px;margin-top:auto}
#iduNotes26 .idu-notes26-skeleton{height:180px;border-radius:14px;background:linear-gradient(95deg,#eeeff8 20%,#fafaff 45%,#eeeff8 65%);background-size:250% 100%;animation:iduNotes26Shimmer 1.6s linear infinite}
#iduNotes26 .idu-notes26-empty,#iduNotes26 .idu-notes26-wait{padding:25px 14px;text-align:center;color:var(--idu-n26-sub);background:#fbfbff;border:1px dashed #d4d4e9;border-radius:14px;width:100%}
#iduNotes26 .idu-notes26-full{background:#fff;border:1px solid var(--idu-n26-line);border-radius:20px;padding:15px}
#iduNotes26 .idu-notes26-full-top{display:flex;gap:12px;align-items:center;margin:0 0 14px}
#iduNotes26 .idu-notes26-full h2{margin:0;font-size:23px;font-weight:900;color:#242244}
#iduNotes26 .idu-notes26-full-desc{margin:5px 0 0;color:var(--idu-n26-sub);font-size:12px}
#iduNotes26 .idu-notes26-full-controls{display:grid;grid-template-columns:1fr auto;gap:9px;margin-bottom:13px}
#iduNotes26 .idu-notes26-full-controls select{min-width:0;border:1px solid var(--idu-n26-line);border-radius:12px;padding:10px 12px;background:#fff;color:#31334a;font-size:12px}
#iduNotes26 .idu-notes26-full-controls button,#iduNotes26 .idu-notes26-more{border:1px solid #ccc5f5;background:#f6f4ff;color:#5342ca;border-radius:12px;padding:9px 14px;font-size:12px;font-weight:850}
#iduNotes26 .idu-notes26-more-wrap{text-align:center;margin-top:14px}
#iduNotes26 .idu-notes26-original-list{border:1px solid #e9eaf3;border-radius:13px;background:#fafaff;padding:10px 12px;margin:13px 0}
#iduNotes26 .idu-notes26-original-list summary{cursor:pointer;font-size:12px;font-weight:900;color:#525b79}
#iduNotes26 .idu-notes26-post-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}
#iduNotes26 .idu-notes26-post-links a{color:#4f46e5;font-size:11px;padding:5px 2px;text-decoration:underline;text-underline-offset:2px}
#iduNotes26 .idu-notes26-seo{margin-top:28px;padding:20px;border:1px solid var(--idu-n26-line);border-radius:19px;background:var(--idu-n26-bg)}
#iduNotes26 .idu-notes26-seo h2{margin:0 0 10px;font-size:20px;font-weight:900}
#iduNotes26 .idu-notes26-seo h3{font-size:15px;margin:15px 0 5px;font-weight:900}
#iduNotes26 .idu-notes26-seo p{font-size:13px;line-height:1.85;color:#555c73;margin:0 0 9px}
#iduNotes26 .idu-notes26-index{margin:12px 0;border:1px solid #dedff0;border-radius:12px;padding:10px 13px;background:white}
#iduNotes26 .idu-notes26-index summary{font-size:12px;font-weight:900;color:#4439b8;cursor:pointer}
#iduNotes26 .idu-notes26-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:13px}
#iduNotes26 .idu-notes26-index-link{display:block;width:100%;font-size:11px;color:#4f46e5;text-decoration:underline;text-underline-offset:2px;padding:3px;border:0;background:none;cursor:pointer;text-align:left}
#iduNotes26 .idu-notes26-toast{position:fixed;z-index:10001;bottom:22px;left:50%;transform:translate(-50%,15px);border-radius:99px;background:#242341;color:#fff;font-size:12px;padding:9px 15px;box-shadow:0 9px 22px #19173345;opacity:0;pointer-events:none;transition:all .2s}
#iduNotes26 .idu-notes26-toast.is-show{opacity:1;transform:translate(-50%,0)}
#iduNotes26 .idu-notes26-overlay{display:none;position:fixed;inset:0;z-index:9999;background:#11142bc9;padding:15px;backdrop-filter:blur(7px);align-items:center;justify-content:center}
#iduNotes26 .idu-notes26-overlay.is-open{display:flex}
#iduNotes26 .idu-notes26-dialog{width:min(880px,100%);max-height:calc(100dvh - 30px);display:flex;flex-direction:column;border-radius:22px;background:#fbfbff;border:1px solid #fff;overflow:hidden;box-shadow:0 22px 70px #0005}
#iduNotes26 .idu-notes26-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border-bottom:1px solid #e6e7f3;padding:12px 14px}
#iduNotes26 .idu-notes26-dialog-top b{display:block;font-size:13px;font-weight:900;color:#2a2a49}
#iduNotes26 .idu-notes26-dialog-top small{display:block;font-size:10px;color:var(--idu-n26-sub)}
#iduNotes26 .idu-notes26-icon-btn{border:1px solid #e4e7f3;border-radius:11px;background:#fff;width:38px;height:38px;flex-shrink:0;font-size:16px}
#iduNotes26 .idu-notes26-dialog-scroll{overflow:auto;padding:17px 20px 22px;overscroll-behavior:contain}
#iduNotes26 .idu-notes26-dialog-scroll h2{font-size:clamp(19px,3vw,27px);line-height:1.3;margin:0 0 12px;font-weight:900;color:#282747}
#iduNotes26 .idu-notes26-actions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:7px}
#iduNotes26 .idu-notes26-actions button,#iduNotes26 .idu-notes26-actions a{background:#fff;border:1px solid #dedfec;color:#444b67;border-radius:10px;padding:8px 11px;font-size:11px;font-weight:800}
#iduNotes26 .idu-notes26-actions button:disabled{opacity:.6;cursor:wait}
#iduNotes26 .idu-notes26-progress{font-size:11px;color:#5f6590;min-height:1em;margin:7px 0}
#iduNotes26 .idu-notes26-images{display:flex;flex-direction:column;gap:13px}
#iduNotes26 .idu-notes26-images figure{margin:0;border-radius:14px;overflow:hidden;border:1px solid #e4e6ee;background:#fff}
#iduNotes26 .idu-notes26-images figcaption{padding:7px 10px;color:#6f7488;font-size:10px;font-weight:800;background:#fafaff;border-bottom:1px solid #eff0f5}
#iduNotes26 .idu-notes26-images img{display:block;width:100%;height:auto;margin:0}
#iduNotes26 .idu-notes26-modal-nav{display:flex;gap:9px;justify-content:space-between;margin-top:14px;border-top:1px solid #e7e7f3;padding-top:13px}
#iduNotes26 .idu-notes26-modal-nav button{border:1px solid #d9dcea;background:#fff;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:800}
#iduNotes26 .idu-notes26-modal-nav button:disabled{opacity:.35;cursor:default}
@keyframes iduNotes26Shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media(max-width:760px){
  #iduNotes26 .idu-notes26-hero{padding:17px;border-radius:19px}
  #iduNotes26 .idu-notes26-grades{gap:5px}
  #iduNotes26 .idu-notes26-grade{flex:1;padding:9px 10px}
  #iduNotes26 .idu-notes26-subject{padding:9px}
  #iduNotes26 .idu-notes26-subject-head{padding:8px}
  #iduNotes26 .idu-notes26-subject h2{font-size:15px}
  #iduNotes26 .idu-notes26-strip{margin-right:-9px;padding-right:9px}
  #iduNotes26 .idu-notes26-strip>.idu-notes26-card,#iduNotes26 .idu-notes26-strip>.idu-notes26-skeleton{flex-basis:min(75vw,248px)}
  #iduNotes26 .idu-notes26-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #iduNotes26 .idu-notes26-cover{height:116px}
  #iduNotes26 .idu-notes26-full{padding:12px}
  #iduNotes26 .idu-notes26-full-controls{grid-template-columns:1fr}
  #iduNotes26 .idu-notes26-post-links{grid-template-columns:1fr}
  #iduNotes26 .idu-notes26-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #iduNotes26 .idu-notes26-overlay{padding:0;align-items:flex-end}
  #iduNotes26 .idu-notes26-dialog{height:95dvh;max-height:95dvh;width:100%;border-radius:21px 21px 0 0}
  #iduNotes26 .idu-notes26-dialog-scroll{padding:14px 12px 24px}
}
@media(max-width:430px){#iduNotes26 .idu-notes26-grid{grid-template-columns:1fr}#iduNotes26 .idu-notes26-subject-head{gap:6px}#iduNotes26 .idu-notes26-see{padding:7px;font-size:10px}}
@media(prefers-reduced-motion:reduce){#iduNotes26 .idu-notes26-skeleton{animation:none}#iduNotes26 .idu-notes26-card,#iduNotes26 .idu-notes26-toast{transition:none}}

/* V3 - Icon Font Awesome (đã tải trong XML chính), tránh các ký tự đặc biệt bị Blogger mã hóa. */
#iduNotes26 .idu-notes26-icon i{font-size:16px;line-height:1}
#iduNotes26 .idu-notes26-benefits i{margin-right:5px}
#iduNotes26 .idu-notes26-actions i,#iduNotes26 .idu-notes26-modal-nav i{margin-right:5px}
#iduNotes26 .idu-notes26-actions [data-idu-pdf] i{color:#e11d48}
#iduNotes26 .idu-notes26-card-source i{font-size:10px;margin-left:3px}
#iduNotes26 .idu-notes26-see i{margin-left:5px}
#iduNotes26 .idu-notes26-index summary{display:flex;gap:8px;align-items:center;list-style:none}
#iduNotes26 .idu-notes26-index summary::-webkit-details-marker{display:none}
#iduNotes26 .idu-notes26-index-chevron{margin-left:auto;font-size:11px;transition:transform .2s}
#iduNotes26 .idu-notes26-index[open] .idu-notes26-index-chevron{transform:rotate(180deg)}
#iduNotes26 .idu-notes26-dialog-top b i{margin-right:5px;color:#4f46e5}

/* V4: Hiệu ứng trong phạm vi #iduNotes26, không ảnh hưởng XML gốc */
#iduNotes26{
  --idu-n26-ease:cubic-bezier(.22,1,.36,1);
  --idu-n26-ease-inout:cubic-bezier(.4,0,.2,1);
}
#iduNotes26 .idu-notes26-main.idu-notes26-view-in{
  animation:iduNotes26ViewIn .46s var(--idu-n26-ease) both;
}
#iduNotes26 .idu-notes26-subject,
#iduNotes26 .idu-notes26-full{
  transition:border-color .25s var(--idu-n26-ease), box-shadow .25s var(--idu-n26-ease);
}
#iduNotes26 .idu-notes26-see,
#iduNotes26 .idu-notes26-grade,
#iduNotes26 .idu-notes26-full-controls button,
#iduNotes26 .idu-notes26-more,
#iduNotes26 .idu-notes26-modal-nav button,
#iduNotes26 .idu-notes26-actions button,
#iduNotes26 .idu-notes26-actions a,
#iduNotes26 .idu-notes26-icon-btn{
  transition:background-color .23s var(--idu-n26-ease-inout),border-color .23s var(--idu-n26-ease-inout),
  color .23s var(--idu-n26-ease-inout),box-shadow .23s var(--idu-n26-ease-inout),transform .23s var(--idu-n26-ease);
}
#iduNotes26 .idu-notes26-see:hover,
#iduNotes26 .idu-notes26-full-controls button:hover,
#iduNotes26 .idu-notes26-more:hover:not(:disabled){
  transform:translateY(-2px);box-shadow:0 7px 18px #4f46e51a;
}
#iduNotes26 .idu-notes26-see i{transition:transform .28s var(--idu-n26-ease)}
#iduNotes26 .idu-notes26-see:hover i{transform:translateX(4px)}
#iduNotes26 .idu-notes26-grade:not(.is-active):hover{
  color:#4f46e5;border-color:#c4b5fd;background:#faf9ff;transform:translateY(-1px);
}
#iduNotes26 .idu-notes26-card{
  transition:transform .28s var(--idu-n26-ease),box-shadow .28s var(--idu-n26-ease),border-color .28s var(--idu-n26-ease);
}
#iduNotes26 .idu-notes26-card:hover{transform:translateY(-4px)}
#iduNotes26 .idu-notes26-cover img{transition:transform .55s var(--idu-n26-ease)}
#iduNotes26 .idu-notes26-card:hover .idu-notes26-cover img{transform:scale(1.045)}
#iduNotes26 .idu-notes26-card.idu-notes26-card-arrive{
  animation:iduNotes26CardIn .48s var(--idu-n26-ease) both;
  animation-delay:var(--idu-n26-card-delay,0ms);
}
/* Popup: thay display none/flex bằng visibility+opacity để có animation mở/đóng */
#iduNotes26 .idu-notes26-overlay{
  display:flex;visibility:hidden;opacity:0;pointer-events:none;
  transition:opacity .25s var(--idu-n26-ease-inout), visibility 0s linear .25s;
}
#iduNotes26 .idu-notes26-overlay.is-open{
  display:flex;visibility:visible;opacity:1;pointer-events:auto;
  transition:opacity .25s var(--idu-n26-ease-inout), visibility 0s linear 0s;
}
#iduNotes26 .idu-notes26-dialog{
  opacity:0;transform:translateY(18px) scale(.985);
  transition:transform .34s var(--idu-n26-ease),opacity .28s ease;
}
#iduNotes26 .idu-notes26-overlay.is-open .idu-notes26-dialog{
  opacity:1;transform:translateY(0) scale(1);
}
#iduNotes26 .idu-notes26-images figure{
  animation:iduNotes26ImageIn .35s var(--idu-n26-ease) both;
}
#iduNotes26 .idu-notes26-images figure:nth-child(2){animation-delay:45ms}
#iduNotes26 .idu-notes26-images figure:nth-child(3){animation-delay:90ms}
@keyframes iduNotes26ViewIn{
  from{opacity:.2;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes iduNotes26CardIn{
  from{opacity:0;transform:translateY(13px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes iduNotes26ImageIn{
  from{opacity:.4;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:760px){
  #iduNotes26 .idu-notes26-dialog{
    transform:translateY(30px) scale(1);
  }
  #iduNotes26 .idu-notes26-overlay.is-open .idu-notes26-dialog{
    transform:translateY(0) scale(1);
  }
}
@media(prefers-reduced-motion:reduce){
  #iduNotes26 .idu-notes26-main.idu-notes26-view-in,
  #iduNotes26 .idu-notes26-card.idu-notes26-card-arrive,
  #iduNotes26 .idu-notes26-images figure{animation:none!important}
  #iduNotes26 .idu-notes26-overlay,
  #iduNotes26 .idu-notes26-dialog,
  #iduNotes26 .idu-notes26-cover img,
  #iduNotes26 .idu-notes26-see i{transition:none!important}
}