
:root{
  --sdtd-blue:#253E87;
  --sdtd-dark:#10275E;
  --sdtd-orange:#F26722;
  --sdtd-soft:#F7F9FD;
  --sdtd-line:#DDE4F0;
  --sdtd-text:#4C566A;
}
.sdtd-page,.sdtd-page *{box-sizing:border-box}
.sdtd-page{margin:0;color:var(--sdtd-text);background:#fff}
.sdtd-page a{color:var(--sdtd-blue);text-decoration:none}
.sdtd-page a:hover{color:var(--sdtd-orange)}

.sdtd-hero{
  position:relative;
  min-height:330px;
  margin:0!important;
  overflow:hidden;
  background:var(--sdtd-dark);
}
.sdtd-hero-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0!important;
}
.sdtd-hero-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.sdtd-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(10,31,78,.97),rgba(10,31,78,.78) 46%,rgba(10,31,78,.10));
}
.sdtd-hero-content{
  position:relative;
  z-index:2;
  display:flex!important;
  min-height:330px;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:50px 24px!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
.sdtd-breadcrumb{
  margin:0 0 18px!important;
  color:#dce5ff!important;
  font-size:13px!important;
}
.sdtd-hero-title{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(40px,5vw,60px)!important;
  line-height:1.08!important;
}
.sdtd-accent{
  width:60px!important;
  height:4px!important;
  margin:20px 0!important;
  border:0!important;
  background:var(--sdtd-orange)!important;
}
.sdtd-hero-text{
  max-width:620px;
  margin:0!important;
  color:#edf2ff!important;
  font-size:16px!important;
  line-height:1.65!important;
}

.sdtd-section{padding:38px 24px 58px!important}
.sdtd-inner{max-width:1180px!important;margin:0 auto!important}

.sdtd-search-row{
  display:grid;
  grid-template-columns:minmax(280px,1fr) repeat(3,minmax(150px,190px));
  gap:16px;
  align-items:center;
}
.sdtd-search,.sdtd-select{
  width:100%;
  min-height:48px;
  padding:0 14px;
  border:1px solid #ccd6e8;
  border-radius:7px;
  background:#fff;
  font:inherit;
}
.sdtd-search:focus,.sdtd-select:focus{
  outline:2px solid rgba(242,103,34,.18);
  border-color:var(--sdtd-orange);
}
.sdtd-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:18px 0 22px;
  padding-bottom:16px;
  border-bottom:1px solid var(--sdtd-line);
}
.sdtd-tab,.sdtd-status-btn{
  min-height:38px;
  padding:0 17px;
  border:1px solid transparent;
  border-radius:6px;
  background:#fff;
  color:var(--sdtd-blue);
  cursor:pointer;
  font:inherit;
  font-size:14px;
}
.sdtd-tab.is-active,.sdtd-status-btn.is-active{
  border-color:var(--sdtd-blue);
  background:var(--sdtd-blue);
  color:#fff;
}
.sdtd-status-bar{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:22px;
}
.sdtd-status-label{font-weight:700;color:#30394a}

.sdtd-layout{
  display:grid;
  grid-template-columns:225px minmax(0,1fr);
  gap:32px;
  align-items:start;
}
.sdtd-sidebar{
  overflow:hidden;
  border:1px solid var(--sdtd-line);
  border-radius:8px;
  background:#fff;
}
.sdtd-side-section{
  padding:20px;
  border-bottom:1px solid var(--sdtd-line);
}
.sdtd-side-section:last-child{border-bottom:0}
.sdtd-side-title{
  margin:0 0 14px;
  color:#20293d;
  font-size:15px;
  font-weight:800;
  text-transform:uppercase;
}
.sdtd-side-link{
  display:flex;
  justify-content:space-between;
  gap:8px;
  padding:8px 0;
  color:#30394a;
  cursor:pointer;
  font-size:14px;
}
.sdtd-side-link.is-active{color:var(--sdtd-blue);font-weight:750}
.sdtd-count-pill{
  min-width:30px;
  padding:2px 8px;
  border-radius:999px;
  background:#edf1f8;
  text-align:center;
  font-size:11px;
}
.sdtd-library-box{
  margin-top:18px;
  padding:18px;
  border:1px solid #cfdaf0;
  border-radius:8px;
  background:linear-gradient(145deg,#f0f5ff,#fff);
}
.sdtd-library-box h3{
  margin:0 0 7px;
  color:var(--sdtd-blue);
  font-size:16px;
}
.sdtd-library-box p{margin:0 0 12px;font-size:13px;line-height:1.55}

.sdtd-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:14px;
}
.sdtd-result-count{margin:0;font-size:13px}
.sdtd-sort{min-height:40px;padding:0 11px;border:1px solid #ccd6e8;border-radius:6px;background:#fff}

.sdtd-year-group{margin-bottom:20px}
.sdtd-year-heading{
  margin:0;
  padding:8px 0 10px;
  border-bottom:1px solid var(--sdtd-line);
  color:var(--sdtd-blue);
  font-size:20px;
}
.sdtd-card{
  position:relative;
  display:grid;
  grid-template-columns:92px minmax(0,1fr) 170px;
  gap:18px;
  padding:22px 16px;
  border-right:1px solid var(--sdtd-line);
  border-bottom:1px solid var(--sdtd-line);
  border-left:1px solid var(--sdtd-line);
  background:#fff;
}
.sdtd-card:first-of-type{border-top:1px solid var(--sdtd-line);border-radius:8px 8px 0 0}
.sdtd-card:last-child{border-radius:0 0 8px 8px}
.sdtd-icon{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border-radius:50%;
  background:#fff0e7;
  color:var(--sdtd-orange);
  font-size:27px;
}
.sdtd-title{
  margin:0 0 6px;
  color:#121a2d;
  font-size:18px;
  line-height:1.35;
}
.sdtd-author{
  margin:0 0 7px;
  color:var(--sdtd-blue);
  font-size:14px;
  font-weight:750;
}
.sdtd-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  color:#667087;
  font-size:12.5px;
}
.sdtd-abstract{
  display:none;
  grid-column:2 / 4;
  margin:12px 0 0;
  padding-top:16px;
  border-top:1px solid var(--sdtd-line);
  color:#3f485b;
  font-size:14px;
  line-height:1.7;
}
.sdtd-card.is-open .sdtd-abstract{display:block}
.sdtd-toggle{
  align-self:start;
  min-height:44px;
  padding:0 15px;
  border:1px solid var(--sdtd-blue);
  border-radius:6px;
  background:#fff;
  color:var(--sdtd-blue);
  cursor:pointer;
  font:inherit;
  font-size:13px;
  font-weight:750;
}
.sdtd-toggle:hover{background:var(--sdtd-blue);color:#fff}
.sdtd-empty{
  display:none;
  padding:30px;
  border:1px dashed #ccd6e8;
  border-radius:8px;
  text-align:center;
}
.sdtd-pagination{
  display:flex;
  justify-content:center;
  gap:7px;
  margin-top:24px;
}
.sdtd-page-btn{
  min-width:38px;
  height:38px;
  border:1px solid #ccd6e8;
  border-radius:5px;
  background:#fff;
  color:var(--sdtd-blue);
  cursor:pointer;
}
.sdtd-page-btn.is-active{border-color:var(--sdtd-blue);background:var(--sdtd-blue);color:#fff}
.sdtd-editor-note{
  margin:0 0 15px;
  padding:11px 14px;
  border-left:4px solid var(--sdtd-orange);
  background:#fff6f0;
  font-size:13px;
}
.editor-styles-wrapper .sdtd-page{max-width:none!important}

@media(max-width:900px){
  .sdtd-search-row{grid-template-columns:1fr 1fr}
  .sdtd-layout{grid-template-columns:1fr}
  .sdtd-sidebar{display:none}
}
@media(max-width:650px){
  .sdtd-section{padding:34px 17px 48px!important}
  .sdtd-search-row{grid-template-columns:1fr}
  .sdtd-card{grid-template-columns:70px 1fr}
  .sdtd-toggle{grid-column:2}
  .sdtd-abstract{grid-column:1 / 3}
}

/* Blocksy/Stackable compatibility */
.sdtd-title,.editor-styles-wrapper .sdtd-title{display:block!important;visibility:visible!important;opacity:1!important;color:#17213a!important;background:transparent!important;font-weight:750!important;}
.sdtd-author,.editor-styles-wrapper .sdtd-author{display:block!important;visibility:visible!important;opacity:1!important;color:#253E87!important;}
.sdtd-library-box h3,.editor-styles-wrapper .sdtd-library-box h3{color:#253E87!important;}
.editor-styles-wrapper .sdtd-card{min-height:auto!important;}

/* 1.2 update: full-bleed banner and simplified filters */
.sdtd-page{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  overflow-x:hidden;
}
.sdtd-hero{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:0!important;
  margin-right:0!important;
}
.sdtd-hero-image img{
  object-fit:cover!important;
  object-position:center!important;
}
.sdtd-search-row{display:none!important}
.sdtd-section{padding-top:34px!important}
.sdtd-tabs{margin-top:0!important}
.sdtd-tab,.sdtd-status-btn{position:relative;z-index:3}
.sdtd-card[hidden],.sdtd-year-group[hidden]{display:none!important}
@media(max-width:900px){
  .sdtd-page,.sdtd-hero{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
}


/* 1.3 editable banner update */
.sdtd-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow:visible!important;
}

.sdtd-hero{
  position:relative!important;
  left:50%!important;
  right:50%!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:-50vw!important;
  margin-right:-50vw!important;
  overflow:hidden!important;
}

.sdtd-hero-image,
.sdtd-hero-image figure{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}

.sdtd-hero-image img{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center center!important;
}

.sdtd-hero.sdtd-banner-has-text::after{
  display:none!important;
}

.sdtd-hero.sdtd-banner-has-text .sdtd-hero-content{
  display:none!important;
}

.sdtd-library-box a{
  display:inline-block;
  font-weight:700;
}

@media(max-width:900px){
  .sdtd-hero{
    left:50%!important;
    width:100vw!important;
    max-width:100vw!important;
    margin-left:-50vw!important;
    margin-right:-50vw!important;
  }
}
