/* =========================================================
   BoG2026 Website Policies and Resources Icons v4.5.0
   ========================================================= */

.policy-page{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:28px;
  border:1px solid #dbe7ec;
  border-radius:26px;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(6,58,102,.028) 0,
      rgba(6,58,102,.028) 1px,
      transparent 1px,
      transparent 15px
    ),
    #f7fafc;
  box-shadow:0 18px 42px rgba(6,58,102,.055);
}

.policy-switcher{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:17px;
}

.policy-switcher a{
  display:flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid #d6e4ea;
  border-radius:13px;
  background:#fff;
  color:#3b5367;
  font-size:.9rem;
  font-weight:800;
  text-decoration:none;
}

.policy-switcher a:hover,
.policy-switcher a.is-active{
  border-color:#86b3c3;
  background:#eef8fa;
  color:var(--navy);
}

.policy-switcher a i{
  color:var(--teal);
}

.policy-document{
  display:grid;
  gap:16px;
}

.policy-intro-card{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  align-items:center;
  gap:16px;
  padding:21px;
  border:1px solid #d8e5eb;
  border-radius:18px;
  background:#fff;
  box-shadow:0 9px 22px rgba(6,58,102,.045);
}

.policy-main-icon{
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border:1px solid #cfe1e8;
  border-radius:17px;
  background:#edf6fa;
  color:var(--navy);
  font-size:1.3rem;
}

.policy-intro-card h2{
  margin:5px 0 6px;
  color:var(--navy);
}

.policy-intro-card p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}

.policy-section-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
}

.policy-section-grid section{
  padding:18px;
  border:1px solid #d8e5eb;
  border-radius:16px;
  background:#fff;
}

.policy-section-grid h3{
  margin:0 0 7px;
  color:var(--navy);
  font-size:.91rem;
}

.policy-section-grid p{
  margin:0;
  color:#5e7283;
  font-size:.9rem;
  line-height:1.52;
}

.policy-notice,
.policy-contact{
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:14px 16px;
  border-left:4px solid var(--teal);
  border-radius:0 14px 14px 0;
  background:#eef8fa;
}

.policy-notice i,
.policy-contact i{
  margin-top:2px;
  color:var(--teal);
}

.policy-notice p,
.policy-contact p{
  margin:0;
  color:#526879;
  font-size:.9rem;
  line-height:1.5;
}

.policy-contact{
  margin-top:16px;
  border-left-color:var(--orange);
  background:#fff7ed;
}

.policy-contact i{
  color:var(--orange);
}

.policy-contact strong{
  display:block;
  color:var(--navy);
  font-size:.9rem;
}

.policy-contact a{
  color:var(--teal);
  font-weight:800;
  text-decoration:none;
}

/* Resource Centre file icons */
.resource-file-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto;
  width:44px!important;
  height:44px!important;
  border:1px solid #d5e6ed!important;
  border-radius:13px!important;
  background:#edf6fa!important;
  color:#0b6280!important;
}

.resource-file-icon .fi{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:1.12rem!important;
  line-height:1!important;
}

.resource-file-icon.is-pdf{
  border-color:#edcece!important;
  background:#fff1f1!important;
  color:#a33232!important;
}

.resource-file-icon.is-document{
  border-color:#ccddef!important;
  background:#f0f5ff!important;
  color:#2d5b9c!important;
}

.resource-file-icon.is-sheet{
  border-color:#cfe5d8!important;
  background:#eff8f2!important;
  color:#1d7446!important;
}

.website-policy-section{
  margin-top:31px;
}

.website-policy-section .section-head > p{
  max-width:540px;
  margin:0;
  color:var(--muted);
  font-size:.9rem;
  line-height:1.45;
}

.website-policy-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.website-policy-grid > a{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 20px;
  align-items:center;
  gap:13px;
  min-height:100px;
  padding:16px;
  border:1px solid #d8e5eb;
  border-radius:16px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(6,58,102,.04);
}

.website-policy-grid > a:hover{
  border-color:#9fc3d1;
  box-shadow:0 12px 25px rgba(6,58,102,.07);
}

.website-policy-grid > a > i:first-child{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:13px;
  background:#edf6fa;
  color:var(--navy);
  font-size:1rem;
}

.website-policy-grid strong{
  display:block;
  color:var(--navy);
  font-size:.9rem;
}

.website-policy-grid small{
  display:block;
  margin-top:5px;
  color:#687b8b;
  font-size:.9rem;
  line-height:1.42;
}

.website-policy-grid > a > i:last-child{
  color:var(--orange);
}

@media(max-width:820px){
  .policy-switcher{
    grid-template-columns:1fr 1fr;
  }

  .policy-section-grid,
  .website-policy-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .policy-page{
    padding:16px;
    border-radius:20px;
  }

  .policy-switcher{
    grid-template-columns:1fr;
  }

  .policy-intro-card{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   BoG2026 Policy Tab Navigation v4.7.0
   ========================================================= */

#policy-content{
  scroll-margin-top:132px;
}

.policy-switcher{
  scroll-margin-top:132px;
}

@media(max-width:980px){
  #policy-content,
  .policy-switcher{
    scroll-margin-top:92px;
  }
}