/* Scope strictly to the existing Alnodom blog page. No post data or theme files are changed. */
body.page-id-121208 .alnodom-bcp {
  --bcp-ink: #17414c;
  --bcp-teal: #166c70;
  --bcp-gold: #b48c42;
  --bcp-border: #dae5e2;
  font-family: inherit;
  direction: rtl;
  margin: 1.8rem 0 2.5rem;
  max-width: 100%;
  scroll-margin-top: 7rem;
}
body.page-id-121208 .alnodom-bcp[hidden] { display: none !important; }
body.page-id-121208 .alnodom-bcp-head {
  display: grid;
  gap: 1.2rem;
  grid-template-columns: minmax(245px, 0.8fr) minmax(0, 1.4fr);
  align-items: center;
  margin-bottom: 1.5rem;
}
body.page-id-121208 .alnodom-bcp-total {
  display: flex;
  align-items: center;
  gap: 1rem;
  border: 1px solid var(--bcp-border);
  border-right: 4px solid var(--bcp-gold);
  background: linear-gradient(110deg, #f2f8f5, #fff);
  padding: 1.2rem 1.25rem;
  border-radius: 18px;
  box-shadow: 0 6px 20px rgba(18,58,62,.05);
}
body.page-id-121208 .alnodom-bcp-counter-icon { font-size: 2.1rem; color: var(--bcp-teal); }
body.page-id-121208 .alnodom-bcp-counter-text { display:flex; flex-direction:column; gap:.22rem; min-width:0; }
body.page-id-121208 .alnodom-bcp-counter-text > span { font-size: 1rem; font-weight: 700; color: var(--bcp-ink); }
body.page-id-121208 .alnodom-bcp-counter-text strong { font-size: clamp(1.8rem, 3vw, 2.3rem); line-height:1.2; color: var(--bcp-teal); font-variant-numeric: tabular-nums; }
body.page-id-121208 .alnodom-bcp-counter-text small { font-size: .75rem; line-height:1.6; color:#536872; }
body.page-id-121208 .alnodom-bcp-list-heading h2 { font-size: clamp(1.2rem, 2.3vw, 1.6rem); line-height: 1.5; margin: 0 0 .4rem; color: var(--bcp-ink); }
body.page-id-121208 .alnodom-bcp-list-heading p { font-size: .92rem; color: #506875; line-height: 1.8; margin:0; }
body.page-id-121208 .alnodom-blog-live-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 1.1rem;
  width: 100%;
  margin: 0;
  max-width: 100%;
}
body.page-id-121208 .alnodom-blog-live-grid > .alnodom-bcp-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  padding: clamp(1.05rem, 2vw, 1.35rem);
  background: #fff;
  border: 1px solid var(--bcp-border);
  border-radius: 18px;
  box-shadow: 0 4px 18px rgba(28,65,68,.05);
  transition: border-color .16s, box-shadow .16s;
  overflow-wrap: anywhere;
}
body.page-id-121208 .alnodom-blog-live-grid > .alnodom-bcp-card:hover {
  border-color: #9bbdba;
  box-shadow: 0 8px 25px rgba(28,65,68,.10);
}
body.page-id-121208 .alnodom-bcp-card .alnodom-blog-card-meta { display: flex; align-items: center; gap: .7rem; flex-wrap: wrap; margin-bottom: .6rem; font-size:.85rem; }
body.page-id-121208 .alnodom-bcp-card .alnodom-bns-number {
  display: inline-flex; align-items:center; justify-content:center;
  min-width: 2.1rem; height: 2.1rem; padding: 0 .4rem;
  border-radius: 11px; background: #e8f3ee; color: #155b60;
  font-weight: 800; font-size: .9rem;
}
body.page-id-121208 .alnodom-bcp-card h2 {font-size: clamp(1.02rem, 1.7vw, 1.17rem); margin: .2rem 0 .7rem; line-height: 1.65; font-weight:700; }
body.page-id-121208 .alnodom-bcp-card h2 a { color: var(--bcp-ink); text-decoration:none; }
body.page-id-121208 .alnodom-bcp-card h2 a:hover { color: var(--bcp-teal); text-decoration: underline; }
body.page-id-121208 .alnodom-bcp-card p { font-size:.9rem; line-height:1.85; color:#445d65; margin:0 0 .95rem; flex: 1; }
body.page-id-121208 .alnodom-bcp-card .alnodom-read-more { align-self: flex-start; font-size:.91rem; font-weight:700; margin-top:auto; color:var(--bcp-teal); }
body.page-id-121208 .alnodom-bcp-pages { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.55rem; margin: 2rem auto 1rem; padding:.6rem 0; }
body.page-id-121208 .alnodom-bcp-pages > a,
body.page-id-121208 .alnodom-bcp-pages > .alnodom-bcp-active {
  min-width: 2.55rem; min-height: 2.55rem; box-sizing:border-box;
  padding: .58rem .85rem; display:inline-flex; justify-content:center; align-items:center;
  border: 1px solid #ccdedb; border-radius: 11px;
  color: var(--bcp-ink); background:#fff; font-size:.93rem;
  font-weight:700; text-decoration:none; line-height: 1.3;
}
body.page-id-121208 .alnodom-bcp-pages > a:hover { background:#e8f2ef; border-color:#97b9b5; }
body.page-id-121208 .alnodom-bcp-pages > .alnodom-bcp-active { color:#fff; background:var(--bcp-teal); border-color:var(--bcp-teal); }
body.page-id-121208 .alnodom-bcp-pages > .alnodom-bcp-nav-button {padding-inline:1.1rem;}
body.page-id-121208 .alnodom-bcp-ellipsis { padding:0 .2rem; color:#657b81; }
body.page-id-121208 .alnodom-bcp-empty { padding:1.2rem; text-align:center; background:#f2f7f5; border-radius:10px; }
/* Hide old card collections only AFTER the new complete, paginated archive is in place. */
body.page-id-121208.alnodom-bcp-ready #main .alnodom-blog-grid:not(.alnodom-blog-live-grid):not(.alnodom-bns-result-grid) { display:none !important; }
body.page-id-121208.alnodom-bcp-ready #main .alnodom-translated-articles,
body.page-id-121208.alnodom-bcp-ready #main .alnodom-res20-list,
body.page-id-121208.alnodom-bcp-ready #main .alnodom-research-updates,
body.page-id-121208.alnodom-bcp-ready #main .alnodom-translated-update { display:none !important; }
/* When the pre-existing search plugin shows results, only show search results, not the archive. */
body.page-id-121208.alnodom-bcp-search-active .alnodom-bcp { display:none !important; }
@media (max-width: 900px) {
  body.page-id-121208 .alnodom-bcp-head { grid-template-columns:1fr; }
  body.page-id-121208 .alnodom-blog-live-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  body.page-id-121208 .alnodom-blog-live-grid { grid-template-columns:1fr; }
  body.page-id-121208 .alnodom-bcp-total { padding:1rem; }
  body.page-id-121208 .alnodom-bcp-pages {gap:.35rem;}
  body.page-id-121208 .alnodom-bcp-pages > a,
  body.page-id-121208 .alnodom-bcp-pages > .alnodom-bcp-active { min-width:2.35rem; min-height:2.35rem; padding:.5rem .63rem; }
}
@media (prefers-reduced-motion: reduce) {
  body.page-id-121208 .alnodom-bcp-card {transition:none;}
}
