.hds-page{position:relative;z-index:1;width:min(calc(100% - var(--x) - var(--x)),var(--frame));margin-inline:auto;padding:20px 0 clamp(6rem,10vh,9rem)}
.hds-intro{max-width:48rem;margin-bottom:2rem}.hds-intro .boot{margin-bottom:1.25rem}.hds-intro p{max-width:46rem;color:var(--dim)}
.hds-status{margin:0 0 1rem;color:var(--dim);font-size:.8rem}
.hds-nav{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 3rem;padding:1rem 0;border-top:1px dashed var(--rule);border-bottom:1px dashed var(--rule)}
.hds-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border:1px solid var(--rule);color:var(--text);text-decoration:none;font-size:.78rem}
.hds-pill small{color:var(--gold);font: .48rem/1.8 var(--pixel)}.hds-pill:hover,.hds-pill:focus-visible{border-color:var(--gold);color:var(--gold)}
.hds-group{margin:0 0 4.5rem;scroll-margin-top:2rem}
.hds-group-head{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.4rem;padding-bottom:1rem;border-bottom:1px dashed var(--rule)}
.hds-group-number{flex:none;padding-top:.2rem;color:var(--gold);font:.52rem/2 var(--pixel)}
.hds-group-head h2{margin:0;color:var(--text);font:400 .78rem/1.8 var(--pixel);text-transform:lowercase}
.hds-group-head p{margin:.4rem 0 0;color:var(--dim);font-size:.85rem}
.hds-count{margin-left:auto;color:var(--dim);font-size:.75rem;white-space:nowrap}
.hds-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.5rem}
.hds-card{min-width:0;border-bottom:1px dashed var(--rule)}
.hds-open{display:block;width:100%;padding:0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer;font:inherit}
.hds-image{display:block;aspect-ratio:1;background:var(--header-bg);overflow:hidden;border:1px solid var(--rule)}
.hds-image img{display:block;width:100%;height:100%;object-fit:cover}
.hds-card-title{display:flex;align-items:center;gap:.75rem;min-height:5rem;padding:1rem 0}
.hds-card-title strong{flex:1;font-size:.92rem;line-height:1.5;font-weight:400}
.hds-id{color:var(--gold);font:.48rem/2 var(--pixel)}.hds-card-title>span:last-child{color:var(--gold)}
.hds-open:hover .hds-image,.hds-open:focus-visible .hds-image{border-color:var(--gold)}
.hds-open:hover strong,.hds-open:focus-visible strong{color:var(--gold)}
.hds-about{max-width:var(--content);margin-top:3rem;padding-top:1.5rem;border-top:3px dotted var(--rule);color:var(--dim);font-size:.88rem;line-height:1.7}
.hds-about a,.hds-source{color:var(--text);border-bottom:1px dashed var(--gold);text-decoration:none}.hds-about a:hover,.hds-source:hover{color:var(--gold)}
#hds-detail{box-sizing:border-box;width:min(var(--frame),calc(100vw - 32px));max-height:90vh;padding:2rem;overflow:auto;border:1px solid var(--gold);border-radius:0;background:var(--bg);color:var(--text);font-family:var(--plain)}
#hds-detail::backdrop{background:rgb(7 8 12 / .9)}.hds-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--gold)}
#hds-detail-code{font:.5rem/2 var(--pixel)}#hds-detail h2{margin:1.3rem 0 .5rem;color:var(--text);font:400 clamp(1rem,2.5vw,1.5rem)/1.7 var(--pixel)}
#hds-detail p{max-width:var(--content);color:var(--dim);line-height:1.7}
#hds-detail-image{display:block;width:auto;height:auto;max-width:min(100%,560px);max-height:62vh;margin:1.5rem auto;background:var(--header-bg);object-fit:contain}
#hds-close{padding:.4rem 0;border:0;border-bottom:1px dashed var(--gold);background:transparent;color:var(--gold);font:inherit;cursor:pointer}
#hds-close:hover{color:var(--text)}.hds-source{display:inline-block;margin-top:.4rem;font-size:.85rem}
@media(max-width:950px){.hds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.hds-grid{grid-template-columns:1fr}.hds-group-head{gap:.7rem}.hds-count{font-size:.68rem}.hds-card-title{min-height:4rem}#hds-detail{padding:1.25rem}}