/* Layout wrapper */
.dpdg-layout{
  display:flex;
  gap:60px;
  align-items:flex-start;
}

/* LEFT YEARS LIST — match screenshot */
.dpdg-sidebar{
  min-width: 240px;
}

.dpdg-year-list{
  list-style: none;
  padding: 0;
  margin: 0;
}

.dpdg-year-list li{
  margin: 28px 0;              /* spacing between years */
}

.dpdg-year-list a{
  display: inline-block;
  padding-bottom: 10px;        /* space for underline */
  text-decoration: none;
  letter-spacing: .22em;
  font-weight: 800;
  text-transform: uppercase;
  color: #123a67;
  font-size: 22px;             /* matches screenshot size */
  line-height: 1;
}

/* Active year underline */
.dpdg-year-list a.active{
  border-bottom: 3px solid #123a67;
}

/* Remove any theme hover underline */
.dpdg-year-list a:hover{
  text-decoration: none;
}
S

/* Main */
.dpdg-main{ flex:1; min-width:0; }

.dpdg-top-cta{
  text-align:center;
  margin:12px 0 36px 0;
  letter-spacing:.25em;
  font-weight:700;
  text-transform:uppercase;
  color:#123a67;
}

.dpdg-cta-link{ color:#c65a2b; text-decoration:none; }
.dpdg-cta-link:hover{ text-decoration:underline; }

/* Year heading */
.dpdg-year-heading{
  margin:0 0 24px 0;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#123a67;
  font-weight:700;
}

/* PDF grid (3 columns like screenshot) */
.dpdg-pdf-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(180px, 1fr));
  gap:26px 64px;
  align-items:start;
}

.dpdg-pdf-card{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:#123a67;
  font-weight:700;
}

.dpdg-pdf-card:hover .dpdg-pdf-name{ text-decoration:underline; }

/* Red PDF icon */
.dpdg-pdf-icon{
  width:22px;
  height:22px;
  display:inline-block;
  background-repeat:no-repeat;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23d7261e' d='M6 2h9l5 5v15a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z'/%3E%3Cpath fill='%23fff' d='M14 2v6h6'/%3E%3C/svg%3E");
}

.dpdg-empty{ opacity:.8; }

/* Works with your JS hiding logic */
.pdf-block.hidden{ display:none !important; }

@media (max-width: 900px){
  .dpdg-layout{ flex-direction:column; gap:24px; }
  .dpdg-pdf-grid{ grid-template-columns:repeat(2, minmax(160px, 1fr)); gap:18px 22px; }
}
@media (max-width: 520px){
  .dpdg-pdf-grid{ grid-template-columns:1fr; }
  .dpdg-year-list a{ letter-spacing:.18em; }
}