.pg-articles{padding-top:12px}
.pg-articles .phead{align-items:center;}
.pg-articles .phead p{padding-bottom:0;}
.topline{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;margin-top:16px;align-items:stretch;}

.lead{
  display:flex;align-items:center;gap:14px;padding:12px;background:#fff;
  border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;transition:.16s;
}

.lead:hover{border-color:var(--brand-line);box-shadow:var(--sh-h);}

.lead-art{width:336px;flex:none;display:block;line-height:0;border-radius:var(--r-s);overflow:hidden;}

.lead-art svg{width:100%;height:auto;display:block;}

.lead-tx{flex:1;min-width:0;display:flex;flex-direction:column;}

.lead-tx .k{font-size:13px;color:var(--brand);font-weight:500;}

.lead-tx h2{font-size:19px;letter-spacing:-.02em;margin-top:7px;line-height:1.42;}

.lead-tx p{font-size:14.5px;color:var(--ink2);margin-top:9px;line-height:1.66;}

.lead-tx .m{display:flex;gap:13px;font-size:13.5px;color:var(--ink4);margin-top:12px;flex-wrap:wrap;}

.live{
  display:flex;flex-direction:column;padding:11px 14px 12px;background:#fff;
  border:1px solid var(--line);border-radius:var(--r-l);
}

.live-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid var(--line2);}

.live-h h3{font-size:15px;}

.live-h .upd{font-size:13px;color:var(--ink4);font-variant-numeric:tabular-nums;}

.live-list{flex:1;display:flex;flex-direction:column;padding-top:3px;}

.live-list a{
  flex:1;display:grid;grid-template-columns:36px 9px minmax(0,1fr);
  align-items:start;column-gap:9px;padding:6px 0;color:var(--ink2);transition:.15s;
}

.live-list a:hover{color:var(--brand);}

.live-list time{
  font-size:13px;line-height:1.35;color:var(--ink3);text-align:right;
  font-variant-numeric:tabular-nums;padding-top:2px;
}

.live-list time span{display:block;font-size:12.5px;color:var(--ink3);}

.live-list .ax{align-self:stretch;position:relative;width:9px;}

.live-list .ax::before{
  content:'';position:absolute;left:4px;top:0;bottom:0;width:1px;background:#DBE1EB;
}

.live-list .ax::after{
  content:'';position:absolute;left:0;top:5px;box-sizing:border-box;
  width:9px;height:9px;border-radius:50%;
  background:#fff;border:1.5px solid var(--ink4);
}

.live-list a:first-child .ax::before{top:9px;}

.live-list a:last-child .ax::before{bottom:auto;height:9px;}

.live-list a:first-child .ax::after{background:var(--brand);border-color:var(--brand);}

.live-list a:hover .ax::after{border-color:var(--brand);}

.live-list .t{
  font-size:14.5px;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}

.aitems{display:flex;flex-direction:column;gap:10px;}

.tagcloud{display:flex;flex-wrap:wrap;gap:6px;}

.tagcloud a{font-size:13.5px;color:var(--ink2);background:var(--bg2);border-radius:4px;padding:3px 9px;transition:.15s;}

.tagcloud a:hover{background:var(--brand-bg);color:var(--brand);}

@media (max-width:1180px){
.topline{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);}
.lead-art{width:228px;}
.lead-tx h2{font-size:18px;}
}

@media (max-width:900px){
.topline{grid-template-columns:minmax(0,1fr);}
.lead-art{width:300px;}
.lead-tx h2{font-size:18.5px;}
}

@media (max-width:640px){
.lead{flex-direction:column;align-items:stretch;gap:11px;padding:10px;}
.lead-art{width:100%;}
.lead-art svg{height:170px;}
.lead-tx h2{font-size:18px;margin-top:5px;}
.lead-tx p{margin-top:7px;}
.lead-tx .m{margin-top:9px;}
.live{padding:10px 12px 11px;}
.live-list a{padding:4px 0;}
}

.post-author{display:flex;gap:13px;padding:16px;border:1px solid var(--line);border-radius:var(--r-l);background:#fff;margin-top:18px;}

.post-author .pa{
  width:44px;height:44px;border-radius:50%;flex:none;overflow:hidden;background:var(--bg2);
}

.post-author .pa svg{display:block;width:100%;height:100%;}

.post-author b{font-size:16px;}

.post-author p{font-size:14.5px;color:var(--ink2);margin-top:5px;line-height:1.65;}

.post-author .pf{margin-left:auto;align-self:center;flex:none;}

@media (max-width:640px){
.post-author{flex-wrap:wrap;}
.post-author .pf{margin-left:0;width:100%;}
}

@media (min-width:1400px){
.pg-articles .aitems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;}
}