.post-read{position:relative;background:#eee;}
.post-read>img.img{width:100%;}
.post-read>h3{margin:20px;font-family:content;margin-bottom:0;color:#000;}
.post-read .page-content{padding:10px 20px;}
.post-read .page-content>p{text-align:justify;text-indent:20px;line-height:180%;font-size:15px;font-family:content;color:#555;}
.blk>div>h4{margin-top:0;font-family:content;font-size:22px;}
div.pub-list{padding:20px;}
div.pub-list>.item{min-height:120px;border-bottom:1px solid #fff;padding-bottom:20px;margin-bottom:15px;}
div.pub-list>.item:first-child{margin-top:20px;}
div.pub-list>.item img{float:left;margin-right:15px;margin-top:5px;width:140px;height:109px;border:1px solid #ddd;-ms-box-shadow:1px 1px 3px rgba(0,0,0,0.2);-khtml-box-shadow:1px 1px 3px rgba(0,0,0,0.2);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);-o-box-shadow:1px 1px 3px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);box-shadow:1px 1px 3px rgba(0,0,0,0.2);}
div.pub-list>.item>a>b{font-size:16px;display:block;font-weight:normal;font-family:content;}
div.pub-list>.item>p{margin:0;color:#888;}
div.pub-list>.item em{color:#81939F;font-style:normal;display:block;}
.more{display:block;font-size:13px;text-align:right;color:#21B24B;}
div.grid table{width:100%;border-spacing:0;margin-bottom:20px;}
div.grid table th{background:#21B24B;color:#fff;padding:6px 0;}
div.grid table th>a{color:#fff;}
div.grid table th>a:after{content:'';display:inline-block;width:12px;height:10px;margin-left:5px;background:url("../../p/sortbg") center center no-repeat;}
div.grid table th>a.sort:after{background-position:center bottom;}
div.grid table th>a.sort.desc:after{background-position:center top;}
div.grid table th>a.sort:hover:after{background-position:center top;}
div.grid table th>a.sort.desc:hover:after{background-position:center bottom;}
div.grid table td{padding:10px 5px;cursor:pointer;}
div.grid table td.c{text-align:center;}
div.grid table td.r{text-align:right;}
div.grid table tr.odd td{background:#eee;}
div.grid table tr:hover td{background:#ddd;}
.tabbed-cat{height:40px;padding-top:10px;background:#fff;margin-bottom:10px;border-bottom:2px solid #21B24B;}
.tabbed-cat>a{display:inline-block;margin-left:10px;vertical-align:top;line-height:40px;height:40px;padding:0 20px;cursor:pointer;color:#333;background:#f3f3f3;font-size:16px;}
.tabbed-cat>a:hover{text-decoration:none;background:#eaeaea;color:#000;}
.tabbed-cat>a.active{background:#21B24B;color:#fff;}
.year-mark{background:#fff;padding:10px;text-align:center;margin-top:-30px;margin-bottom:20px;}
.year-mark>h3{margin:0;font-weight:normal;font-size:16px;text-transform:uppercase;color:#444;margin-bottom:5px;text-align:left;}
.year-mark>a{display:inline-block;height:26px;line-height:26px;padding:0 5px;cursor:pointer;text-decoration:none;background:#f3f3f3;color:#333;font-size:12px;vertical-align:top;white-space:nowrap;margin:4px;}
.year-mark>a:hover{text-decoration:none;background:#eaeaea;color:#000;}
.year-mark>a.active{background:#21B24B;color:#fff;}
/* =========================
   Research (/research) mobile fix
   Works with current PHP markup:
   .cleft .pub-list .search form, .pager, .year-mark, .item
========================= */
@media (max-width: 768px){

  /* 1) Left/Right column stack */
  .body .center{ padding: 0 12px; }
  .cleft, .cright{
    float: none !important;
    width: 100% !important;
    display: block !important;
  }
  .cright{ margin-top: 18px; }

  /* 2) Search form responsive */
  .pub-list .search form{
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
  }
  .pub-list .search form input[type="text"]{
    width: 100% !important;
    box-sizing: border-box;
    margin: 0 !important;
  }
  .pub-list .search form label{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 !important;
    white-space: nowrap;
  }
  .pub-list .search form input[type="submit"]{
    width: 100%;
    box-sizing: border-box;
    margin-top: 6px;
  }
  /* Clear search link (if exists) */
  .pub-list .search form a{
    display: inline-block;
    padding: 6px 10px;
  }

  /* 3) Pager overflow fix */
  .pub-list .pager{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    justify-content: flex-start;
    line-height: 1.2;
  }
  .pub-list .pager select{ max-width: 100%; }
  .pub-list .pager a,
  .pub-list .pager b{
    display: inline-block;
    padding: 6px 10px;
    border-radius: 6px;
  }

  /* 4) Year filter wrap */
  .pub-list .year-mark a{
    display: inline-block;
    margin: 4px 6px 0 0;
    padding: 6px 10px;
    border-radius: 6px;
    white-space: nowrap;
  }

  /* 5) Research items: image full width, text below */
  .pub-list .item{
    overflow: hidden;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid rgba(0,0,0,.08);
  }
  .pub-list .item a img{
    float: none !important;
    width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 0 10px 0 !important;
    border-radius: 8px;
  }
  .pub-list .item a b{
    display: block;
    font-size: 18px;
    line-height: 1.25;
  }

  /* 6) Right column (Latest news thumbs) */
  .cright .posts .item a img{
    width: 100% !important;
    height: auto !important;
    display: block;
  }
}
/* =========================================================
   FINISHED RESEARCH LIST — PROFESSIONAL UI
   File: c/p/pub.css
========================================================= */

/* main wrapper */
.pub-list{
  padding:4px 0 0;
}

/* each research item */
.pub-list .item{
  position:relative;
  display:block;
  padding:18px 170px 18px 158px;
  margin:0 0 18px;
  min-height:126px;
  background:#fff;
  border:1px solid #e8edf1;
  border-radius:16px;
  box-shadow:0 8px 24px rgba(15,23,42,.05);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.pub-list .item:hover{
  border-color:rgba(31,166,74,.22);
  box-shadow:0 14px 30px rgba(15,23,42,.09);
  transform:translateY(-2px);
}

/* thumbnail */
.pub-list .item > a:first-child{
  display:block;
  text-decoration:none;
  color:inherit;
}

.pub-list .item > a:first-child > img{
  position:absolute;
  left:18px;
  top:18px;
  width:124px;
  height:108px;
  object-fit:cover;
  object-position:center;
  border-radius:12px;
  border:1px solid #e7e7e7;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
  background:#f3f5f7;
}

/* title */
.pub-list .item > a:first-child > b{
  display:block;
  margin:0 0 10px;
  color:#16324f;
  font-size:17px;
  line-height:1.45;
  font-weight:700;
  text-decoration:none;
  transition:color .2s ease;
}

.pub-list .item:hover > a:first-child > b{
  color:#0f7f34;
}

/* meta lines */
.pub-list .item > p{
  margin:0 0 4px;
  color:#6b7280;
  font-size:13px;
  line-height:1.55;
}

.pub-list .item > p b{
  color:#4b5563;
  font-weight:700;
}

/* right-side button */
.pub-list .item > a.more{
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:122px;
  padding:10px 14px;
  border-radius:999px;
  background:#f4fbf6;
  border:1px solid rgba(31,166,74,.18);
  color:#179646;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
  transition:all .2s ease;
}

.pub-list .item > a.more:hover{
  background:#1fa64a;
  border-color:#1fa64a;
  color:#fff;
  box-shadow:0 10px 22px rgba(31,166,74,.22);
}

/* add arrow */
.pub-list .item > a.more::after{
  content:"→";
  margin-left:8px;
  font-weight:900;
  line-height:1;
}

/* search block */
.pub-list .search{
  margin-bottom:20px;
  padding:18px 18px 14px;
  background:#fff;
  border:1px solid #e8edf1;
  border-radius:16px;
  box-shadow:0 8px 20px rgba(15,23,42,.04);
}

.pub-list .search > h3{
  margin:0 0 10px;
  font-size:18px;
  line-height:1.3;
  color:#16324f;
  text-transform:none;
  font-weight:700;
}

.pub-list .search input[type="text"]{
  width:280px;
  max-width:100%;
  height:42px;
  line-height:42px;
  padding:0 12px;
  font-size:14px;
  color:#374151;
  border:1px solid #d8dee6;
  border-radius:10px;
  background:#fff;
  box-shadow:none;
}

.pub-list .search input[type="text"]:focus{
  outline:none;
  border-color:#1fa64a;
  box-shadow:0 0 0 3px rgba(31,166,74,.12);
}

.pub-list .search label{
  margin-right:14px;
  color:#4b5563;
  font-size:13px;
}

.pub-list .search input[type="submit"]{
  height:42px;
  padding:0 18px;
  border:none;
  border-radius:10px;
  background:#1fa64a;
  color:#fff;
  font-weight:700;
  cursor:pointer;
  transition:background .2s ease, transform .2s ease;
}

.pub-list .search input[type="submit"]:hover{
  background:#147a34;
}

/* pager + page info */
.pub-list .pager,
.pub-list .page-info,
.pub-list .year-mark{
  background:#fff;
  border:1px solid #e8edf1;
  border-radius:14px;
  box-shadow:0 6px 18px rgba(15,23,42,.04);
}

.pub-list .pager{
  padding:12px 14px;
  margin-bottom:14px;
}

.pub-list .page-info{
  display:inline-block;
  padding:10px 14px;
  margin-top:2px;
  color:#6b7280;
}

.pub-list .year-mark{
  padding:14px;
  margin-bottom:18px;
}

.pub-list .year-mark h3{
  margin:0 0 10px;
  font-size:16px;
  color:#16324f;
  font-weight:700;
  text-transform:none;
}

.pub-list .year-mark a{
  display:inline-block;
  margin:0 8px 8px 0;
  padding:8px 12px;
  border-radius:999px;
  background:#f7faf8;
  border:1px solid #e4ece6;
  color:#4b5563;
  text-decoration:none;
  font-size:13px;
  transition:all .2s ease;
}

.pub-list .year-mark a:hover,
.pub-list .year-mark a.active{
  background:#1fa64a;
  border-color:#1fa64a;
  color:#fff;
}

/* pager links */
.pager a,
.pager b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  padding:0 10px;
  margin-left:6px;
  border-radius:10px;
  text-decoration:none;
  font-size:13px;
}

.pager a{
  background:#f7faf8;
  border:1px solid #e3ebe5;
  color:#374151;
}

.pager a:hover{
  background:#e9f7ee;
  border-color:#bfe3c8;
  color:#147a34;
}

.pager b{
  background:#1fa64a;
  color:#fff;
  font-weight:700;
}

/* select style */
.pager select{
  height:36px;
  padding:0 10px;
  margin-left:6px;
  border:1px solid #d8dee6;
  border-radius:10px;
  background:#fff;
  color:#374151;
}

/* blk title nicer */
.blk > h3{
  font-weight:700;
  letter-spacing:.04em;
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 768px){

  .pub-list .item{
    padding:14px;
    min-height:0;
  }

  .pub-list .item > a:first-child > img{
    position:static;
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:16/10;
    margin:0 0 12px;
  }

  .pub-list .item > a:first-child > b{
    font-size:16px;
    line-height:1.45;
    margin-bottom:10px;
  }

  .pub-list .item > p{
    font-size:13px;
    line-height:1.6;
  }

  .pub-list .item > a.more{
    position:static;
    transform:none;
    margin-top:12px;
    width:100%;
  }

  .pub-list .search{
    padding:14px;
  }

  .pub-list .search input[type="text"]{
    width:100%;
    margin-right:0;
    margin-bottom:10px;
  }

  .pub-list .search label{
    display:inline-block;
    margin:0 10px 8px 0;
  }

  .pub-list .search input[type="submit"]{
    width:100%;
    margin-top:6px;
  }

  .pub-list .pager{
    overflow:auto;
    white-space:nowrap;
  }

  .pub-list .year-mark{
    padding:12px;
  }
}
/* =========================================================
   FINISHED STUDY DETAIL PAGE — PROFESSIONAL UI
   File: c/p/pub.css
========================================================= */

/* Main content card */
.blk > div{
  background:#fff;
}

/* Section title bar */
.blk > h3{
  font-weight:700;
  letter-spacing:.04em;
}

/* Article title */
.ctitle{
  margin:0 0 18px !important;
  padding:4px 0 0 !important;
  font-size:40px !important;
  line-height:1.18 !important;
  font-weight:800 !important;
  color:#1b3552 !important;
  letter-spacing:-0.02em !important;
}

/* Edit/delete links row */
.adm-link{
  text-align:center;
  padding:0 0 18px !important;
  margin-bottom:18px;
  border-bottom:1px solid #edf1f4;
  color:#94a3b8;
}

.adm-link a{
  color:#1b3552;
  font-weight:600;
}

.adm-link a:hover{
  color:#179646;
  text-decoration:none;
}

/* Meta info box */
.params{
  margin:0 0 22px;
  padding:18px 20px;
  background:#f8fbf9;
  border:1px solid #e7efe9;
  border-radius:16px;
  box-shadow:0 6px 18px rgba(15,23,42,.03);
}

.params p{
  margin:0 0 12px;
  font-size:15px;
  line-height:1.7;
  color:#475569;
  display:flex;
  align-items:flex-start;
  gap:18px;
}

.params p:last-child{
  margin-bottom:0;
}

.params b{
  flex:0 0 150px;
  min-width:150px;
  display:block;
  color:#1f2937;
  font-weight:700;
}

.params span{
  flex:1 1 auto;
  min-width:0;
  display:block;
  color:#64748b;
  line-height:1.7;
  word-break:break-word;
  overflow-wrap:anywhere;
}

/* Main article body */
.page-content{
  padding:2px 0 0 !important;
}

.page-content p{
  font-size:16px;
  line-height:1.9;
  color:#4b5563;
  text-align:justify;
  margin:0 0 18px;
}

/* Share block */
.sharer{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid #edf1f4;
  text-align:right;
  color:#6b7280;
}

.sharer > span{
  margin-left:10px;
  padding-left:36px;
  padding-right:14px;
  height:40px;
  line-height:34px;
  border-radius:12px;
  border:0 !important;
  font-size:13px;
  font-weight:700;
  box-shadow:0 8px 18px rgba(0,0,0,.08);
}

.sharer > span.viafb{
  background:url(../p/fb) 10px center no-repeat #4267B2;
}

.sharer > span.viatw{
  background:url(../p/tw) 10px center no-repeat #1DA1F2;
}

.sharer > span:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 22px rgba(0,0,0,.12);
}

/* Download section */
.download-link{
  margin-top:26px;
  padding:22px 0 !important;
  background:#f8fafb !important;
  border-top:1px solid #e8edf1 !important;
}

.download-link > a{
  min-width:220px;
  height:48px !important;
  line-height:48px !important;
  padding:0 24px !important;
  border-radius:12px !important;
  background:#1fa64a !important;
  font-size:18px !important;
  font-weight:700 !important;
  box-shadow:0 10px 22px rgba(31,166,74,.22) !important;
}

.download-link > a:hover{
  background:#14853a !important;
  text-decoration:none !important;
  transform:translateY(-1px);
}

/* Whole left content block refinement */
.cleft .blk{
  border:1px solid #e6edf1;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(15,23,42,.05);
  background:#fff;
}

.cleft .blk > div{
  padding:26px 28px !important;
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 768px){

  .cleft .blk > div{
    padding:18px 16px !important;
  }

  .ctitle{
    font-size:28px !important;
    line-height:1.22 !important;
    margin-bottom:14px !important;
  }

  .adm-link{
    font-size:13px;
    margin-bottom:14px;
    padding-bottom:14px !important;
  }

  .params{
    padding:14px 14px;
    border-radius:14px;
  }

  .params p{
    font-size:14px;
    line-height:1.65;
  }

  .params b{
    min-width:90px;
  }

  .page-content p{
    font-size:15px;
    line-height:1.8;
  }

  .sharer{
    text-align:left;
  }

  .sharer > span{
    margin:10px 10px 0 0;
    display:inline-block;
  }

  .download-link{
    padding:18px 14px !important;
  }

  .download-link > a{
    width:100%;
    min-width:0;
    font-size:16px !important;
  }
  .params p{
    flex-direction:column;
    gap:6px;
  }

  .params p b{
    flex:none !important;
    min-width:0 !important;
  }
}