/* Knowledge Hub /kien-thuc/ — page-scoped layout, semantic design tokens only. */
.dmps-site .dmps-kien-thuc-hero,
.dmps-site .dmps-kien-thuc-section,
.dmps-site .dmps-kien-thuc-research {
  font-family: var(--dmps-font-body);
  color: var(--dmps-color-body);
}
.dmps-site .dmps-kien-thuc-eyebrow {
  margin: 0 0 var(--dmps-space-4);
  font-size: var(--dmps-text-xs);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--dmps-color-secondary-strong);
}
/* 01 — HERO | Refined orbital concept (Plan A), no raster artwork */
.dmps-site .dmps-kien-thuc-hero {
  background:
    radial-gradient(ellipse at 81% 48%, rgb(var(--dmps-rgb-secondary) / .09), transparent 38%),
    var(--dmps-color-background-dark);
  color: var(--dmps-color-on-dark);
  overflow: hidden;
}
.dmps-site .dmps-kien-thuc-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr);
  gap: clamp(var(--dmps-space-4), 3vw, var(--dmps-space-10));
  align-items: center;
  padding-block: clamp(4rem, 6.5vw, 6.4rem);
  min-height: 550px;
}
.dmps-site .dmps-kien-thuc-hero-copy { position: relative; z-index: 1; }
.dmps-site .dmps-kien-thuc-hero .dmps-kien-thuc-eyebrow { color: var(--dmps-color-secondary); }
.dmps-site .dmps-kien-thuc-hero h1 {
  margin: 0;
  font-family: var(--dmps-font-display);
  font-weight: var(--dmps-weight-heading);
  font-size: clamp(2.4rem, 3.7vw, 3.65rem);
  line-height: var(--dmps-leading-heading);
  letter-spacing: var(--dmps-tracking-heading);
  color: var(--dmps-color-white);
}
.dmps-site .dmps-kien-thuc-hero h1 span {
  display: block;
  color: var(--dmps-color-secondary);
  font-size: .94em;
}
.dmps-site .dmps-kien-thuc-hero-lead {
  max-width: 610px;
  margin: var(--dmps-space-6) 0 0;
  font-size: clamp(1rem, 1.4vw, 1.125rem);
  line-height: var(--dmps-leading-body);
  color: rgb(var(--dmps-rgb-white) / .78);
}
.dmps-site .dmps-kien-thuc-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--dmps-space-3);
  margin-top: var(--dmps-space-8);
}
.dmps-site .dmps-kien-thuc-hero-actions a,
.dmps-site .dmps-kien-thuc-research-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: .8rem;
  min-height: 46px;
  padding: .8rem 1.2rem;
  border-radius: var(--dmps-radius-pill);
  font-size: var(--dmps-text-sm);
  font-weight: 700;
  text-decoration: none;
  transition: background var(--dmps-transition-fast), transform var(--dmps-transition-fast), color var(--dmps-transition-fast);
}
.dmps-site .dmps-kien-thuc-hero-primary {
  background: var(--dmps-color-accent);
  color: var(--dmps-color-on-accent);
}
.dmps-site .dmps-kien-thuc-hero-primary:hover {
  background: var(--dmps-color-accent-strong);
  color: var(--dmps-color-on-accent);
  transform: translateY(-2px);
}
.dmps-site .dmps-kien-thuc-hero-secondary {
  color: var(--dmps-color-white);
  border: 1px solid rgb(var(--dmps-rgb-white) / .35);
}
.dmps-site .dmps-kien-thuc-hero-secondary:hover {
  background: rgb(var(--dmps-rgb-white) / .12);
  color: var(--dmps-color-white);
}
/* Fixed intrinsic diagram proportions keep nodes from colliding with the core. */
.dmps-site .dmps-kien-thuc-hero-art {
  position: relative;
  width: min(100%, 560px);
  aspect-ratio: 560 / 500;
  justify-self: end;
  isolation: isolate;
}
.dmps-site .dmps-kien-thuc-hero-orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.dmps-site .dmps-kien-thuc-hero-orbit--outer {
  width: 70%;
  aspect-ratio: 1;
  border: 1px solid rgb(var(--dmps-rgb-secondary) / .23);
}
.dmps-site .dmps-kien-thuc-hero-orbit--inner {
  width: 48%;
  aspect-ratio: 1;
  border: 1px dashed rgb(var(--dmps-rgb-secondary) / .19);
}
.dmps-site .dmps-kien-thuc-hero-connections {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  overflow: visible;
  pointer-events: none;
}
.dmps-site .dmps-kien-thuc-hero-connections path {
  stroke: rgb(var(--dmps-rgb-secondary) / .40);
  stroke-width: 1.6;
}
.dmps-site .dmps-kien-thuc-hero-connections circle {
  fill: var(--dmps-color-secondary);
  stroke: var(--dmps-color-background-dark);
  stroke-width: 3;
}
.dmps-site .dmps-kien-thuc-hero-center {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 29%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: .18rem;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--dmps-color-primary), var(--dmps-color-secondary-strong));
  border: 1px solid rgb(var(--dmps-rgb-white) / .17);
  box-shadow: 0 0 0 12px rgb(var(--dmps-rgb-secondary) / .08), 0 18px 36px rgb(var(--dmps-rgb-navy-950) / .28);
  color: var(--dmps-color-white);
  z-index: 2;
}
.dmps-site .dmps-kien-thuc-hero-center strong {
  font-size: clamp(2.2rem, 3.1vw, 2.85rem);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: .04em;
}
.dmps-site .dmps-kien-thuc-hero-center-label,
.dmps-site .dmps-kien-thuc-hero-center-caption {
  font-size: clamp(.48rem, .65vw, .62rem);
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1.3;
  color: rgb(var(--dmps-rgb-white) / .79);
}
.dmps-site .dmps-kien-thuc-hero-node {
  position: absolute;
  display: flex;
  align-items: center;
  gap: .8rem;
  width: 33%;
  min-height: 76px;
  padding: .85rem 1rem;
  background: var(--dmps-color-navy-800);
  border: 1px solid rgb(var(--dmps-rgb-secondary) / .32);
  border-radius: var(--dmps-radius-md);
  box-shadow: 0 12px 26px rgb(var(--dmps-rgb-navy-950) / .17);
  color: var(--dmps-color-white);
  z-index: 3;
}
.dmps-site .dmps-kien-thuc-hero-node--technology {
  top: 15%;
  left: 1%;
}
.dmps-site .dmps-kien-thuc-hero-node--clinical {
  top: 18%;
  right: 1%;
}
.dmps-site .dmps-kien-thuc-hero-node--treatment {
  bottom: 9%;
  left: 50%;
  transform: translateX(-50%);
}
.dmps-site .dmps-kien-thuc-hero-node-icon {
  flex: 0 0 39px;
  width: 39px;
  height: 39px;
  display: grid;
  place-items: center;
  border-radius: var(--dmps-radius-sm);
  background: rgb(var(--dmps-rgb-secondary) / .12);
  color: var(--dmps-color-secondary);
}
.dmps-site .dmps-kien-thuc-hero-node-icon svg {
  display: block;
  width: 23px;
  height: 23px;
}
.dmps-site .dmps-kien-thuc-hero-node-text {
  display: grid;
  gap: .25rem;
  min-width: 0;
}
.dmps-site .dmps-kien-thuc-hero-node-text > span {
  color: rgb(var(--dmps-rgb-white) / .56);
  font-size: .61rem;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.35;
}
.dmps-site .dmps-kien-thuc-hero-node-text strong {
  color: var(--dmps-color-white);
  font-size: clamp(.92rem, 1.25vw, 1.08rem);
  font-weight: 700;
  line-height: 1.3;
}
/* 02/03 — COMMON EDITORIAL SECTIONS */
.dmps-site .dmps-kien-thuc-section { padding-block: clamp(var(--dmps-space-12), 7vw, var(--dmps-space-20)); }
.dmps-site .dmps-kien-thuc-section-head { max-width: 780px; margin-bottom: var(--dmps-space-10); }
.dmps-site .dmps-kien-thuc-section-head h2,
.dmps-site .dmps-kien-thuc-research h2 {
  margin: 0; font-family: var(--dmps-font-display); font-size: var(--dmps-text-3xl);
  font-weight: var(--dmps-weight-heading); line-height: var(--dmps-leading-heading);
  letter-spacing: var(--dmps-tracking-heading); color: var(--dmps-color-heading);
}
.dmps-site .dmps-kien-thuc-section-head > p:last-child,
.dmps-site .dmps-kien-thuc-research p:not(.dmps-kien-thuc-eyebrow) {
  margin: var(--dmps-space-4) 0 0; color: var(--dmps-color-muted); line-height: var(--dmps-leading-body);
  font-size: var(--dmps-text-lg);
}
.dmps-site .dmps-kien-thuc-explore { background: var(--dmps-color-background); }
.dmps-site .dmps-kien-thuc-domain-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: var(--dmps-space-5); }
.dmps-site .dmps-kien-thuc-domain { background: var(--dmps-color-white); border: 1px solid var(--dmps-color-border); border-radius: var(--dmps-radius-lg); overflow: hidden; box-shadow: var(--dmps-shadow-sm); }
.dmps-site .dmps-kien-thuc-domain-header { position: relative; isolation: isolate; padding: var(--dmps-space-6); background: var(--dmps-color-surface); border-bottom: 1px solid var(--dmps-color-border); }
.dmps-site .dmps-kien-thuc-domain:nth-child(2) .dmps-kien-thuc-domain-header { background: rgb(var(--dmps-rgb-dolphin-light) / .09); }
.dmps-site .dmps-kien-thuc-domain:nth-child(3) .dmps-kien-thuc-domain-header { background: rgb(var(--dmps-rgb-accent) / .09); }
.dmps-site .dmps-kien-thuc-domain-cover { position: absolute; z-index: -1; inset: 0; opacity: .16; }
.dmps-site .dmps-kien-thuc-domain-cover img { width: 100%; height: 100%; object-fit: cover; }
.dmps-site .dmps-kien-thuc-domain-num { color: var(--dmps-color-secondary-strong); font-size: 1.75rem; font-weight: 700; line-height: 1; margin-bottom: var(--dmps-space-4); }
.dmps-site .dmps-kien-thuc-domain-header h3 { margin: 0; color: var(--dmps-color-primary); font-size: clamp(1.35rem, 2vw, 1.65rem); line-height: 1.28; font-weight: 700; }
.dmps-site .dmps-kien-thuc-domain-header > p { margin: var(--dmps-space-3) 0 0; font-size: var(--dmps-text-sm); color: var(--dmps-color-muted); line-height: 1.6; }
.dmps-site .dmps-kien-thuc-domain-header .dmps-kien-thuc-domain-total { color: var(--dmps-color-primary); font-size: var(--dmps-text-xs); font-weight: 700; margin-top: var(--dmps-space-5); }
.dmps-site .dmps-kien-thuc-chapters { padding: var(--dmps-space-4); display: grid; gap: var(--dmps-space-3); }
.dmps-site .dmps-kien-thuc-chapter { padding: var(--dmps-space-4); border: 1px solid var(--dmps-color-border); border-radius: var(--dmps-radius-md); background: var(--dmps-color-white); transition: box-shadow var(--dmps-transition-fast), border var(--dmps-transition-fast); }
.dmps-site .dmps-kien-thuc-chapter:hover { border-color: var(--dmps-color-secondary); box-shadow: var(--dmps-shadow-sm); }
.dmps-site .dmps-kien-thuc-chapter-top { display: flex; justify-content: space-between; align-items: flex-start; gap: var(--dmps-space-2); }
.dmps-site .dmps-kien-thuc-chapter h4 { margin: 0; font-size: 1.025rem; font-weight: 700; color: var(--dmps-color-heading); line-height: 1.4; }
.dmps-site .dmps-kien-thuc-master-mark { color: var(--dmps-color-accent-text); font-size: .62rem; font-weight: 700; letter-spacing: .08em; padding: .2rem .4rem; border: 1px solid rgb(var(--dmps-rgb-accent) / .5); border-radius: var(--dmps-radius-sm); }
.dmps-site .dmps-kien-thuc-chapter-desc { color: var(--dmps-color-muted); font-size: var(--dmps-text-sm); line-height: 1.55; margin: var(--dmps-space-2) 0 0; }
/* MASTER introduction — rendered only after a chapter has a valid MASTER. */
.dmps-site .dmps-kien-thuc-master-preview {
  margin-top: var(--dmps-space-3);
  padding: var(--dmps-space-3);
  background: var(--dmps-color-surface);
  border-left: 3px solid var(--dmps-color-secondary);
  border-radius: var(--dmps-radius-sm);
}
.dmps-site .dmps-kien-thuc-master-title {
  display: block;
  color: var(--dmps-color-primary);
  font-size: var(--dmps-text-base);
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}
.dmps-site .dmps-kien-thuc-master-title:hover { color: var(--dmps-color-primary-strong); text-decoration: underline; }
.dmps-site .dmps-kien-thuc-master-excerpt {
  margin: var(--dmps-space-2) 0 0;
  color: var(--dmps-color-muted);
  font-size: var(--dmps-text-sm);
  line-height: 1.55;
}
.dmps-site .dmps-kien-thuc-chapter-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1rem; margin-top: var(--dmps-space-4); }
.dmps-site .dmps-kien-thuc-master-link,
.dmps-site .dmps-kien-thuc-view-link { font-size: var(--dmps-text-sm); text-decoration: none; font-weight: 700; color: var(--dmps-color-primary); }
.dmps-site .dmps-kien-thuc-master-link:hover,
.dmps-site .dmps-kien-thuc-view-link:hover { color: var(--dmps-color-primary-strong); text-decoration: underline; }
.dmps-site .dmps-kien-thuc-master-pending { color: var(--dmps-color-muted); font-size: var(--dmps-text-xs); font-style: italic; }
.dmps-site .dmps-kien-thuc-subtopics { border-top: 1px solid var(--dmps-color-border); margin-top: var(--dmps-space-4); padding-top: var(--dmps-space-3); }
.dmps-site .dmps-kien-thuc-subtopics summary { cursor: pointer; color: var(--dmps-color-primary); font-size: var(--dmps-text-sm); font-weight: 600; }
.dmps-site .dmps-kien-thuc-subtopics ul { margin: .6rem 0 0; padding-left: 1.25rem; }
.dmps-site .dmps-kien-thuc-subtopics li { margin-bottom: .35rem; font-size: var(--dmps-text-sm); }
.dmps-site .dmps-kien-thuc-subtopics a { color: var(--dmps-color-link); text-decoration: underline; text-underline-offset: .15em; }
.dmps-site .dmps-kien-thuc-no-chapters { color: var(--dmps-color-muted); padding: var(--dmps-space-4); margin: 0; }
/* 03 — SEARCH + ARTICLES */
.dmps-site .dmps-kien-thuc-library { background: var(--dmps-color-surface); }
.dmps-site .dmps-kien-thuc-search { display: flex; align-items: stretch; gap: .7rem; background: var(--dmps-color-white); padding: var(--dmps-space-3); border: 1px solid var(--dmps-color-border); border-radius: var(--dmps-radius-lg); margin-bottom: var(--dmps-space-6); box-shadow: var(--dmps-shadow-sm); }
.dmps-site .dmps-kien-thuc-search input,
.dmps-site .dmps-kien-thuc-search select { min-width: 0; min-height: 48px; background: var(--dmps-color-background); border: 1px solid var(--dmps-color-border); border-radius: var(--dmps-radius-sm); color: var(--dmps-color-body); padding: .65rem 1rem; font-family: var(--dmps-font-body); font-size: var(--dmps-text-base); }
.dmps-site .dmps-kien-thuc-search input { flex: 1; }
.dmps-site .dmps-kien-thuc-search select { flex: 0 1 290px; }
.dmps-site .dmps-kien-thuc-search button { min-height: 48px; padding: .65rem 1.2rem; border: 0; border-radius: var(--dmps-radius-sm); background: var(--dmps-color-primary); color: var(--dmps-color-on-primary); font: 700 var(--dmps-text-sm) var(--dmps-font-body); cursor: pointer; }
.dmps-site .dmps-kien-thuc-search button:hover { background: var(--dmps-color-primary-strong); }
.dmps-site .dmps-kien-thuc-filter-summary { display: flex; flex-wrap: wrap; gap: var(--dmps-space-3); align-items: center; justify-content: space-between; padding-bottom: var(--dmps-space-5); color: var(--dmps-color-muted); font-size: var(--dmps-text-sm); }
.dmps-site .dmps-kien-thuc-filter-summary a { color: var(--dmps-color-link); font-weight: 700; }
.dmps-site .dmps-kien-thuc-article-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--dmps-space-5); }
.dmps-site .dmps-kien-thuc-article-card { overflow: hidden; border-radius: var(--dmps-radius-lg); border: 1px solid var(--dmps-color-border); background: var(--dmps-color-white); display: flex; flex-direction: column; transition: transform var(--dmps-transition-base), box-shadow var(--dmps-transition-base); }
.dmps-site .dmps-kien-thuc-article-card:hover { transform: translateY(-3px); box-shadow: var(--dmps-shadow-md); }
.dmps-site .dmps-kien-thuc-article-image { display: block; height: 200px; background: var(--dmps-color-navy-900); position: relative; overflow: hidden; }
.dmps-site .dmps-kien-thuc-article-image img { width: 100%; height: 100%; object-fit: cover; }
.dmps-site .dmps-kien-thuc-article-fallback { display: block; position: absolute; inset: 0; background: radial-gradient(circle at 75% 25%, rgb(var(--dmps-rgb-secondary) / .35), transparent 42%), linear-gradient(135deg, var(--dmps-color-navy-900), var(--dmps-color-primary)); }
.dmps-site .dmps-kien-thuc-article-fallback span { position: absolute; width: 60%; aspect-ratio: 1; border: 1px solid rgb(var(--dmps-rgb-white) / .23); border-radius: 50%; top: 23%; left: 27%; }
.dmps-site .dmps-kien-thuc-article-fallback span:nth-child(2) { width: 40%; top: 34%; left: 39%; }
.dmps-site .dmps-kien-thuc-article-fallback span:nth-child(3) { width: 20%; top: 45%; left: 49%; background: rgb(var(--dmps-rgb-secondary) / .15); }
.dmps-site .dmps-kien-thuc-article-body { flex: 1; display: flex; flex-direction: column; padding: var(--dmps-space-5); }
.dmps-site .dmps-kien-thuc-article-meta { display: flex; flex-wrap: wrap; gap: var(--dmps-space-2); align-items: center; color: var(--dmps-color-secondary-strong); font-size: var(--dmps-text-xs); font-weight: 700; }
.dmps-site .dmps-kien-thuc-featured { color: var(--dmps-color-accent-text); }
.dmps-site .dmps-kien-thuc-article-body h3 { font-size: 1.24rem; line-height: 1.34; font-weight: 700; color: var(--dmps-color-heading); margin: var(--dmps-space-3) 0 0; }
.dmps-site .dmps-kien-thuc-article-body h3 a { color: inherit; text-decoration: none; }
.dmps-site .dmps-kien-thuc-article-body h3 a:hover { color: var(--dmps-color-primary-strong); }
.dmps-site .dmps-kien-thuc-article-subtitle { font-size: var(--dmps-text-sm); color: var(--dmps-color-muted); font-style: italic; margin: var(--dmps-space-2) 0 0; line-height: 1.5; }
.dmps-site .dmps-kien-thuc-article-excerpt { color: var(--dmps-color-body); font-size: var(--dmps-text-sm); line-height: 1.65; margin: var(--dmps-space-3) 0 0; }
.dmps-site .dmps-kien-thuc-article-bottom { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dmps-space-3); border-top: 1px solid var(--dmps-color-border); margin-top: auto; padding-top: var(--dmps-space-4); font-size: var(--dmps-text-xs); color: var(--dmps-color-muted); }
.dmps-site .dmps-kien-thuc-article-bottom a { color: var(--dmps-color-primary); margin-left: auto; text-decoration: none; font-weight: 700; }
.dmps-site .dmps-kien-thuc-article-bottom a:hover { text-decoration: underline; }
.dmps-site .dmps-kien-thuc-empty { background: var(--dmps-color-white); border: 1px dashed var(--dmps-color-border); border-radius: var(--dmps-radius-lg); padding: var(--dmps-space-8); color: var(--dmps-color-muted); text-align: center; }
.dmps-site .dmps-kien-thuc-pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--dmps-space-2); margin-top: var(--dmps-space-8); }
.dmps-site .dmps-kien-thuc-pagination a { display: grid; place-items: center; min-width: 44px; min-height: 44px; border: 1px solid var(--dmps-color-border); background: var(--dmps-color-white); color: var(--dmps-color-primary); border-radius: var(--dmps-radius-sm); text-decoration: none; }
.dmps-site .dmps-kien-thuc-pagination a[aria-current="page"] { background: var(--dmps-color-primary); color: var(--dmps-color-white); }
/* 04 — RESEARCH BRIDGE */
.dmps-site .dmps-kien-thuc-research { background: var(--dmps-color-background-dark); padding-block: clamp(var(--dmps-space-12), 5vw, var(--dmps-space-16)); }
.dmps-site .dmps-kien-thuc-research-inner { display: flex; align-items: center; justify-content: space-between; gap: var(--dmps-space-8); }
.dmps-site .dmps-kien-thuc-research h2 { color: var(--dmps-color-white); }
.dmps-site .dmps-kien-thuc-research p:not(.dmps-kien-thuc-eyebrow) { color: rgb(var(--dmps-rgb-white) / .75); max-width: 740px; }
.dmps-site .dmps-kien-thuc-research-link { flex-shrink: 0; color: var(--dmps-color-on-accent); background: var(--dmps-color-accent); }
.dmps-site .dmps-kien-thuc-research-link:hover { color: var(--dmps-color-on-accent); background: var(--dmps-color-accent-strong); }
.dmps-site .dmps-kien-thuc-hero a:focus-visible,
.dmps-site .dmps-kien-thuc-section a:focus-visible,
.dmps-site .dmps-kien-thuc-section button:focus-visible,
.dmps-site .dmps-kien-thuc-section input:focus-visible,
.dmps-site .dmps-kien-thuc-section select:focus-visible,
.dmps-site .dmps-kien-thuc-section summary:focus-visible,
.dmps-site .dmps-kien-thuc-research a:focus-visible { outline: 3px solid var(--dmps-color-secondary); outline-offset: 3px; }
@media (max-width: 1023px) {
  .dmps-site .dmps-kien-thuc-hero-inner { grid-template-columns: 1fr; gap: var(--dmps-space-6); }
  .dmps-site .dmps-kien-thuc-hero-art { width: min(100%, 540px); justify-self: center; }
  .dmps-site .dmps-kien-thuc-hero h1 { max-width: 750px; }
  .dmps-site .dmps-kien-thuc-domain-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dmps-site .dmps-kien-thuc-article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .dmps-site .dmps-kien-thuc-hero-inner { grid-template-columns: 1fr; min-height: 0; padding-block: var(--dmps-space-16); }
  .dmps-site .dmps-kien-thuc-hero-art { display: none; }
  .dmps-site .dmps-kien-thuc-domain-grid { grid-template-columns: 1fr; }
  .dmps-site .dmps-kien-thuc-search { flex-wrap: wrap; }
  .dmps-site .dmps-kien-thuc-search input { flex-basis: 100%; }
  .dmps-site .dmps-kien-thuc-search select { flex: 1; }
  .dmps-site .dmps-kien-thuc-research-inner { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 520px) {
  .dmps-site .dmps-kien-thuc-article-grid { grid-template-columns: 1fr; }
  .dmps-site .dmps-kien-thuc-search select,
  .dmps-site .dmps-kien-thuc-search button { flex-basis: 100%; width: 100%; }
  .dmps-site .dmps-kien-thuc-chapter-actions { align-items: flex-start; flex-direction: column; }
}