/* PKI Enterprise v20.5 — Unified Design System */
:root{
  --pki-font:Arial,"Noto Sans Thai",sans-serif;
  --pki-ink:#172129;
  --pki-muted:#68777e;
  --pki-line:#dfe5e6;
  --pki-surface:#f7f8f8;
  --pki-brand:#193a47;
  --pki-accent:#c99a55;
  --pki-radius:10px;
  --pki-shadow:0 12px 34px rgba(18,38,47,.08);
}
html,body,button,input,select,textarea{font-family:var(--pki-font)}
body{color:var(--pki-ink)}
h1,h2,h3,h4,h5,h6,p,li,dt,dd,a,button,input,select,textarea{font-family:inherit}

/* Consistent article typography */
.pki-single-header,.pki-single-layout,.pki-related,.pki-article-card{font-family:var(--pki-font)}
.pki-single-header h1{font-weight:700}
.pki-single-body{font-family:var(--pki-font);font-size:1.08rem;line-height:1.82}
.pki-single-body p{margin:0 0 1.35em}
.pki-single-body ul,.pki-single-body ol{margin:0 0 1.5em;padding-left:1.4em}
.pki-single-body li+li{margin-top:.45em}

/* Enterprise information bar */
.pki-article-info-bar{
  display:flex;
  align-items:stretch;
  width:100%;
  margin-top:32px;
  background:var(--pki-surface);
  border:1px solid var(--pki-line);
  border-radius:var(--pki-radius);
  box-shadow:0 5px 18px rgba(18,38,47,.035);
  overflow:hidden;
}
.pki-info-item{
  display:flex;
  align-items:center;
  gap:12px;
  flex:1 1 0;
  min-width:0;
  padding:16px 20px;
}
.pki-info-item+.pki-info-item{border-left:1px solid var(--pki-line)}
.pki-info-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--pki-brand);border:1px solid #e5e9ea}
.pki-info-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pki-info-item>span:last-child{display:flex;flex-direction:column;min-width:0;gap:2px}
.pki-info-item small{font-size:.68rem;line-height:1.1;text-transform:uppercase;letter-spacing:.09em;color:var(--pki-muted)}
.pki-info-item time,.pki-info-item strong,.pki-info-item a{font-size:.88rem;line-height:1.3;font-weight:700;color:var(--pki-ink);white-space:normal;text-decoration:none}
.pki-info-item a:hover{color:#775a36;text-decoration:underline;text-underline-offset:3px}

/* Content images: attractive text wrap while preserving original HTML */
.pki-single-body img{border-radius:var(--pki-radius);box-shadow:var(--pki-shadow)}
.pki-single-body img.alignleft,.pki-single-body figure.alignleft,.pki-single-body .wp-caption.alignleft{
  float:left;
  clear:left;
  width:min(44%,380px);
  max-width:44%;
  margin:.35em 30px 20px 0;
}
.pki-single-body img.alignright,.pki-single-body figure.alignright,.pki-single-body .wp-caption.alignright{
  float:right;
  clear:right;
  width:min(44%,380px);
  max-width:44%;
  margin:.35em 0 20px 30px;
}
.pki-single-body figure.alignleft img,.pki-single-body figure.alignright img,.pki-single-body .wp-caption.alignleft img,.pki-single-body .wp-caption.alignright img{width:100%;margin:0}
.pki-single-body .aligncenter{display:block;clear:both;margin:32px auto}
.pki-single-body figcaption,.pki-single-body .wp-caption-text{padding-top:8px;font-size:.82rem;line-height:1.5;color:var(--pki-muted);text-align:left}
.pki-single-body:after{content:"";display:table;clear:both}

/* Keep the article focused; information is now in the horizontal bar */
.pki-single-layout{grid-template-columns:minmax(0,820px) minmax(250px,300px);gap:64px}
.pki-single-cover img{border-radius:var(--pki-radius);box-shadow:var(--pki-shadow)}
.pki-aside-card,.pki-article-card{border-radius:var(--pki-radius);overflow:hidden}
.button,button,input,select,textarea{font-family:var(--pki-font)}

@media(max-width:980px){
  .pki-article-info-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .pki-info-item+.pki-info-item{border-left:0}
  .pki-info-item:nth-child(even){border-left:1px solid var(--pki-line)}
  .pki-info-item:nth-child(n+3){border-top:1px solid var(--pki-line)}
}
@media(max-width:680px){
  .pki-article-info-bar{grid-template-columns:1fr;margin-top:24px}
  .pki-info-item{padding:14px 16px}
  .pki-info-item:nth-child(even),.pki-info-item+.pki-info-item{border-left:0}
  .pki-info-item:nth-child(n+2){border-top:1px solid var(--pki-line)}
  .pki-single-body img.alignleft,.pki-single-body img.alignright,
  .pki-single-body figure.alignleft,.pki-single-body figure.alignright,
  .pki-single-body .wp-caption.alignleft,.pki-single-body .wp-caption.alignright{
    float:none;clear:both;width:100%;max-width:100%;margin:28px 0;
  }
}