/* HK article index and reading surface, composed from HK Visual System 1.0. */
@media(max-width:760px){
  body.enfold-publication.site-hk{background:var(--hk-color-paper);color:var(--hk-color-ink);font-family:var(--hk-font-sans)}
  .site-hk .enfold-header{position:sticky;top:0;z-index:30;min-height:var(--hk-header-height);padding:0 var(--hk-mobile-gutter);border-bottom:1px solid var(--hk-color-line);background:rgba(255,255,255,.96);box-shadow:none;backdrop-filter:saturate(150%) blur(14px)}
  .site-hk .enfold-identity{gap:8px;min-width:0}
  .site-hk .enfold-identity>img{width:28px;height:28px;border-radius:7px;flex:0 0 auto}
  .site-hk .enfold-identity b{color:var(--hk-color-ink);font-size:14px;font-weight:600}
  .site-hk .enfold-identity small{margin-top:1px;color:var(--hk-color-muted);font-size:7px;letter-spacing:.04em}
  .site-hk .enfold-header nav{gap:4px;font-size:12px;font-weight:500}
  .site-hk .enfold-header nav>a{min-height:36px;display:inline-flex;align-items:center;padding:0 7px;border-radius:4px;color:#575757}
  .site-hk .enfold-header .enfold-nav-home{display:none}
  .site-hk .enfold-header .enfold-nav-articles{position:relative}
  .site-hk .enfold-header .enfold-nav-articles:after{content:"";position:absolute;left:7px;right:7px;bottom:1px;height:2px;border-radius:2px;background:var(--hk-color-action)}
  .site-hk .enfold-header .enfold-nav-cooperation{display:none}
  .site-hk .enfold-languages{gap:0;margin-left:1px}
  .site-hk .enfold-languages a{width:26px;height:30px;border-radius:4px;color:#888;font-size:9px}
  .site-hk .enfold-languages a.active{background:var(--hk-color-soft-action);color:var(--hk-color-action-pressed);font-weight:600}

  .site-hk .enfold-article-index{padding:12px var(--hk-mobile-gutter) 28px}
  .site-hk .enfold-mobile-intro{padding:26px 21px 22px;border:1px solid var(--hk-color-line);border-radius:var(--hk-radius-card);background:#fff;color:var(--hk-color-ink)}
  .site-hk .enfold-mobile-intro span{color:var(--hk-color-action-pressed);font-size:9px;font-weight:600;letter-spacing:.08em}
  .site-hk .enfold-mobile-intro h1{max-width:none;margin:11px 0 0;color:var(--hk-color-ink);font-family:var(--hk-font-sans);font-size:28px;font-weight:650;line-height:1.25;letter-spacing:-.035em;text-wrap:balance}
  .site-hk .enfold-mobile-intro p{margin:12px 0 0;color:#686868;font-size:13px;line-height:1.7}
  .site-hk .enfold-mobile-feed{margin-top:10px;padding:0 18px 8px;border:1px solid var(--hk-color-line);border-radius:var(--hk-radius-card);background:#fff}
  .site-hk .enfold-mobile-feed>a{grid-template-columns:80px minmax(0,1fr);gap:13px;min-height:116px;padding:17px 0;border-bottom:1px solid var(--hk-color-line)}
  .site-hk .enfold-mobile-feed>a:last-child{border-bottom:0}
  .site-hk .enfold-mobile-feed>a>img,.site-hk .enfold-mobile-feed>a>i{width:80px;height:80px;border-radius:5px;object-fit:cover}
  .site-hk .enfold-mobile-feed>a>i{display:grid;place-items:center;background:#f3f5f4;color:var(--hk-color-action-pressed);font:600 18px/1 var(--hk-font-code)}
  .site-hk .enfold-mobile-feed>a>span{display:block;min-width:0}
  .site-hk .enfold-mobile-feed small{color:var(--hk-color-muted);font-size:9px;font-weight:500;letter-spacing:.03em}
  .site-hk .enfold-mobile-feed h2{display:-webkit-box;margin:5px 0 5px;overflow:hidden;color:#292929;font-family:var(--hk-font-sans);font-size:17px;font-weight:650;line-height:1.42;letter-spacing:-.015em;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .site-hk .enfold-mobile-feed p{display:-webkit-box;margin:0;overflow:hidden;color:#777;font-size:11px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:1}
  .site-hk .enfold-mobile-feed em{display:inline-block;margin-top:7px;color:var(--hk-color-action-pressed);font-size:10px;font-style:normal;font-weight:600}
  .site-hk .enfold-empty{padding:42px 0;background:#fff}
  .site-hk .enfold-empty h2{font-family:var(--hk-font-sans);font-size:22px}

  .site-hk .enfold-article-detail{width:calc(100% - 32px);padding:22px 0 48px}
  .site-hk .enfold-back{min-height:38px;display:inline-flex;align-items:center;margin:0 0 12px;color:var(--hk-color-action-pressed);font-size:12px;font-weight:600}
  .site-hk .enfold-article-detail article{padding:24px 20px 34px;border:1px solid var(--hk-color-line);border-radius:var(--hk-radius-card);background:#fff}
  .site-hk .enfold-article-detail article>header small{color:var(--hk-color-action-pressed);font-size:9px;font-weight:600;letter-spacing:.05em}
  .site-hk .enfold-article-detail h1{margin:11px 0 13px;color:var(--hk-color-ink);font-family:var(--hk-font-sans);font-size:29px;font-weight:650;line-height:1.34;letter-spacing:-.035em}
  .site-hk .enfold-article-detail article>header p{margin:0;color:#686868;font-size:14px;line-height:1.72}
  .site-hk .enfold-article-detail article>header span{margin-top:13px;padding:6px 9px;border-radius:4px;background:#f3f5f4;color:#666;font-size:9px}
  .site-hk .enfold-article-detail figure{margin:22px 0 0;overflow:hidden;border-radius:6px;background:#f5f5f5}
  .site-hk .enfold-article-detail figure img{width:100%;max-height:none;object-fit:cover}
  .site-hk .enfold-prose{width:100%;margin:28px 0 0;color:#353535;font-family:var(--hk-font-sans);font-size:16px;line-height:1.82;letter-spacing:0;overflow-wrap:anywhere}
  .site-hk .enfold-prose>:first-child{margin-top:0}
  .site-hk .enfold-prose p{margin:0 0 1.08em}
  .site-hk .enfold-prose h1{font-size:23px}
  .site-hk .enfold-prose h2{margin:1.8em 0 .75em;padding-bottom:.52em;border-bottom:1px solid var(--hk-color-line);color:#222;font-family:var(--hk-font-sans);font-size:21px;font-weight:650;line-height:1.48}
  .site-hk .enfold-prose h3{position:relative;margin:1.65em 0 .65em;padding-left:10px;color:#282828;font-family:var(--hk-font-sans);font-size:18px;font-weight:650;line-height:1.55}
  .site-hk .enfold-prose h3:before{content:"";position:absolute;left:0;top:.35em;width:3px;height:.92em;border-radius:2px;background:var(--hk-color-action)}
  .site-hk .enfold-prose h4{font-family:var(--hk-font-sans);font-size:16px}
  .site-hk .enfold-prose ul,.site-hk .enfold-prose ol{margin:1em 0 1.4em;padding-left:1.45em}
  .site-hk .enfold-prose li+li{margin-top:.5em}
  .site-hk .enfold-prose li::marker{color:var(--hk-color-action-pressed)}
  .site-hk .enfold-prose blockquote{margin:1.35em 0;padding:13px 15px;border-left:3px solid var(--hk-color-action);border-radius:0 5px 5px 0;background:#f5f7f6;color:#555;font-size:14px;line-height:1.78}
  .site-hk .enfold-prose a{color:var(--hk-color-action-pressed);border-bottom:1px solid currentColor}
  .site-hk .enfold-prose img{max-width:100%;height:auto;margin:1.3em auto;border-radius:5px}
  .site-hk .enfold-prose table{min-width:100%;border-collapse:collapse;font-size:12px;line-height:1.7}
  .site-hk .enfold-prose th,.site-hk .enfold-prose td{padding:9px 10px;border-bottom:1px solid var(--hk-color-line);text-align:left;vertical-align:top}
  .site-hk .enfold-prose th{background:#f5f5f5;color:#444;white-space:nowrap}
  .site-hk .enfold-footer{display:block;padding:28px 20px 36px;border-top:1px solid var(--hk-color-line);background:#f7f7f7;color:#666}
  .site-hk .enfold-footer span{color:var(--hk-color-action-pressed);font-size:9px;font-weight:600;letter-spacing:.08em}
  .site-hk .enfold-footer p{margin:7px 0 0;color:#777;font-family:var(--hk-font-sans);font-size:13px;line-height:1.6}
}

@media(max-width:350px){.site-hk .enfold-header nav{gap:1px}.site-hk .enfold-languages a{width:23px}.site-hk .enfold-mobile-feed>a{grid-template-columns:70px minmax(0,1fr)}.site-hk .enfold-mobile-feed>a>img,.site-hk .enfold-mobile-feed>a>i{width:70px;height:70px}}
