/* Article page polish — keep site greens/navy, modernize surfaces */
.art-wrap{max-width:100%}
.art-main-table{border-collapse:separate !important;border-spacing:8px !important}
.art-card{
  background:#fff !important;
  border:1px solid navy !important;
  border-radius:10px !important;
  box-shadow:0 4px 16px rgba(15,23,42,.07);
  overflow:hidden;
}
.art-head{
  background:linear-gradient(180deg,#eef0ff 0%,#dedeff 100%) !important;
  padding:14px 16px !important;
  border-bottom:1px solid #c7cbe8;
  overflow:hidden;
}
.art-head-side{
  float:right;
  width:122px;
  margin:0 0 8px 12px;
  text-align:center;
}
.art-cat{
  display:block;
  width:120px;
  text-align:center;
  padding:7px 6px !important;
  color:#fff !important;
  border-radius:7px !important;
  font-weight:700;
  font-size:13px;
  text-decoration:none !important;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
  margin:0 auto 8px;
}
.art-cat a{color:#fff !important;text-decoration:none !important;font-weight:700}
.art-share{display:block;margin-top:6px}
.art-share img{border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.art-title{
  margin:0 0 8px;
  font-size:clamp(1.35rem,2.2vw,1.85rem);
  line-height:1.28;
  color:#0f172a;
  font-weight:800;
  letter-spacing:-.01em;
}
.art-meta{
  display:block;
  font-size:13px;
  color:#475569;
  line-height:1.45;
}
.art-meta strong{color:#0f172a}
.art-body{
  background:#f7fffb !important;
  border-bottom:1px solid #b7d8c8 !important;
  padding:16px 16px 12px !important;
  font-size:15px;
  line-height:1.65;
  color:#1e293b;
}
.art-body img{
  max-width:100% !important;
  height:auto !important;
  border-radius:8px;
}
.art-body a{color:navy}
.art-follow{
  border:1px solid #b6d4ea !important;
  border-radius:10px !important;
  margin:14px 0 6px !important;
  padding:12px 14px !important;
  background:linear-gradient(180deg,#f3f9fd 0%,#e9f2f8 100%) !important;
  font-size:14px !important;
  line-height:1.5;
}
.art-follow a{color:navy;font-weight:600}
.art-more-cat{
  display:flex;
  align-items:center;
  gap:10px;
  margin:10px 4px;
  padding:8px 10px;
  border:1px solid #d1fae5;
  border-radius:10px;
  background:#f0fdf4;
}
.art-more-cat a{text-decoration:none !important}
.art-more-cat img{border-radius:6px}
.art-related{
  margin:4px 0;
  border-radius:8px;
  overflow:hidden;
  border:1px solid #d1d5db;
  box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.art-related table{border-radius:0 !important}
.art-related img{
  border-radius:6px;
  border:1px solid #e5e7eb;
}
.art-related a{font-weight:600;line-height:1.35}
.art-side-col{
  border-radius:10px !important;
  box-shadow:0 3px 12px rgba(15,23,42,.05);
}
.art-breadcrumb-note{display:none}
@media screen and (max-width:800px){
  .art-head-side{float:none;width:auto;margin:0 0 10px}
  .art-cat{width:auto;max-width:200px}
  .art-title{font-size:1.3rem}
  .art-body{font-size:15px;padding:12px !important}
}