/* Khung đọc bài (popup) + trang baiviet.php. Dùng lại khung .hk-guide-modal của "Cẩm nang tân thủ". */
.hk-reader.hk-guide-modal{z-index:100100}
.hk-reader .hk-guide-modal__dialog{width:min(1040px,100%);max-height:min(90vh,820px)}
.hk-reader .hk-guide-modal__nav-btn{font-size:.8rem}
.hk-reader__head-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.hk-reader__newtab{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .65rem;border-radius:.35rem;background:#f59e0b;color:#111827;font-size:.8rem;font-weight:600;text-decoration:none;white-space:nowrap}
.hk-reader__newtab:hover,.hk-reader__newtab:focus-visible{background:#fbbf24;outline:none}
.hk-reader__meta{margin:0 0 .75rem;font-size:.8rem;opacity:.75}
.hk-reader__empty{margin:1rem 0;opacity:.85}
.hk-reader__loading{display:flex;align-items:center;gap:.6rem;padding:1.5rem 0;opacity:.8}
.hk-reader__spin{width:18px;height:18px;border-radius:50%;border:2px solid #fbbf2455;border-top-color:#fbbf24;animation:hk-reader-spin .7s linear infinite}
@keyframes hk-reader-spin{to{transform:rotate(360deg)}}
.hk-reader__content{line-height:1.65;overflow-wrap:anywhere}
.hk-reader__content img{max-width:100%;height:auto;border-radius:.35rem}
.hk-reader__content h2,.hk-reader__content h3,.hk-reader__content h4{margin:1.1rem 0 .5rem;font-weight:700;line-height:1.3}
.hk-reader__content h3{font-size:1.05rem;color:#d97706}
.hk-reader__content p{margin:0 0 .75rem}
.hk-reader__content ul,.hk-reader__content ol{margin:0 0 .75rem;padding-left:1.4rem}
.hk-reader__content ul{list-style:disc}
.hk-reader__content ol{list-style:decimal}
.hk-reader__content li{margin-bottom:.3rem}
.hk-reader__content a{color:#d97706;text-decoration:underline}
.hk-reader__content table{width:100%;border-collapse:collapse;margin:.5rem 0 1rem;font-size:.9rem;display:block;overflow-x:auto}
.hk-reader__content th,.hk-reader__content td{border:1px solid rgba(148,163,184,.45);padding:.45rem .6rem;text-align:left;vertical-align:top}
.hk-reader__content th{background:rgba(148,163,184,.2);font-weight:600}
.hk-reader__content code{padding:.05rem .3rem;border-radius:.25rem;background:#0f172a;color:#fde68a;font-size:.85em;white-space:pre-wrap}
.hk-reader__content blockquote{margin:0 0 .75rem;padding:.5rem .9rem;border-left:3px solid #fbbf24;background:rgba(148,163,184,.12)}
/* Trang đầy đủ baiviet.php */
.hk-article-page{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1.25rem;align-items:start}
.hk-article-page__nav{position:sticky;top:5rem;max-height:75vh;overflow-y:auto;padding:.75rem .5rem;border-radius:.5rem;background:linear-gradient(180deg,#1e3a5f,#0f2744);color:#e2e8f0}
.hk-article-page__nav-title{margin:0 0 .5rem;padding:0 .35rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.85}
.hk-article-page__nav ul{margin:0;padding:0;list-style:none}
.hk-article-page__nav a{display:block;padding:.45rem .5rem;border-radius:.25rem;color:inherit;font-size:.85rem;text-decoration:none}
.hk-article-page__nav a:hover{background:#ffffff1f}
.hk-article-page__nav a.is-active{background:#fbbf2440;color:#fde68a;font-weight:600}
.hk-article-page__main{min-width:0}
.hk-article-page__main .hk-page__title{margin-bottom:.5rem}
@media (max-width:768px){
.hk-article-page{grid-template-columns:1fr}
.hk-article-page__nav{position:static;max-height:none}
.hk-reader .hk-guide-modal__header{flex-wrap:wrap}
.hk-reader__newtab span{display:none}
}
.hk-reader .hk-reader--nonav{grid-template-columns:1fr}
.hk-reader .hk-reader--nonav .hk-guide-modal__nav{display:none}