.repository-hero{
  padding:90px 0 65px;
  background:
    radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 28%),
    linear-gradient(135deg,#062f67,#126fc5);
  color:#fff
}
.repository-hero-inner{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px
}
.repository-hero .eyebrow{color:#cde5ff}
.repository-hero h1{
  max-width:800px;
  margin:12px 0 14px;
  font-family:"Merriweather",serif;
  font-size:clamp(2.4rem,6vw,4.7rem);
  line-height:1.08
}
.repository-hero p{
  max-width:760px;
  margin:0;
  color:#dcecff;
  font-size:1.05rem;
  line-height:1.8
}
.repository-summary{
  min-width:180px;
  padding:22px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:18px;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(8px)
}
.repository-summary strong{display:block;font-size:2.5rem}
.repository-summary span{color:#dcecff}

.repository-section{background:#f6f9fd}

.repository-search{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr auto;
  gap:12px;
  margin-top:-75px;
  margin-bottom:55px;
  padding:18px;
  border:1px solid #dce6f2;
  border-radius:20px;
  background:#fff;
  box-shadow:0 18px 45px rgba(15,55,100,.13)
}
.repository-search-main{
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 13px;
  border:1px solid #ced9e7;
  border-radius:11px
}
.repository-search-main i{color:#0b4da2}
.repository-search input,
.repository-search select{
  width:100%;
  min-width:0;
  border:1px solid #ced9e7;
  border-radius:11px;
  padding:13px;
  background:#fff;
  font:inherit
}
.repository-search-main input{border:0;padding-left:0;outline:0}

.repository-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:25px;
  margin-bottom:25px
}
.repository-heading h2{
  margin:7px 0;
  font-size:clamp(1.7rem,3vw,2.4rem)
}
.repository-heading p{margin:0;color:var(--muted)}

.folder-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px
}
.folder-card{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:18px;
  min-height:190px;
  padding:24px;
  border:1px solid #dce6f2;
  border-radius:20px;
  background:#fff;
  text-decoration:none;
  box-shadow:0 11px 28px rgba(15,55,100,.06);
  transition:.25s ease
}
.folder-card:hover{
  transform:translateY(-5px);
  border-color:#9ac8f4;
  box-shadow:0 20px 40px rgba(15,55,100,.12)
}
.folder-icon{
  width:60px;
  height:60px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:#e8f3ff;
  color:#0b5fb8;
  font-size:1.65rem
}
.folder-card h3{margin:3px 0 8px;color:#172238;font-size:1.15rem}
.folder-card p{margin:0;color:#6b778b;line-height:1.6;font-size:.9rem}
.folder-card span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:15px;
  color:#0b5fb8;
  font-size:.82rem;
  font-weight:800
}

.repository-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  margin-bottom:24px;
  color:#738096;
  font-size:.88rem
}
.repository-breadcrumb a{color:#0b5fb8;text-decoration:none;font-weight:700}

.criteria-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px
}
.criteria-card{
  display:grid;
  grid-template-columns:52px 1fr auto;
  gap:14px;
  align-items:center;
  padding:19px;
  border:1px solid #dce6f2;
  border-radius:16px;
  background:#fff;
  text-decoration:none;
  transition:.22s ease
}
.criteria-card:hover{
  transform:translateY(-3px);
  border-color:#92c3ef;
  box-shadow:0 12px 28px rgba(15,55,100,.1)
}
.criteria-card>span{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#0b4da2;
  color:#fff;
  font-size:1.15rem;
  font-weight:800
}
.criteria-card h3{margin:0;color:#172238}
.criteria-card p{margin:4px 0 0;color:#768399;font-size:.83rem}
.criteria-card>i{color:#0b5fb8}

.document-list{display:grid;gap:17px}
.document-row{
  display:grid;
  grid-template-columns:70px 1fr auto;
  gap:20px;
  align-items:center;
  padding:23px;
  border:1px solid #dce6f2;
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 27px rgba(15,55,100,.055)
}
.document-type{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:#e9f3ff;
  color:#0b5fb8;
  font-size:.77rem;
  font-weight:800
}
.document-tags{display:flex;flex-wrap:wrap;gap:7px}
.document-tags span{
  padding:5px 9px;
  border-radius:999px;
  background:#eef5ff;
  color:#0b5fb8;
  font-size:.7rem;
  font-weight:800
}
.document-content h3{margin:9px 0 6px;font-size:1.15rem}
.document-content p{margin:0;color:#6b778b;line-height:1.65}
.document-meta{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:13px;
  color:#748197;
  font-size:.78rem
}
.document-buttons{
  min-width:138px;
  display:grid;
  gap:8px
}
.document-buttons .btn{justify-content:center;padding:10px 13px}
.btn-copy-link{
  border:0;
  background:transparent;
  color:#0b5fb8;
  padding:8px;
  font:inherit;
  font-size:.78rem;
  font-weight:800;
  cursor:pointer
}
.repository-empty{
  padding:55px 25px;
  border:1px dashed #b9cbe0;
  border-radius:20px;
  background:#fff;
  text-align:center
}
.repository-empty i{font-size:2.7rem;color:#7eaee0}
.repository-empty h3{margin:13px 0 7px}
.repository-empty p{margin:0;color:#758196}

@media(max-width:1050px){
  .repository-search{grid-template-columns:1fr 1fr;margin-top:-65px}
  .repository-search-main{grid-column:1/-1}
  .folder-grid,.criteria-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .repository-hero{padding:70px 0 90px}
  .repository-hero-inner{display:block}
  .repository-summary{display:inline-block;margin-top:25px}
  .repository-search{grid-template-columns:1fr;margin-top:-70px}
  .repository-search-main{grid-column:auto}
  .folder-grid,.criteria-grid{grid-template-columns:1fr}
  .repository-heading{display:block}
  .repository-heading .text-link{display:inline-flex;margin-top:15px}
  .document-row{grid-template-columns:1fr}
  .document-buttons{grid-template-columns:1fr 1fr;min-width:0}
  .btn-copy-link{grid-column:1/-1}
}