/* AR SSITP Blog v1.0.0 — WordPress posts in the SSITP design.
   All Elementor control values arrive as CSS vars on {{WRAPPER}} and are
   consumed here with fallbacks. No control-written var is redeclared. */

.arsb-root{font-family:'Inter',Arial,sans-serif; color:#4B5578; overflow-x:clip;}
.arsb-root *{box-sizing:border-box;}
.arsb-root a{text-decoration:none;}

/* Header */
.arsb-header{text-align:var(--arsb-halign, center); max-width:720px; margin:0 auto var(--arsb-hgap, 34px);}
.arsb-eyebrow{display:inline-block; background:var(--arsb-ebb, rgba(219,137,39,.14)); color:var(--arsb-eb, #C1751F);
  font-family:'Plus Jakarta Sans',Arial,sans-serif; font-size:12.5px; font-weight:700; letter-spacing:2.2px;
  padding:7px 15px; border-radius:999px; margin-bottom:18px;}
.arsb-title{font-family:'Plus Jakarta Sans',Arial,sans-serif; color:var(--arsb-tc, #13183F);
  font-size:var(--arsb-hfs, 36px); margin:0; line-height:1.18;}
.arsb-acc{color:var(--arsb-ac, #DB8927);}
.arsb-sub{color:var(--arsb-sc, #4B5578); font-size:var(--arsb-sfs, 16.5px); line-height:1.65; margin:14px 0 0; overflow-wrap:break-word;}

/* Filters */
.arsb-filters{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-bottom:36px;}
.arsb-filter{font-family:'Plus Jakarta Sans',Arial,sans-serif; font-weight:700; font-size:14px; padding:10px 22px;
  border-radius:999px; border:1.5px solid var(--arsb-fbd, #E9E5DA); background:var(--arsb-fb, #FFFFFF);
  color:var(--arsb-fc, #13183F); cursor:pointer; transition:background .25s ease, color .25s ease, border-color .25s ease;}
.arsb-filter:hover{border-color:#DB8927; color:#C1751F;}
.arsb-filter.is-on{background:var(--arsb-fob, #0A083B); border-color:var(--arsb-fob, #0A083B); color:var(--arsb-foc, #FFFFFF);}

/* Editor notes */
.arsb-note,.arsb-empty{border:1.5px dashed #DB8927; background:rgba(219,137,39,.08); color:#13183F; border-radius:12px;
  padding:14px 18px; text-align:center; font-size:13.5px; margin:0 auto 26px; max-width:760px;}
.arsb-empty{padding:26px; font-size:15px;}

/* Cards */
.arsb-grid{display:grid; grid-template-columns:repeat(var(--arsb-cols, 3), 1fr); gap:var(--arsb-gap, 24px);}
.arsb-card{background:var(--arsb-cbg, #FFFFFF); border:1px solid var(--arsb-cbd, #E9E5DA);
  border-radius:var(--arsb-rad, 16px); overflow:hidden; display:flex; flex-direction:column;
  box-shadow:0 8px 26px rgba(10,8,59,.05); transition:transform .35s ease, box-shadow .35s ease;}
.arsb-grid.arsb-lift .arsb-card:hover{transform:translateY(-6px); box-shadow:0 20px 40px rgba(10,8,59,.12);}
.arsb-media{position:relative;}
.arsb-media img{width:100%; aspect-ratio:var(--arsb-ar, 3 / 2); object-fit:cover; display:block;}
.arsb-badge{position:absolute; left:18px; bottom:-13px; background:var(--arsb-bbg, #DB8927); color:var(--arsb-bc, #FFFFFF);
  font-family:'Plus Jakarta Sans',Arial,sans-serif; font-size:11.5px; font-weight:700; letter-spacing:.8px;
  text-transform:uppercase; padding:6px 13px; border-radius:999px; box-shadow:0 6px 16px rgba(219,137,39,.35);}
.arsb-body{padding:28px 24px 24px; display:flex; flex-direction:column; flex:1;}
.arsb-meta{display:flex; align-items:center; gap:9px; font-size:13px; font-weight:500; color:var(--arsb-mc, #8A93AD); margin-bottom:10px;}
.arsb-dot{width:4px; height:4px; border-radius:50%; background:#DB8927; display:inline-block; flex:none;}
.arsb-ptitle{font-family:'Plus Jakarta Sans',Arial,sans-serif; font-size:var(--arsb-ptfs, 19px); margin:0 0 10px; line-height:1.35;}
.arsb-ptitle a{color:var(--arsb-ptc, #13183F); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.arsb-ptitle a:hover{color:#C1751F;}
.arsb-excerpt{color:var(--arsb-ec, #4B5578); font-size:var(--arsb-efs, 15px); line-height:1.65; margin:0 0 16px;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:break-word;}
.arsb-more{margin-top:auto; font-family:'Plus Jakarta Sans',Arial,sans-serif; font-weight:700; font-size:14.5px; color:var(--arsb-rmc, #C1751F);}
.arsb-more span{display:inline-block; transition:transform .25s ease;}
.arsb-more:hover span{transform:translateX(4px);}
.arsb-card.arsb-hide{display:none;}

/* Load more */
.arsb-more-wrap{text-align:center; margin-top:36px;}
.arsb-loadmore{font-family:'Plus Jakarta Sans',Arial,sans-serif; font-weight:700; font-size:15px; cursor:pointer;
  background:var(--arsb-mbg, #0A083B); color:var(--arsb-mtc, #FFFFFF); border:none;
  padding:14px 32px; border-radius:var(--arsb-mrad, 12px); transition:background .25s ease, transform .25s ease;}
.arsb-loadmore:hover{background:#DB8927; transform:translateY(-2px);}

/* Entrance animation (JS adds .arsb-pre, then .arsb-in) */
.arsb-card.arsb-pre{opacity:0; transition:opacity var(--arsb-asp, 700ms) ease, transform var(--arsb-asp, 700ms) ease;}
.arsb-card.arsb-pre[data-anim="fade-up"]{transform:translateY(34px);}
.arsb-card.arsb-pre[data-anim="fade-down"]{transform:translateY(-34px);}
.arsb-card.arsb-pre[data-anim="slide-left"]{transform:translateX(42px);}
.arsb-card.arsb-pre[data-anim="slide-right"]{transform:translateX(-42px);}
.arsb-card.arsb-pre[data-anim="zoom"]{transform:scale(.94);}
.arsb-card.arsb-in{opacity:1; transform:none;}

/* Screen fit */
.arsb-fit{max-height:calc(100vh - var(--arsb-nav, 0px)); overflow:hidden;}
.arsb-fit .arsb-wrap-in{zoom:calc(var(--arsb-scale, 100) / 100);}

@media (max-width:480px){
  .arsb-eyebrow{letter-spacing:1.5px; padding:6px 13px;}
  .arsb-filter{padding:8px 16px; font-size:13px;}
  .arsb-body{padding:24px 18px 20px;}
}
@media (prefers-reduced-motion: reduce){
  .arsb-card.arsb-pre{opacity:1; transform:none; transition:none;}
  .arsb-card,.arsb-media img{transition:none;}
}