:root{--dhgl-ink:#2f332d;--dhgl-olive:#59644d;--dhgl-line:rgba(47,51,45,.18)}
.dhgl-library,.dhgl-available{font-family:inherit;color:var(--dhgl-ink)}
.dhgl-controls{display:flex;gap:28px;align-items:flex-end;justify-content:space-between;margin:0 0 32px;padding:20px 0;border-top:1px solid var(--dhgl-line);border-bottom:1px solid var(--dhgl-line)}
.dhgl-label{display:block;font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;margin-bottom:10px;opacity:.68}
.dhgl-pills{display:flex;gap:8px;flex-wrap:wrap}
.dhgl-pills button,.dhgl-az select{font:inherit;font-size:.86rem;background:transparent;border:1px solid rgba(47,51,45,.27);border-radius:999px;padding:8px 13px;color:inherit;cursor:pointer}
.dhgl-pills button.is-active,.dhgl-pills button:hover{background:var(--dhgl-olive);color:#fff;border-color:var(--dhgl-olive)}
.dhgl-az select{border-radius:4px;padding:8px 34px 8px 12px}
.dhgl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.dhgl-card{border-top:1px solid var(--dhgl-line);padding-top:14px}
.dhgl-card[hidden]{display:none!important}
.dhgl-image{display:block;aspect-ratio:4/3;overflow:hidden;margin-bottom:16px}
.dhgl-image img{display:block;width:100%;height:100%;object-fit:cover}
.dhgl-card h3{font-family:Cardo,Georgia,serif;font-size:1.5rem;line-height:1.12;margin:.35rem 0 .6rem}
.dhgl-card h3 a{color:inherit;text-decoration:none}
.dhgl-card p{font-size:.98rem;line-height:1.58;margin:.45rem 0}
.dhgl-meta-top{display:flex;gap:9px;flex-wrap:wrap;font-size:.69rem;letter-spacing:.08em;text-transform:uppercase;opacity:.68}
.dhgl-meta-top span+span:before{content:"•";margin-right:9px}
.dhgl-detail{font-size:.8rem!important;opacity:.65}
.dhgl-actions{margin-top:14px}
.dhgl-button,.dhgl-text-link{display:inline-block;text-decoration:none}
.dhgl-button{font-size:.8rem;border:1px solid currentColor;border-radius:999px;padding:8px 13px}
.dhgl-text-link{font-size:.86rem}
.dhgl-empty,.dhgl-no-results{grid-column:1/-1;font-style:italic;opacity:.7}
@media(max-width:900px){.dhgl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dhgl-controls{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.dhgl-grid{grid-template-columns:1fr}}