/* ==========================================================================
   NTK Mentor: trang trong. Cùng hệ màu, font, hiệu ứng với trang chủ (main.css).
   ========================================================================== */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Đầu trang trong ---------- */
.phero{position:relative;overflow:hidden;padding:clamp(56px,8vw,110px) 0 clamp(64px,8vw,110px);background:radial-gradient(45% 70% at 50% 0%,rgb(227 182 117 / .2),transparent 70%),radial-gradient(40% 50% at 100% 100%,rgb(255 186 82 / .07),transparent 70%),var(--black);border-bottom:1px solid var(--line-d)}
.phero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 22%,#FFEAC9 60%,transparent 61%),radial-gradient(1px 1px at 28% 68%,#E3B675 60%,transparent 61%),radial-gradient(2px 2px at 44% 14%,#FFEAC9 60%,transparent 61%),radial-gradient(1px 1px at 63% 38%,#FFBA52 60%,transparent 61%),radial-gradient(1.5px 1.5px at 78% 12%,#FFEAC9 60%,transparent 61%),radial-gradient(1px 1px at 93% 30%,#E3B675 60%,transparent 61%),radial-gradient(1.5px 1.5px at 53% 84%,#FFEAC9 60%,transparent 61%),radial-gradient(1px 1px at 7% 86%,#FFBA52 60%,transparent 61%);animation:twinkle 5s ease-in-out infinite alternate}
.phero__mark{position:absolute;left:50%;bottom:-.12em;transform:translateX(-50%);font-family:var(--display);font-size:clamp(4.5rem,15vw,13rem);line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgb(227 182 117 / .08);pointer-events:none;user-select:none}
.phero__grid{position:relative;display:grid;justify-items:center;text-align:center}
.phero__txt{display:grid;justify-items:center;gap:10px;max-width:900px}
.phero__title{font-size:clamp(2.3rem,5vw,4.3rem);color:#fff}
.phero .lead{max-width:720px}
.phero__meta{margin-top:12px;display:grid;justify-items:center;gap:18px}
.crumbs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:14px;padding:7px 16px;border-radius:999px;border:1px solid var(--line-d);background:rgb(255 255 255 / .03);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgb(241 241 241 / .55)}
.crumbs a{color:var(--gold);transition:color .3s}
.crumbs a:hover{color:var(--gold-hi)}
.crumbs i{width:5px;height:5px;transform:rotate(45deg);border:1px solid var(--gold-dk)}
.crumbs span[aria-current]{max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* có ảnh chân dung bên phải (trang Giới thiệu) */
.phero--photo{padding-bottom:0}
.phero--photo .phero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);justify-items:start;text-align:left;align-items:end;gap:30px}
.phero--photo .phero__txt{justify-items:start;align-self:center;padding-bottom:clamp(40px,6vw,90px)}
.phero--photo .crumbs{justify-content:flex-start}
.phero--photo .phero__meta{justify-items:start}
.phero__photo{position:relative;justify-self:center;width:min(100%,460px);margin:0}
.phero__photo .hero__ring{opacity:1}
.phero__photo img{position:relative;width:100%;height:auto;-webkit-mask-image:linear-gradient(180deg,#000 85%,transparent);mask-image:linear-gradient(180deg,#000 85%,transparent);filter:drop-shadow(0 30px 50px rgb(0 0 0 / .6))}
.phero__quote{margin:0;padding:16px 20px;border-radius:16px;border:1px solid rgb(227 182 117 / .35);background:rgb(12 10 7 / .6);font-size:15px;font-style:italic;color:rgb(241 241 241 / .85)}
.phero__quote b{display:block;font-family:var(--script);font-style:normal;font-size:1.5rem;line-height:1.2;color:var(--gold)}

/* bài viết: tiêu đề dài hơn, nhỏ hơn */
.phero--post .phero__title{font-size:clamp(1.9rem,3.8vw,3.2rem);max-width:1000px}
.pmeta{display:flex;align-items:center;gap:12px;text-align:left}
.pmeta img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:top;background:var(--card-2);border:1px solid var(--line-d)}
.pmeta b{display:block;font-size:14px;color:var(--gold-hi)}
.pmeta small{font-size:12.5px;color:rgb(241 241 241 / .6)}
.phero--404 .phero__title{font-size:clamp(2.4rem,5.4vw,4.6rem)}

/* ---------- Tiêu đề nhóm (trang Các khóa học) ---------- */
.group-title{display:flex;align-items:center;gap:18px;margin:0 0 26px;font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.3;text-transform:uppercase;color:var(--gold-hi);padding-top:.05em}
.group-title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line-d),transparent)}
.cgrid+.group-title{margin-top:clamp(50px,6vw,80px)}

/* ---------- Số liệu (trang Giới thiệu) ---------- */
.stats-sec .stats{margin-top:0}

/* ---------- Dấu ấn: lưới ô ---------- */
.marks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mark{position:relative;display:grid;gap:10px;align-content:start;padding:30px 28px;border-radius:22px;background:var(--card);border:1px solid var(--line-d);transition:transform .5s var(--ease),border-color .4s}
.mark:hover{transform:translateY(-6px);border-color:rgb(227 182 117 / .55)}
.mark__big{font-family:var(--display);font-weight:400;font-size:clamp(2rem,3vw,2.6rem);line-height:1.2;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-top:.06em}
.mark h3{font-size:1.08rem;font-weight:800;line-height:1.4;color:#fff}
.mark p{font-size:14.5px;color:rgb(241 241 241 / .66)}

/* ---------- Thành tựu: dòng thời gian dọc ---------- */
.tline{position:relative;max-width:900px;margin:0 auto;display:grid;gap:18px}
.tline::before{content:"";position:absolute;left:150px;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,var(--gold-dk),var(--gold),var(--gold-dk))}
.tline__item{position:relative;display:grid;grid-template-columns:126px 48px minmax(0,1fr);align-items:center}
.tline__when{justify-self:end;font-family:var(--display);font-size:1.45rem;line-height:1.2;color:var(--gold-dk);text-align:right;padding-top:.05em}
.tline__dot{justify-self:center;width:18px;height:18px;border-radius:50%;background:var(--paper);border:3px solid var(--gold-dk);box-shadow:0 0 0 5px rgb(227 182 117 / .2);transition:background .3s}
.tline__item:hover .tline__dot{background:var(--gold-2)}
.tline__card{padding:18px 24px;border-radius:18px;background:#fff;border:1px solid var(--line-l);box-shadow:0 20px 40px -32px rgb(30 22 10 / .5);transition:transform .5s var(--ease)}
.tline__item:hover .tline__card{transform:translateX(6px)}
.tline__card h3{font-size:1.05rem;font-weight:800;line-height:1.4;color:var(--ink)}
.tline__card p{font-size:14.5px;color:var(--ink-3);margin-top:2px}

/* ---------- Ảnh sự kiện đã tổ chức ---------- */
.pgal{columns:4 220px;column-gap:14px}
.pgal a{display:block;margin-bottom:14px;break-inside:avoid;border-radius:16px;overflow:hidden;border:1px solid var(--line-d);transition:border-color .4s}
.pgal a:hover{border-color:var(--gold)}
.pgal img{width:100%;height:auto;transition:transform 1s var(--ease)}
.pgal a:hover img{transform:scale(1.05)}

/* ---------- Câu chuyện thành công: thẻ chia sẻ ---------- */
.scards{columns:3 300px;column-gap:22px}
.scard{position:relative;display:grid;gap:18px;margin:0 0 22px;break-inside:avoid;padding:30px 28px 26px;border-radius:22px;background:#fff;border:1px solid var(--line-l);box-shadow:0 24px 40px -32px rgb(30 22 10 / .5);transition:transform .5s var(--ease),box-shadow .5s}
.scard:hover{transform:translateY(-6px);box-shadow:0 34px 50px -30px rgb(30 22 10 / .55)}
.scard__q{width:40px;height:40px;color:var(--gold)}
.scard blockquote{margin:0;font-size:15px;font-style:italic;line-height:1.75;color:var(--ink-2)}
.scard figcaption{display:flex;align-items:center;gap:14px;padding-top:16px;border-top:1px solid var(--line-l)}
.scard figcaption img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--gold)}
.scard figcaption .ava{width:56px;height:56px;flex:none}
.scard figcaption b{display:block;font-size:1rem;color:var(--ink)}
.scard figcaption small{display:block;font-size:12.5px;line-height:1.5;color:var(--ink-3)}

/* ---------- Bản đồ (Kết nối) ---------- */
.map{border-radius:24px;overflow:hidden;border:1px solid var(--line-d);aspect-ratio:21/8;background:var(--card)}
.map iframe{width:100%;height:100%;border:0;filter:grayscale(.6) invert(.9) hue-rotate(180deg) contrast(.9)}

/* ---------- Nội dung soạn thảo (chính sách, bài viết) ---------- */
.page-body{padding-top:clamp(50px,6vw,80px)}
.prose-card{max-width:900px;margin:0 auto;padding:clamp(26px,4.5vw,60px);border-radius:26px;background:#fff;border:1px solid var(--line-l);box-shadow:0 40px 70px -50px rgb(30 22 10 / .6);color:var(--ink-2)}
.prose{font-size:16.5px;line-height:1.8;color:#2b241a;overflow-wrap:break-word}
.prose>*+*{margin-top:1.05em}
.prose h1,.prose h2,.prose h3,.prose h4{color:var(--ink);line-height:1.35;margin-top:1.7em;scroll-margin-top:110px}
.prose h2{font-family:var(--display);font-weight:400;font-size:clamp(1.55rem,2.6vw,2.05rem);text-transform:uppercase;letter-spacing:.01em;padding-top:.06em}
.prose h3{font-size:1.25rem;font-weight:800}
.prose h4{font-size:1.08rem;font-weight:800}
.prose a{color:var(--gold-dk);font-weight:600;text-decoration:underline;text-decoration-color:rgb(138 93 26 / .35);text-underline-offset:3px}
.prose a:hover{text-decoration-color:currentColor}
.prose ul,.prose ol{padding-left:1.4em}
.prose ul{list-style:none}
.prose ul>li{position:relative}
.prose ul>li::before{content:"";position:absolute;left:-1.05em;top:.72em;width:7px;height:7px;transform:rotate(45deg);background:var(--gold-dk)}
.prose ol{list-style:decimal}
.prose li+li{margin-top:.4em}
.prose ol>li::marker{color:var(--gold-dk);font-weight:800}
.prose img,.prose video,.prose iframe{max-width:100%;height:auto;border-radius:14px}
.prose iframe{aspect-ratio:16/9;width:100%}
.prose figure{margin:1.6em 0}
.prose figcaption,.prose .wp-caption-text{font-size:13px;color:var(--ink-3);text-align:center;margin-top:8px}
.prose blockquote{margin:1.6em 0;padding:18px 24px;border-left:3px solid var(--gold);border-radius:0 14px 14px 0;background:var(--paper-2);font-style:italic}
.prose table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}
.prose th,.prose td{padding:10px 14px;border:1px solid var(--line-l);text-align:left}
.prose th{background:var(--paper)}
.prose hr{border:0;height:1px;background:var(--line-l);margin:2em 0}
.prose strong,.prose b{color:var(--ink)}
.prose .aligncenter{margin-inline:auto}
.prose .alignleft{float:left;margin:0 1.2em 1em 0}
.prose .alignright{float:right;margin:0 0 1em 1.2em}
/* bài viết cũ: khung ngoài có style nội tuyến (nền trắng, chữ xám), giữ khoảng cách gọn */
.entry>div[style]{max-width:100%}
.entry img,.entry video{max-width:100%!important;height:auto!important}
.entry pre{overflow-x:auto;max-width:100%}
.entry ul[style*="list-style-type: none"]>li::before{display:none}
.blank-body{min-height:40vh}

/* ---------- Blog: danh sách ---------- */
.chips--cats{justify-content:center}
.chips--cats .chip{transition:background .3s,color .3s,border-color .3s}
.chips--cats .chip:hover,.chips--cats .chip.is-on{background:var(--grad-gold);border-color:transparent;color:#1b1306}
.sform{position:relative;width:min(100%,460px)}
.sform input{width:100%;height:50px;padding:0 54px 0 20px;border-radius:999px;border:1px solid rgb(227 182 117 / .3);background:rgb(255 255 255 / .05);font:inherit;font-size:15px;color:#fff;transition:border-color .3s,box-shadow .3s}
.sform input::placeholder{color:rgb(241 241 241 / .4)}
.sform input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgb(227 182 117 / .15)}
.sform button{position:absolute;right:5px;top:5px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--grad-gold);color:#1b1306}
.sform button svg{width:18px;height:18px}
.feat--wide{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(24px,4vw,50px);align-items:center;margin-bottom:clamp(40px,5vw,64px);padding-bottom:clamp(40px,5vw,64px);border-bottom:1px solid var(--line-d)}
.feat__txt{display:grid;gap:14px;justify-items:start}
.feat--wide h2{font-family:var(--display);font-weight:400;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.3;text-transform:uppercase;color:#fff;padding-top:.05em;transition:color .3s}
.feat--wide:hover h2{color:var(--gold-hi)}
.feat--wide p{color:rgb(241 241 241 / .68)}
.feat--wide .btn{margin-top:4px}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.pcard{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--card);border:1px solid var(--line-d);transition:transform .5s var(--ease),border-color .4s,box-shadow .5s}
.pcard:hover{transform:translateY(-6px);border-color:rgb(227 182 117 / .55);box-shadow:0 40px 60px -36px rgb(227 182 117 / .3)}
.pcard__img{display:block;aspect-ratio:16/9;overflow:hidden;background:#000}
.pcard__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.pcard__img img.is-ph{object-fit:contain;padding:18% 14%;opacity:.5}
.pcard:hover .pcard__img.in img{transform:scale(1.05)}
.pcard__body{display:grid;gap:10px;align-content:start;padding:20px 22px 24px;flex:1}
.pcard .meta a:hover{color:var(--gold-hi)}
.pcard h3{font-size:1.08rem;font-weight:800;line-height:1.45;color:#fff}
.pcard h3 a{transition:color .3s}
.pcard h3 a:hover{color:var(--gold-hi)}
.pcard p{font-size:14px;line-height:1.65;color:rgb(241 241 241 / .62)}
.pcard .link{margin-top:auto;padding-top:4px}
.pager{margin-top:clamp(40px,5vw,60px)}
.pager .nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.pager .page-numbers{min-width:46px;height:46px;padding:0 14px;border-radius:999px;display:grid;place-items:center;border:1px solid var(--line-d);font-size:14px;font-weight:700;color:rgb(241 241 241 / .8);transition:background .3s,color .3s,border-color .3s}
.pager .page-numbers svg{width:18px;height:18px}
.pager a.page-numbers:hover{border-color:var(--gold);color:var(--gold-hi)}
.pager .page-numbers.current{background:var(--grad-gold);border-color:transparent;color:#1b1306}
.pager .dots{border:0}
.empty{display:grid;justify-items:center;gap:14px;text-align:center;padding:40px 0;color:rgb(241 241 241 / .7)}

/* ---------- Bài viết ---------- */
.post-sec{padding-top:clamp(40px,5vw,70px)}
.post{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(24px,3.5vw,48px);align-items:start}
.post__thumb{margin:0 0 26px;border-radius:24px;overflow:hidden;border:1px solid var(--line-l);box-shadow:0 40px 70px -50px rgb(30 22 10 / .6)}
.post__thumb img{width:100%;height:auto}
.post__card{max-width:none}
.post__foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line-l)}
.ptags{display:flex;flex-wrap:wrap;gap:8px}
.ptags a{padding:6px 12px;border-radius:999px;background:var(--paper);font-size:12.5px;font-weight:600;color:var(--ink-3)}
.ptags a:hover{background:var(--ink);color:var(--gold-hi)}
.share{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.share a,.share button{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-l);color:var(--gold-dk);transition:background .3s,color .3s}
.share a:hover,.share button:hover{background:var(--ink);color:var(--gold-hi)}
.share svg{width:18px;height:18px}
.share button em{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:4px 10px;border-radius:8px;background:var(--ink);color:var(--gold-hi);font-size:11px;font-style:normal;letter-spacing:.04em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s}
.share button.is-done em{opacity:1}
.post__side{position:sticky;top:100px;display:grid;gap:20px}
.side-card{padding:24px;border-radius:22px;background:#fff;border:1px solid var(--line-l);box-shadow:0 24px 40px -32px rgb(30 22 10 / .5)}
.side-card h4{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dk);margin-bottom:12px}
.side-author{display:grid;justify-items:center;text-align:center;gap:8px;background:var(--ink);color:var(--cream);border-color:var(--ink)}
.side-author img{width:110px;height:110px;border-radius:50%;object-fit:cover;object-position:top;background:radial-gradient(70% 55% at 50% 30%,rgb(227 182 117 / .45),transparent 70%),linear-gradient(170deg,#1d170e,#050505);border:2px solid var(--gold)}
.side-author .script{font-size:1.4rem;color:var(--gold)}
.side-author h3{font-family:var(--display);font-weight:400;font-size:1.5rem;line-height:1.3;text-transform:uppercase;color:#fff;padding-top:.05em}
.side-author p{font-size:13.5px;line-height:1.6;color:rgb(241 241 241 / .7)}
.side-author .btn{margin-top:6px}
.side-list li+li{border-top:1px solid var(--line-l)}
.side-list a{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0}
.side-list img{width:64px;height:48px;object-fit:cover;border-radius:8px}
.side-list span{font-size:13.5px;font-weight:700;line-height:1.45;color:var(--ink);transition:color .3s}
.side-list a:hover span{color:var(--gold-dk)}
.side-list small{display:block;margin-top:2px;font-size:11.5px;font-weight:600;color:var(--ink-3)}
.side-gift{display:grid;justify-items:center;text-align:center;gap:10px;padding:24px;border-radius:22px;background:var(--grad-gold);color:#1b1306;box-shadow:0 30px 50px -30px rgb(140 90 20 / .7)}
.side-gift img{width:86px;height:auto;animation:bob 2.4s ease-in-out infinite}
.side-gift b{font-family:var(--display);font-weight:400;font-size:1.35rem;line-height:1.3;text-transform:uppercase;padding-top:.05em}
.side-gift .link{color:#1b1306}
.related .pgrid{margin-top:0}

/* ---------- Responsive ---------- */
@media (max-width:1080px){
  .phero--photo .phero__grid{grid-template-columns:1fr;justify-items:center;text-align:center}
  .phero--photo .phero__txt{justify-items:center;padding-bottom:0}
  .phero--photo .crumbs{justify-content:center}
  .phero--photo .phero__meta{justify-items:center}
  .phero__photo{width:min(80%,380px)}
  .marks{grid-template-columns:1fr 1fr}
  .pgrid{grid-template-columns:1fr 1fr}
  .feat--wide{grid-template-columns:1fr}
  .post{grid-template-columns:minmax(0,1fr)}
  .post__side{position:static;grid-template-columns:1fr 1fr}
  .side-author{grid-row:span 2}
  .map{aspect-ratio:16/9}
}
@media (max-width:760px){
  .marks,.pgrid{grid-template-columns:1fr}
  .tline::before{left:9px}
  .tline__item{grid-template-columns:20px minmax(0,1fr);column-gap:16px;row-gap:6px;align-items:start}
  .tline__when{grid-column:2;justify-self:start;text-align:left;font-size:1.2rem}
  .tline__dot{grid-column:1;grid-row:1;width:16px;height:16px;margin-top:6px}
  .tline__card{grid-column:2}
  .post__side{grid-template-columns:1fr}
  .side-author{grid-row:auto}
  .prose-card{border-radius:18px}
  .prose{font-size:16px}
  .crumbs{font-size:11px}
  .crumbs span[aria-current]{max-width:22ch}
}
@media (prefers-reduced-motion:reduce){.phero::before,.side-gift img{animation:none}}