/* ============================================================
   MT.NET.VN PRO6 V12 - DETAIL / ARTICLE / MEMBER NATIVE
   ============================================================ */
.pro6-detail-page,.pro6-article-page,.pro6-lesson-page,.pro6-member-page{padding:24px 28px 50px}
.pro6-detail-hero{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;padding:24px;background:#fff;border:1px solid #e5eaf1;border-radius:20px;box-shadow:0 8px 28px rgba(16,24,40,.055);margin-bottom:17px}
.pro6-detail-media{border-radius:16px;background:#f5f7fa;min-height:240px;display:grid;place-items:center;overflow:hidden}.pro6-detail-media img{width:100%;height:100%;object-fit:contain;padding:12px}
.pro6-detail-copy h1{font-size:34px;letter-spacing:-.045em;margin:7px 0}.pro6-detail-copy>p{font-size:13px;color:#667085;line-height:1.65;max-width:850px}
.pro6-detail-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:#667085;margin-top:12px}.pro6-detail-meta span{display:flex;gap:5px;align-items:center}
.pro6-detail-price{margin-top:16px}.pro6-detail-price strong{display:block;font-size:25px;color:#182230}.pro6-detail-price small{font-size:10px;color:#98a2b3}.pro6-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.pro6-detail-layout,.pro6-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}
.pro6-content-card,.pro6-form-card{background:#fff;border:1px solid #e5eaf1;border-radius:17px;padding:22px;box-shadow:0 6px 22px rgba(16,24,40,.045);min-width:0}
.pro6-rich-content{font-size:14px;line-height:1.78;color:#344054}.pro6-rich-content h1,.pro6-rich-content h2,.pro6-rich-content h3{color:#182230;margin:1.3em 0 .55em}.pro6-rich-content img{max-width:100%;height:auto;border-radius:10px}.pro6-rich-content table{display:block;overflow:auto}.pro6-rich-content iframe{max-width:100%}.pro6-rich-content pre{overflow:auto;border-radius:11px;background:#101828;color:#f2f4f7;padding:14px}
.pro6-content-note{margin-top:18px;padding:14px;border-radius:11px;background:#f6f9ff;border:1px solid #d7e4ff}
.pro6-detail-sidebar{display:grid;align-content:start;gap:10px}.pro6-side-card{padding:16px;background:#fff;border:1px solid #e5eaf1;border-radius:14px}.pro6-side-card.sticky{position:sticky;top:90px}.pro6-side-card.accent{background:linear-gradient(145deg,#f5f8ff,#fff)}.pro6-side-card>i{font-size:22px;color:#246bfd}.pro6-side-card h3{font-size:14px;margin:7px 0}.pro6-side-card p{font-size:10px;color:#667085;line-height:1.55}
.pro6-side-list{display:grid;gap:8px}.pro6-side-list>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #edf0f4;font-size:10px}.pro6-side-list span{color:#667085}
.pro6-side-link{display:flex;align-items:center;gap:8px;padding:9px;border-radius:8px;color:#475467;font-size:10px}.pro6-side-link:hover{background:#f4f7fb;color:#175cd3}

.pro6-article-header{max-width:950px;margin:0 auto 18px;text-align:center}.pro6-article-header.lesson{max-width:1000px}.pro6-article-header h1{font-size:clamp(30px,4vw,48px);line-height:1.14;letter-spacing:-.05em;margin:12px 0 9px;color:#182230}.pro6-article-header>p{font-size:14px;line-height:1.65;color:#667085;max-width:820px;margin:0 auto}.pro6-article-breadcrumb{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;font-size:10px}.pro6-article-breadcrumb i{font-size:8px;color:#98a2b3}
.pro6-article-meta{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;color:#667085;font-size:10px}.pro6-article-cover{max-width:1000px;margin:0 auto 18px;border-radius:18px;overflow:hidden;background:#f5f7fa}.pro6-article-cover img{width:100%;display:block}
.pro6-lesson-cover{width:100%;max-height:460px;object-fit:cover;margin-bottom:18px}

.pro6-member-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.pro6-member-head h1{font-size:28px;letter-spacing:-.04em;margin:5px 0}.pro6-member-head p{font-size:12px;color:#667085;margin:0}.pro6-member-actions{display:flex;gap:7px;flex-wrap:wrap}
.pro6-member-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:15px}.pro6-member-kpis>div{padding:15px;background:#fff;border:1px solid #e5eaf1;border-radius:13px}.pro6-member-kpis span,.pro6-member-kpis strong{display:block}.pro6-member-kpis span{font-size:9px;color:#667085}.pro6-member-kpis strong{font-size:22px;margin-top:5px;color:#182230}
.pro6-member-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px}.pro6-member-nav{display:grid;align-content:start;gap:4px;padding:10px;background:#fff;border:1px solid #e5eaf1;border-radius:14px;height:max-content;position:sticky;top:90px}.pro6-member-nav a{display:flex;align-items:center;gap:8px;padding:10px;border-radius:9px;color:#475467;font-size:10px;font-weight:700}.pro6-member-nav a:hover,.pro6-member-nav a.active{background:#eef4ff;color:#175cd3}
.pro6-member-main{min-width:0}.pro6-member-muted{font-size:11px;color:#667085}.pro6-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.pro6-profile-grid>div{padding:12px;border:1px solid #edf0f4;border-radius:10px}.pro6-profile-grid span,.pro6-profile-grid b{display:block}.pro6-profile-grid span{font-size:8px;color:#98a2b3}.pro6-profile-grid b{font-size:11px;margin-top:4px}
.pro6-form-card{max-width:900px}.pro6-form-card.narrow{max-width:680px}.pro6-form-head{margin-bottom:16px}.pro6-form-head h2{font-size:19px;margin:0 0 4px}.pro6-form-head p{font-size:10px;color:#667085;margin:0}
.pro6-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pro6-form-grid.one{grid-template-columns:1fr}.pro6-form-grid label{display:block}.pro6-form-grid label.full{grid-column:1/-1}.pro6-form-grid label>span{display:block;font-size:9px;font-weight:700;color:#475467;margin-bottom:6px}.pro6-form-grid input,.pro6-form-grid textarea,.pro6-form-grid select{width:100%;border:1px solid #dfe5ed;border-radius:10px;padding:9px 11px;background:#fff;color:#344054;outline:0}.pro6-form-grid input{min-height:42px}.pro6-form-grid input:focus,.pro6-form-grid textarea:focus{border-color:#84adff;box-shadow:0 0 0 3px rgba(36,107,253,.08)}
.pro6-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #edf0f4}
.pro6-password-field{display:grid;grid-template-columns:1fr 42px}.pro6-password-field input{border-radius:10px 0 0 10px!important}.pro6-password-field button{border:1px solid #dfe5ed;border-left:0;background:#fff;border-radius:0 10px 10px 0;cursor:pointer;color:#667085}
.pro6-security-note{display:flex;gap:10px;padding:12px;border:1px solid #b2ddff;border-radius:10px;background:#eff8ff;color:#175cd3;margin-top:14px}.pro6-security-note i{font-size:18px}.pro6-security-note b,.pro6-security-note span{display:block}.pro6-security-note b{font-size:10px}.pro6-security-note span{font-size:9px;margin-top:2px}
.pro6-alert.success{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}

@media(max-width:1050px){.pro6-detail-layout,.pro6-article-layout{grid-template-columns:1fr}.pro6-detail-sidebar{grid-template-columns:repeat(2,1fr)}.pro6-side-card.sticky{position:static}.pro6-member-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.pro6-detail-page,.pro6-article-page,.pro6-lesson-page,.pro6-member-page{padding:16px 12px 88px}.pro6-detail-hero{grid-template-columns:1fr;padding:16px}.pro6-detail-media{min-height:190px}.pro6-detail-copy h1{font-size:28px}.pro6-detail-sidebar{grid-template-columns:1fr}.pro6-member-head{align-items:flex-start;flex-direction:column}.pro6-member-layout{grid-template-columns:1fr}.pro6-member-nav{position:static;grid-template-columns:1fr 1fr}.pro6-member-kpis,.pro6-profile-grid,.pro6-form-grid{grid-template-columns:1fr}.pro6-form-grid label.full{grid-column:auto}.pro6-content-card,.pro6-form-card{padding:16px}}