.ws-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)}
.ws-intro{max-width:48rem;margin-bottom:3rem}.ws-intro .boot{margin-bottom:1.25rem}.ws-intro p{max-width:46rem;color:var(--dim)}.ws-intro .ws-lead{margin-top:1.5rem;color:var(--text)}
.ws-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;border-top:1px dashed var(--rule);padding-top:1.25rem}.ws-toolbar p{color:var(--dim);font-size:.85rem}.ws-toolbar label{display:flex;gap:.75rem;align-items:center;font-size:.85rem}.ws-toolbar select{background:var(--bg);color:var(--text);border:1px solid var(--rule);padding:.65rem;border-radius:0;font:inherit}
.ws-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.5rem}.ws-card{min-width:0;border-bottom:1px dashed var(--rule)}.ws-open{display:block;width:100%;padding:0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer;font:inherit}.ws-image{display:block;background:var(--header-bg);aspect-ratio:1.44;overflow:hidden;border:1px solid var(--rule)}.ws-image img{width:100%;height:100%;object-fit:contain;display:block}.ws-card-title{display:flex;align-items:center;gap:.75rem;padding:1rem 0;min-height:5rem}.ws-card-title strong{flex:1;font-size:.95rem;line-height:1.5;font-weight:400}.ws-id{font: .5rem/2 var(--pixel);color:var(--gold)}.ws-card-title>span:last-child{color:var(--gold)}.ws-open:hover .ws-image{border-color:var(--gold)}.ws-open:hover strong{color:var(--gold)}
.ws-about{max-width:var(--content);margin-top:4rem;padding-top:2rem;border-top:3px dotted var(--rule)}.ws-about h2{font: .65rem/2 var(--pixel);color:var(--gold);text-transform:lowercase}.ws-about p{color:var(--dim)}.ws-about a{color:var(--text);border-bottom:1px dashed var(--gold)}.ws-about a:hover{color:var(--gold)}
#ws-detail{box-sizing:border-box;width:min(var(--frame),calc(100vw - 32px));max-height:90vh;padding:2rem;background:var(--bg);color:var(--text);border:1px solid var(--gold);border-radius:0;overflow:auto;font-family:var(--plain)}#ws-detail::backdrop{background:rgb(7 8 12 / .9)}.ws-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--gold)}#ws-number{font:.55rem/2 var(--pixel)}#ws-detail h2{font:400 clamp(1rem,2.5vw,1.6rem)/1.6 var(--pixel);margin:1.5rem 0;color:var(--text)}#ws-detail p{line-height:1.72;max-width:var(--content);color:var(--dim)}.ws-actions{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin:1.5rem 0 .5rem}.ws-actions a,.ws-actions button,#ws-close{font:inherit;border:0;border-bottom:1px dashed var(--gold);padding:.4rem 0;border-radius:0;background:transparent;color:var(--gold);text-decoration:none;cursor:pointer}.ws-actions a:hover,.ws-actions button:hover,#ws-close:hover{color:var(--text)}#ws-large{display:block;max-width:100%;width:auto;height:auto;max-height:75vh;object-fit:contain;margin:1.5rem auto;background:var(--header-bg)}#ws-detail details{border-top:1px dashed var(--rule);padding:1.25rem 0}#ws-detail summary{cursor:pointer;color:var(--gold)}#ws-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font:.85rem/1.72 var(--plain);color:var(--text)}
@media(max-width:950px){.ws-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.ws-grid{grid-template-columns:1fr}.ws-toolbar{align-items:flex-start;flex-direction:column}.ws-toolbar p{margin-bottom:0}#ws-detail{padding:1.25rem}.ws-card-title{min-height:4rem}}

.ws-select{position:relative;display:inline-flex}.ws-select select{appearance:none;padding-right:2.35rem}.ws-select::after{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);width:0;height:0;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-top:.4rem solid var(--gold);content:"";pointer-events:none}