/* ==========================================================================
   Knowledge page ".ohio-kn" at 767 px and below — Figma "Kiến thức da liễu – Mobile" frame 3638:7686 (390 wide;
   page px = frame px). Sections: title 3638:7764 (p20), featured 3638:7825 (soft, p40/20, gap 20),
   latest 3638:7994 (p20, gap 20), review 3638:8030 (soft, p40/20, gap 20). Desktop rules: css/ohio-archive.css.
   ========================================================================== */
@media (min-width:768px){.ohio-kn__rv-h2{display:none}}
@media (max-width:767px){
  /* title block: crumbs y84 12/20, bar 116, H1 127 (26/34), lead 169 15/24 muted; section ends 261 */
  .ohio-kn .ohio-arch__head{padding:20px 0}
  .ohio-kn .ohio-crumbs{gap:6px;font:400 12px/20px var(--ohio-font-body);color:var(--ohio-text-muted)}
  .ohio-kn .ohio-crumbs span:not([aria-current]){color:var(--ohio-neutral-300)}
  .ohio-kn .ohio-crumbs [aria-current]{font-weight:600;color:var(--ohio-purple-700)}
  .ohio-kn .ohio-arch__head .ohio-h1{margin:12px 0 0}
  .ohio-kn .ohio-arch__h1bar::before,.ohio-kn .ohio-arch__h2bar::before,.ohio-kn__main .ohio-h2::before{
    content:"";display:block;width:32px;height:3px;margin:0 0 8px;border-radius:2px;background:var(--ohio-cta)}
  .ohio-kn .ohio-arch__head .ohio-lead{margin:8px 0 0;font-size:15px;line-height:24px;color:var(--ohio-text-muted)}

  /* cards: white, 1px #eceaf0; chip 12/20 600 p4/10 on purple-50 */
  .ohio-kn .ohio-pc{border-color:var(--ohio-border)}
  .ohio-kn .ohio-pc__chip{padding:4px 10px;font:600 12px/20px var(--ohio-font-body);background:var(--ohio-purple-50);color:var(--ohio-purple-700)}
  /* frame chips are one line (3638:7987 grid): a long category ellipsises instead of wrapping inside the pill */
  .ohio-kn .ohio-pc__chip{max-width:100%;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .ohio-kn .ohio-pc__meta{display:block;margin:0;font:400 12px/20px var(--ohio-font-body);color:var(--ohio-text-muted)}
  .ohio-kn .ohio-pc__meta > span{display:inline}
  .ohio-kn .ohio-pc__meta > span + span::before{content:" · "}
  .ohio-kn .ohio-pc__meta svg{display:none}

  /* featured: H2 301, card 362 (350×626, image 230), "Bài viết mới" 1008, rows 1054 (gap 12) */
  .ohio-kn__feat{display:block;margin:0;padding:40px 20px;background:var(--ohio-bg-soft)}
  .ohio-kn__main .ohio-h2{margin:0 0 20px}
  .ohio-kn .ohio-pc--big .ohio-pc__img{height:230px;aspect-ratio:auto}
  .ohio-kn .ohio-pc--big .ohio-pc__body{gap:8px;padding:16px}
  .ohio-kn .ohio-pc--big .ohio-pc__title{margin:0;font:600 18px/26px var(--ohio-font-head);color:var(--ohio-purple-700)}
  .ohio-kn .ohio-pc--big .ohio-pc__ex{margin:0;font:400 13px/20px var(--ohio-font-body);color:var(--ohio-text-muted);-webkit-line-clamp:7}
  .ohio-kn .ohio-pc--big .ohio-pc__cta{display:flex;width:100%;margin:0;box-shadow:none}
  .ohio-kn__side{margin-top:20px}
  .ohio-kn__side .ohio-h3{margin:0 0 20px}
  .ohio-kn .ohio-pc--row{height:auto;gap:12px;margin:0 0 12px;padding:12px;border-radius:var(--ohio-radius-m)}
  .ohio-kn .ohio-pc--row .ohio-pc__img{flex:0 0 110px;height:84px}
  .ohio-kn .ohio-pc--row .ohio-pc__body{gap:6px;align-self:auto}
  .ohio-kn .ohio-pc--row .ohio-pc__title{margin:0;font:600 15px/22px var(--ohio-font-body);color:var(--ohio-purple-700);-webkit-line-clamp:4}
  .ohio-kn .ohio-pc--row .ohio-pc__upd{display:inline}
  .ohio-kn .ohio-pc__go{display:none}

  /* latest: H2 2152, count/sort row 2213 (h34), grid 2267: 2 × 169×360 gap 12, image 118, body p12 */
  .ohio-kn__list{margin:0;padding-top:20px;padding-bottom:20px}
  .ohio-kn__bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 8px;margin:0 0 20px}
  .ohio-kn__bar > div{display:contents}
  .ohio-kn__bar .ohio-h2{grid-column:1/-1;margin:0}
  .ohio-kn__bar .ohio-arch__count{color:var(--ohio-text-muted)}
  .ohio-kn .ohio-arch__tools,.ohio-kn .ohio-arch__tools label{gap:8px;font:400 13px/20px var(--ohio-font-body);color:var(--ohio-text-muted)}
  .ohio-kn .ohio-arch__tools select{-webkit-appearance:none;appearance:none;height:34px;padding:0 34px 0 12px;border:1px solid var(--ohio-border);border-radius:999px;
    background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231B1822' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;
    font:600 13px/20px var(--ohio-font-body);color:var(--ohio-neutral-900)}
  .ohio-kn .ohio-arch__grid--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ohio-kn .ohio-arch__grid--4 .ohio-pc{min-height:360px}
  .ohio-kn .ohio-arch__grid--4 .ohio-pc__img{flex:none;height:118px;aspect-ratio:auto}
  .ohio-kn .ohio-arch__grid--4 .ohio-pc__body{gap:0;padding:12px}
  .ohio-kn .ohio-arch__grid--4 .ohio-pc__title{margin-top:8px;font:600 15px/21px var(--ohio-font-body);color:var(--ohio-purple-700);
    display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
  .ohio-kn .ohio-arch__grid--4 .ohio-pc__ex,.ohio-kn .ohio-arch__grid--4 .ohio-pc__rv{display:none}
  .ohio-kn .ohio-arch__grid--4 .ohio-pc__meta{margin-top:8px;padding:0;border:0}
  .ohio-kn .ohio-arch__grid--4 .ohio-btn--link{margin-top:auto;padding-top:8px;font:600 14px/20px var(--ohio-font-body);text-transform:none;color:var(--ohio-purple-600)}
  .ohio-kn .ohio-arch__more{gap:8px;margin:20px 0 0}
  .ohio-kn .ohio-arch__more p{font:400 13px/20px var(--ohio-font-body);color:var(--ohio-text-muted)}

  /* review: soft band 4599, H2 4650 (3 lines), lead 4748 15/24, doctors 4864: 350×146 p14 gap 14, photo 76 round */
  .ohio-kn__rv-sec{padding:40px 20px;background:var(--ohio-bg-soft)}
  .ohio-kn__review{margin:0;padding:0;border:0;border-radius:0;background:none}
  .ohio-kn__rv-head{display:none}
  .ohio-kn__rv-h2{margin:0}
  .ohio-kn__review .ohio-caption{margin:8px 0 0;font-size:15px;line-height:24px;color:var(--ohio-text-muted)}
  .ohio-kn__docs{grid-template-columns:1fr;gap:12px;margin-top:20px}
  .ohio-kn__doc{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto 1fr;gap:4px 14px;min-height:0;padding:14px;
    border-color:var(--ohio-border);border-radius:var(--ohio-radius-l);background:#fff}
  .ohio-kn__doc-img{grid-row:1/3;width:76px;height:76px;border-radius:50%}
  .ohio-kn__doc-txt{padding:0}
  .ohio-kn__doc .ohio-h4{color:var(--ohio-purple-700)}
  .ohio-kn__doc-deg{margin-top:4px!important;font:600 13px/20px var(--ohio-font-body)}
  .ohio-kn__doc-role{margin-top:4px!important;font:400 13px/20px var(--ohio-font-body)}
  .ohio-kn .ohio-kn__doc-btn{position:static;justify-self:start;gap:6px;height:auto;padding:0;border:0;background:none;box-shadow:none;
    font:600 14px/20px var(--ohio-font-body);letter-spacing:0;text-transform:none;color:var(--ohio-purple-600)}
}