/* EducationTrainingPortal tintuc-detail bundle — tuyệt đối không sửa file này; chỉ sửa wwwroot/generate/css/content/tintuc-detail.css rồi npm run build hoặc npm run watch */
.db-article-detail-wrap{--etp-detail-blue: #0f4e96;--etp-detail-gold: var(--etp-gold, #d9ae4b);--etp-detail-text: var(--etp-text, #1a2b3c);--etp-detail-muted: #6b7384;--etp-detail-border: #e3e6ec;color:var(--etp-detail-text);font-family:var(--etp-font, "Be Vietnam Pro", sans-serif)}.db-article-detail-wrap .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:1.5rem;align-items:start}.db-article-detail-wrap .row.g-4{gap:1.5rem}.db-article-detail-wrap .col-lg-9,.db-article-detail-wrap .col-lg-3{min-width:0}.db-article-detail-wrap .col-lg-3{position:sticky;top:92px}.db-article-detail-aside{display:flex;flex-direction:column;gap:1.5rem}.db-article-detail-header{margin-bottom:1rem}.db-article-detail-category a{color:var(--etp-detail-blue);font-family:var(--font-semibold);font-size:var(--fs-13);letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.db-article-detail-category a:hover{color:var(--etp-blue-primary, #0a4d8c)}.db-article-detail-divider{height:1px;margin:.75rem 0;background:var(--etp-detail-border)}.db-article-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;color:var(--etp-detail-muted);line-height:1.3}.db-article-detail-meta__item{display:inline-flex;align-items:center;gap:.35rem}.db-article-detail-meta__item svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.db-article-detail-meta__item time,.db-article-detail-meta__item span{color:var(--etp-detail-muted)}.db-article-detail-title{margin:0 0 1rem;color:#0f1623;font-family:var(--font-bold);font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.3}.db-article-detail-subtitle,.db-article-detail-lead{margin-bottom:1rem;color:#4a5163;line-height:1.6}.db-article-detail-lead{font-family:var(--font-medium);font-size:var(--fs-18)}.db-article-detail-hero{margin:0 0 1.25rem}.db-article-detail-hero img{display:block;width:100%;max-height:480px;border-radius:12px;object-fit:cover}.db-article-detail-body{color:var(--etp-detail-text);font-size:1rem;line-height:1.75}.db-article-detail-body--rich>:first-child{margin-top:0}.db-article-detail-body--rich>:last-child{margin-bottom:0}.db-article-detail-body--rich p,.db-article-detail-body--rich ul,.db-article-detail-body--rich ol,.db-article-detail-body--rich blockquote{margin:0 0 1rem}.db-article-detail-body--rich h2,.db-article-detail-body--rich h3,.db-article-detail-body--rich h4{margin:1.5rem 0 .75rem;color:#0f1623;line-height:1.35}.db-article-detail-body--rich img,.db-article-detail-body--rich video,.db-article-detail-body--rich iframe{max-width:100%;height:auto}.db-article-detail-body--rich a{color:var(--etp-detail-blue);text-decoration:underline}.db-article-detail-body--rich blockquote{padding:.75rem 1rem;border-left:4px solid var(--etp-detail-gold);background:#f8f9fb}.db-article-detail-body--rich table{width:100%;margin:1rem 0;border-collapse:collapse}.db-article-detail-body--rich th,.db-article-detail-body--rich td{padding:.5rem .75rem;border:1px solid var(--etp-detail-border)}.db-article-detail-meta-blocks.mt-4{margin-top:1.5rem}.db-article-meta-section{margin-bottom:1.25rem}.db-article-meta-heading{margin:0 0 .65rem;color:#0f1623;font-family:var(--font-semibold);letter-spacing:.04em;text-transform:uppercase}.db-article-pills{display:flex;flex-wrap:wrap;gap:.5rem}.db-article-pill{display:inline-flex;align-items:center;padding:.35rem .75rem;border:1px solid var(--etp-detail-border);border-radius:999px;background:#fff;color:var(--etp-detail-blue);font-size:var(--fs-13);text-decoration:none}.db-article-pill--tag{color:var(--etp-detail-text)}.db-article-pills a:hover .db-article-pill{border-color:var(--etp-detail-blue)}.db-article-attachments{display:flex;flex-direction:column;gap:0}.db-article-attachments__toolbar{display:flex;width:100%;justify-content:flex-end;padding-bottom:.65rem;margin-bottom:.15rem;border-bottom:1px solid var(--etp-detail-border)}.db-article-attachments__item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem 1rem;padding:.65rem 0;border-bottom:1px solid var(--etp-detail-border)}.db-article-attachments__item:last-child{padding-bottom:0;border-bottom:none}.db-article-attachments__name{min-width:0;overflow-wrap:anywhere;word-break:break-word;color:var(--etp-detail-text);font-family:var(--font-medium);line-height:1.4}.db-article-attachments__actions{display:inline-flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:.5rem}.db-article-expiry{margin:0 0 1rem;color:var(--etp-detail-muted)}.etp-article-most-read{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--etp-detail-border)}.etp-article-most-read__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding-left:.75rem;border-left:3px solid var(--etp-detail-blue)}.etp-article-most-read__title{margin:0;color:#0f1623;font-family:var(--font-bold);letter-spacing:.04em;text-transform:uppercase}.etp-article-most-read__title a{color:inherit;text-decoration:none}.etp-article-most-read__title a:hover{color:var(--etp-detail-blue)}.etp-article-most-read__more{display:inline-flex;align-items:center;gap:.25rem;color:var(--etp-detail-blue);font-family:var(--font-medium);font-size:var(--fs-12);text-decoration:none;white-space:nowrap}.etp-article-most-read__more:hover{color:var(--etp-blue-primary, #0a4d8c)}.etp-article-most-read__more svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.etp-article-most-read__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.etp-article-most-read__card{display:block;color:inherit;text-decoration:none}.etp-article-most-read__media{position:relative;aspect-ratio:16 / 10;margin-bottom:.5rem;overflow:hidden;background:#eef1f5}.etp-article-most-read__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.etp-article-most-read__card:hover .etp-article-most-read__media img{transform:scale(1.05)}.etp-article-most-read__name{margin:0;color:#0f1623;font-family:var(--font-medium);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.etp-article-most-read__card:hover .etp-article-most-read__name{color:var(--etp-detail-blue)}.etp-article-most-read__date{display:block;margin-top:.25rem;color:var(--etp-detail-muted);font-size:var(--fs-12)}.db-article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.db-article-related-card{display:flex;flex-direction:column;gap:.35rem}.db-article-related-card__image{display:block;aspect-ratio:16 / 10;overflow:hidden;border-radius:10px;background:#eef1f5}.db-article-related-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.db-article-related-card:hover .db-article-related-card__image img{transform:scale(1.04)}.db-article-related-card__category{margin:0;color:var(--etp-detail-blue);font-size:var(--fs-12);text-transform:uppercase}.db-article-related-card__title{margin:0;font-family:var(--font-semibold);font-size:var(--fs-15);line-height:1.45}.db-article-related-card__title a{color:#0f1623;text-decoration:none}.db-article-related-card__title a:hover{color:var(--etp-detail-blue)}.db-article-related-card__date{color:var(--etp-detail-muted);font-size:var(--fs-13)}@media(max-width:991px){.db-article-detail-wrap .row{grid-template-columns:1fr}.db-article-detail-wrap .col-lg-3{position:static}.db-article-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.db-article-detail-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.db-article-attachments__item{grid-template-columns:1fr;gap:.5rem}.db-article-attachments__actions{width:100%;justify-content:flex-end}.db-article-related-grid{grid-template-columns:1fr}}@media(min-width:768px){.etp-article-most-read__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.db-article-related-grid{gap:1rem}}@media print{.db-article-detail-wrap .col-lg-3{display:none!important}}