:root{
  --wrap: min(1200px, 92vw);
  --gap: 16px;
  --brand: #004096;
  --brand-600: #00347a;
  --bg-1:#F5F7FB;
  --bg-2:#FFFFFF;
}
.wp{ width: var(--wrap); margin: 0 auto; }
.iMain{ padding: 28px 0; }
.tit1{ font-size: 22px; margin: 8px 0 16px; }
.tit1 strong{ font-weight: 700; }
.page-soft-bg{
  background: linear-gradient(180deg, var(--bg-1) 0%, var(--bg-1) 55%, var(--bg-2) 100%);
  position: relative;
}
.page-soft-bg .site,
.page-soft-bg .ct-container,
.page-soft-bg .ct-main,
.page-soft-bg .content-area,
.page-soft-bg .wp-site-blocks,
.page-soft-bg .container,
.page-soft-bg .wp{ background: transparent; }
.page-soft-bg::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image: radial-gradient(rgba(0,0,0,.03) 1px, transparent 1px);
  background-size:12px 12px; opacity:.06;
}

.banner{ position:relative; z-index:1; margin:0; overflow:hidden; }
.banner .slider-banner img{
  display:block; width:100%;
  height: clamp(220px, 40vw, 520px);
  object-fit: cover; object-position: center;
}
@media (max-width:768px){
  .banner .slider-banner img{ height: clamp(160px, 45vw, 360px); }
}

.iMain-news .news-header{
  display:flex; align-items:center; justify-content:space-between;
  margin:4px 0 10px;
}
.iMain-news .tit1{ margin:0; }

.btn-more{
  display:inline-block; padding:6px 12px; border-radius:999px;
  border:1px solid var(--brand); font-size:13px; line-height:1;
  text-decoration:none; color:var(--brand); background:#fff;
  transition:.15s ease;
}
.btn-more:hover{ transform: translateY(-1px); }

.news-list{ margin:0; padding:0; list-style:none; }
.news-list.grid-2{
  display:grid; grid-template-columns:1fr; gap:8px;
}
@media (min-width:1024px){
  .news-list.grid-2{ grid-template-columns:1fr 1fr; }
}
.news-list .item{
  display:flex; align-items:center; gap:10px;
  padding:8px 10px; border-radius:10px; background:#fff;
  box-shadow:0 1px 6px rgba(0,0,0,.04);
  text-decoration:none; color:inherit; min-height:38px;
}
.news-list .item:hover{ box-shadow:0 2px 12px rgba(0,0,0,.06); }

.datechip{
  flex:none; display:inline-block;
  padding:2px 8px; border-radius:999px;
  font-size:12px; font-weight:600;
  border:1px solid var(--brand);
  color:var(--brand);
  line-height:1.4; background:#f7fbff;
}
.news-list .title{
  font-size:14px; line-height:1.35; color:#222;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.iMain-issues .issues-head{
  display:flex; align-items:baseline; justify-content:space-between;
  margin-bottom:12px;
}
.iMain-issues .issue-headline{
  display:flex; align-items:center; gap:12px;
  margin:8px 0 14px;
}
.iMain-issues .issue-title{ font-size:22px; margin:0; }
.iMain-issues .issue-count{ font-size:13px; color:#667085; }

.iMain-issues .issue-article-list.pretty{ list-style:none; margin:0; padding:0; }
.iMain-issues .issue-article-list.pretty > li.paper-card{
  display:grid; grid-template-columns:56px 1fr; gap:14px;
  padding:14px 16px; background:#fff;
  border:1px solid rgba(0,0,0,.06); border-radius:12px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
.iMain-issues .issue-article-list.pretty > li.paper-card + li.paper-card{ margin-top:12px; }
.page-soft-bg .iMain-issues .issue-article-list.pretty > li.paper-card{ background:rgba(255,255,255,.95); }

.iMain-issues .paper-no{
  width:40px; height:40px; margin-top:2px; border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  font:700 14px/1 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu;
  color:var(--brand); background:#eef4ff; border:1px solid rgba(0,0,0,.06);
}
.iMain-issues .paper-body{
  min-width:0; display:flex; flex-direction:column; min-height:100%;
}
.iMain-issues .paper-title{
  margin:0; display:flex; align-items:center; gap:10px;
}
.iMain-issues .paper-topic{
  display:inline-block; font-size:12px; line-height:1; padding:5px 8px; border-radius:999px;
  background:#eef4ff; color:var(--brand); border:1px solid rgba(0,0,0,.06); white-space:nowrap;
}
.iMain-issues .paper-title-text{
  font-size:18px; font-weight:700;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.iMain-issues .paper-sep{
  height:1px; margin:10px 0 8px;
  background:linear-gradient(to right, rgba(0,0,0,.06), rgba(0,0,0,.02));
}

.iMain-issues .meta-line{
  display:grid; grid-template-columns:80px 1fr; gap:10px; align-items:start;
  font-size:14px; color:#344054; padding:4px 0;
}
.iMain-issues .meta-label{
  color:#667085; background:#f2f4f7; border:1px solid rgba(0,0,0,.04);
  border-radius:999px; padding:2px 8px; text-align:center;
}
.iMain-issues .meta-value{ line-height:1.6; }
.iMain-issues .meta-value.link{ color:var(--brand); text-decoration:none; }
.iMain-issues .meta-value.link:hover{ text-decoration:underline; }

.iMain-issues .paper-actions{ margin-top:auto; align-self:flex-end; }
.iMain-issues .paper-actions .btn.btn-pdf{
  display:inline-block; padding:8px 12px; font-size:14px; border-radius:999px;
  border:1px solid var(--brand); color:#fff; background:var(--brand);
  text-decoration:none; transition:box-shadow .2s ease, transform .05s ease;
}
.iMain-issues .paper-actions .btn.btn-pdf:hover{ box-shadow:0 1px 8px rgba(0,64,150,.18); }
.iMain-issues .paper-actions .btn.btn-pdf:active{ transform:translateY(1px); }

@media (max-width:820px){
  .iMain-issues .issue-article-list.pretty > li.paper-card{
    grid-template-columns:40px 1fr; padding:12px; gap:12px;
  }
  .iMain-issues .paper-title-text{ font-size:16px; }
  .iMain-issues .meta-line{ grid-template-columns:68px 1fr; font-size:13px; }
  .iMain-issues .paper-actions{ align-self:stretch; }
  .iMain-issues .paper-actions .btn.btn-pdf{ width:100%; text-align:center; }
}

.sbs-footer{ background:#0a4e9a; color:#fff; margin-top:60px; font-size:16px; }
.sbs-footer a{ color:#fff; text-decoration:none; }
.sbs-footer .wp{ max-width:1200px; margin:0 auto; padding:0 20px; }

.sbs-footer__top{ padding:18px 0 12px; }
.sbs-footer__center{
  display:flex; align-items:center; justify-content:center;
  gap: clamp(24px, 5vw, 48px); flex-wrap:wrap; padding: 28px 0;
  min-height: 180px;
}
.sbs-logo1{ width: clamp(90px, 9vw, 160px); height:auto; display:block; }
.sbs-logo2{ height: clamp(36px, 4vw, 68px); width:auto; display:block; filter:brightness(0) invert(1); }
.sbs-qr{ text-align:center; }
.sbs-qr img{
  width: clamp(120px, 12vw, 160px);
  height: clamp(120px, 12vw, 160px);
  background:#fff; padding:8px; border-radius:8px; display:block; margin:0 auto 8px;
}
.sbs-qr span{ font-size:14px; opacity:.95; }

.sbs-footer__divider{ height:1px; background:rgba(255,255,255,.3); margin:0; }
.sbs-footer__bottom{ padding:12px 0 16px; }
.sbs-footer__bottom p{ margin:4px 0; line-height:1.7; }

.site-footer, .ct-footer{ display:none !important; }