.scs-root,
.scs-root *,
.scs-root *::before,
.scs-root *::after{
  box-sizing:border-box;
}

.scs-root{
  --scs-blue:#176ca5;
  --scs-blue-dark:#0d5688;
  --scs-blue-deep:#17324d;
  --scs-pale:#f5f9fd;
  --scs-soft:#e8f3fc;
  --scs-border:#bfd5e8;
  --scs-text:#26384a;
  --scs-muted:#617487;
  --scs-green:#1c8067;
  position:relative;
  color:var(--scs-text);
  line-height:1.75;
}

.scs-admin-notice,
.scs-loading{
  margin:1em 0;
  padding:1em 1.1em;
  border:1px solid var(--scs-border,#bfd5e8);
  border-left:4px solid var(--scs-blue,#176ca5);
  border-radius:8px;
  background:#f5f9fd;
  color:#17324d;
}

.scs-loading.is-error{
  border-left-color:#b32d2e;
  background:#fcf0f1;
  color:#7a1d1f;
}

.scs-app{
  margin:1.5em 0 2.5em;
  overflow:hidden;
  border:1px solid var(--scs-border);
  border-radius:18px;
  background:#fff;
  box-shadow:0 9px 26px rgba(23,79,122,.10);
}

.scs-head{
  padding:clamp(1.25em,4vw,2.15em);
  background:
    radial-gradient(circle at 93% 12%,rgba(255,255,255,.22) 0 72px,transparent 74px),
    linear-gradient(135deg,#0d5688 0%,#176ca5 67%,#2a8ab8 100%);
  color:#fff;
}

.scs-kicker{
  display:inline-block;
  margin-bottom:.65em;
  padding:.25em .72em;
  border:1px solid rgba(255,255,255,.46);
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:.78rem;
  font-weight:700;
}

.scs-title{
  margin:0 0 .45em!important;
  padding:0!important;
  border:0!important;
  color:#fff!important;
  font-size:clamp(1.45rem,4vw,2rem)!important;
  line-height:1.4!important;
}

.scs-lead{
  max-width:820px;
  margin:0!important;
  color:rgba(255,255,255,.92);
}

.scs-search-form{
  display:flex;
  gap:.55em;
  margin:0!important;
  padding:1.15em 1.2em 0;
}

.scs-search-input{
  flex:1 1 auto;
  min-width:0;
  height:49px!important;
  margin:0!important;
  padding:0 .9em!important;
  border:1px solid #82a8c4!important;
  border-radius:7px!important;
  background:#fff!important;
  color:var(--scs-blue-deep)!important;
  -webkit-text-fill-color:var(--scs-blue-deep)!important;
  font:inherit!important;
  box-shadow:none!important;
}

.scs-search-input:focus{
  border-color:var(--scs-blue)!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(23,108,165,.14)!important;
}

.scs-search-button,
.scs-copy-button,
.scs-load-more,
.scs-reset-button{
  appearance:none!important;
  -webkit-appearance:none!important;
  border-radius:7px!important;
  font:inherit!important;
  font-weight:700!important;
  cursor:pointer!important;
}

.scs-search-button{
  flex:0 0 auto;
  min-width:88px;
  height:49px;
  margin:0!important;
  padding:0 1em!important;
  border:1px solid var(--scs-blue)!important;
  background:var(--scs-blue)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.scs-search-button:hover,
.scs-search-button:focus{
  border-color:var(--scs-blue-dark)!important;
  background:var(--scs-blue-dark)!important;
}

.scs-filter-section{
  padding:1em 1.2em 0;
}

.scs-filter-title{
  margin:0 0 .55em!important;
  color:var(--scs-blue-deep);
  font-size:.93rem;
  font-weight:800;
}

.scs-button-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:.45em;
}

.scs-filter-button,
.scs-active-chip,
.scs-result-tag{
  appearance:none!important;
  -webkit-appearance:none!important;
  margin:0!important;
  border-radius:999px!important;
  font-family:inherit!important;
  cursor:pointer!important;
  box-shadow:none!important;
}

.scs-filter-button{
  padding:.38em .72em!important;
  border:1px solid #82b2d8!important;
  background:var(--scs-soft)!important;
  color:#075f9d!important;
  -webkit-text-fill-color:#075f9d!important;
  font-size:.86rem!important;
  line-height:1.45!important;
}

.scs-filter-button span{
  margin-left:.18em;
  color:#4f7da0;
  font-size:.78em;
}

.scs-filter-button:hover,
.scs-filter-button:focus{
  border-color:#438fc4!important;
  background:#d4eaf9!important;
  color:#064e82!important;
  -webkit-text-fill-color:#064e82!important;
}

.scs-filter-button.is-active{
  border-color:#287bb5!important;
  background:#bddcf2!important;
  color:#063f69!important;
  -webkit-text-fill-color:#063f69!important;
  font-weight:800!important;
  box-shadow:0 0 0 2px rgba(40,123,181,.13)!important;
}

.scs-primary-filter{
  font-weight:700!important;
}

.scs-more-filters{
  margin:1em 1.2em 0;
  border:1px solid #d4e1ec;
  border-radius:10px;
  background:#fbfdff;
}

.scs-more-filters summary{
  padding:.72em .9em;
  color:var(--scs-blue-deep);
  font-weight:700;
  cursor:pointer;
}

.scs-more-filters .scs-button-cloud{
  padding:0 .9em .9em;
}

.scs-active-area{
  margin:1em 1.2em 0;
  padding:.8em;
  border:1px solid #b8d4e7;
  border-radius:10px;
  background:#f1f8fd;
}

.scs-active-label{
  margin:0 0 .4em!important;
  color:var(--scs-blue-deep);
  font-size:.82rem;
  font-weight:800;
}

.scs-active-filters{
  display:inline-flex;
  flex-wrap:wrap;
  gap:.35em;
}

.scs-active-chip{
  padding:.28em .65em!important;
  border:1px solid #5c9bc6!important;
  background:#fff!important;
  color:#075f9d!important;
  font-size:.82rem!important;
}

.scs-reset-button{
  margin:.45em 0 0 .45em!important;
  padding:.33em .7em!important;
  border:1px solid #8d9baa!important;
  background:#fff!important;
  color:#465565!important;
  font-size:.82rem!important;
}

.scs-results-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1em;
  margin-top:1.15em;
  padding:.9em 1.2em;
  border-top:1px solid #dce7ef;
  background:var(--scs-pale);
}

.scs-status{
  margin:0!important;
  color:var(--scs-blue-deep);
  font-weight:800;
}

.scs-sort-label{
  display:flex;
  align-items:center;
  gap:.45em;
  color:#536779;
  font-size:.84rem;
  white-space:nowrap;
}

.scs-sort-select{
  height:36px;
  border:1px solid #9bb8cd;
  border-radius:6px;
  background:#fff;
  color:var(--scs-blue-deep);
}

.scs-results{
  display:grid;
  gap:.9em;
  padding:1.1em 1.2em;
  background:#f8fbfd;
}

.scs-result-card{
  padding:1em 1.05em;
  border:1px solid var(--scs-border);
  border-left:5px solid var(--scs-blue);
  border-radius:11px;
  background:#fff;
  box-shadow:0 3px 11px rgba(23,79,122,.06);
}

.scs-result-meta{
  display:flex;
  flex-wrap:wrap;
  gap:.35em;
  margin-bottom:.55em;
}

.scs-grade-badge{
  display:inline-flex;
  align-items:center;
  padding:.18em .55em;
  border-radius:999px;
  background:#dceefa;
  color:#075f9d;
  font-size:.76rem;
  font-weight:800;
}

.scs-example-text{
  margin:0 0 .7em!important;
  color:#24384b;
  font-size:1rem;
  line-height:1.85;
}

.scs-result-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.3em;
  margin-bottom:.8em;
}

.scs-result-tag{
  padding:.19em .52em!important;
  border:1px solid #b7d1e3!important;
  background:#edf6fd!important;
  color:#17618f!important;
  -webkit-text-fill-color:#17618f!important;
  font-size:.75rem!important;
}

.scs-result-tag:hover,
.scs-result-tag:focus{
  border-color:#5594be!important;
  background:#dceefa!important;
}

.scs-card-bottom{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:.8em;
  padding-top:.7em;
  border-top:1px solid #e2eaf0;
}

.scs-source-links{
  display:flex;
  flex-wrap:wrap;
  gap:.35em .7em;
  min-width:0;
}

.scs-source-link{
  color:var(--scs-blue-dark)!important;
  font-size:.78rem;
  font-weight:700;
  text-decoration:none!important;
}

.scs-source-link:hover,
.scs-source-link:focus{
  text-decoration:underline!important;
}

.scs-source-more{
  color:var(--scs-muted);
  font-size:.78rem;
}

.scs-copy-button{
  flex:0 0 auto;
  min-height:39px;
  padding:.48em .8em!important;
  border:1px solid var(--scs-blue)!important;
  background:var(--scs-blue)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:.82rem!important;
}

.scs-copy-button:hover,
.scs-copy-button:focus{
  border-color:var(--scs-blue-dark)!important;
  background:var(--scs-blue-dark)!important;
}

.scs-empty{
  margin:0!important;
  padding:1.2em;
  border-top:1px solid #dce7ef;
  background:#fff8e7;
  color:#6f5317;
  text-align:center;
}

.scs-load-more{
  display:block;
  width:calc(100% - 2.4em);
  min-height:47px;
  margin:0 1.2em 1.2em!important;
  padding:.6em 1em!important;
  border:1px solid var(--scs-blue)!important;
  background:#fff!important;
  color:var(--scs-blue-dark)!important;
  -webkit-text-fill-color:var(--scs-blue-dark)!important;
}

.scs-load-more:hover,
.scs-load-more:focus{
  background:var(--scs-soft)!important;
}

.scs-toast{
  position:fixed;
  right:20px;
  bottom:22px;
  z-index:99999;
  padding:.72em 1em;
  border-radius:8px;
  background:#17324d;
  color:#fff;
  box-shadow:0 7px 22px rgba(0,0,0,.2);
  font-size:.88rem;
}

.scs-visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.scs-root [hidden]{
  display:none!important;
}

@media(max-width:700px){
  .scs-search-form{
    flex-direction:column;
  }

  .scs-search-button{
    width:100%;
  }

  .scs-results-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .scs-card-bottom{
    align-items:stretch;
    flex-direction:column;
  }

  .scs-copy-button{
    width:100%;
  }
}

@media(max-width:480px){
  .scs-app{
    border-radius:13px;
  }

  .scs-head,
  .scs-search-form,
  .scs-filter-section,
  .scs-results,
  .scs-results-head{
    padding-left:.85em;
    padding-right:.85em;
  }

  .scs-more-filters,
  .scs-active-area{
    margin-left:.85em;
    margin-right:.85em;
  }

  .scs-load-more{
    width:calc(100% - 1.7em);
    margin-left:.85em!important;
    margin-right:.85em!important;
  }
}