/* ============ TRUNG TÂM TÀI LIỆU ============ */
.ir{background:var(--bg-alt);padding:56px var(--gutter) 92px;display:flex;flex-direction:column;gap:24px;align-items:flex-start;}
.ir .pagehead{padding-bottom:8px;}

.ir__tabs{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;width:100%;}
.ir-tab{padding:10px 18px;border-radius:6px;font-size:14px;font-weight:500;white-space:nowrap;
  background:var(--bg);border:1px solid var(--line);color:var(--ink-soft);transition:all .15s ease;}
.ir-tab:hover{border-color:var(--brand);color:var(--brand);}
.ir-tab.is-active{background:var(--brand);border-color:var(--brand);color:#fff;}

.doclist{width:100%;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.doc{display:flex;gap:16px;align-items:center;padding:18px 24px;border-top:1px solid var(--line);}
.doc:first-child{border-top:0;}
.doc__ic{width:26px;height:26px;flex:none;color:var(--brand);}
.doc__meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.doc__name{font-size:15.5px;font-weight:500;color:var(--ink);}
.doc__sub{font-size:13px;color:var(--muted);}
.doc__dl{display:inline-flex;gap:8px;align-items:center;padding:9px 16px;border-radius:6px;
  background:var(--bg);border:1.3px solid var(--brand);font-size:13.5px;font-weight:500;color:var(--brand);white-space:nowrap;flex:none;}
.doc__dl:hover{background:var(--brand-soft);}
.doc__dl svg{width:15px;height:15px;}

.ir__note{font-size:13px;line-height:1.6;color:var(--muted);}

/* === RESP-PAGE (auto) === */
@media (max-width:600px){
  .doc{flex-wrap:wrap;}
  .doc__meta{flex-basis:calc(100% - 42px);}
  .doc__dl{margin-left:42px;margin-top:2px;}
}
/* === END RESP-PAGE === */