/* The shared main-site stylesheet owns all colors, typography and header layout. */
.pu-archive{color-scheme:dark;font-size:16px;min-height:100vh;display:flex;flex-direction:column}
.pu-archive main{max-width:1600px;width:100%;margin:0 auto;padding:32px 28px 60px;flex:1}
.pu-archive main a,.pu-archive noscript a{color:var(--pl-green);text-underline-offset:4px}
.pu-archive main a:hover,.pu-archive noscript a:hover{text-decoration:underline}
.pu-archive .heading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.pu-archive .eyebrow{font:500 .6875rem var(--pl-mono);letter-spacing:2px;color:var(--pl-green);margin:0 0 12px}
.pu-archive h1{font:600 clamp(2rem,4vw,3rem)/1.15 var(--pl-sans);letter-spacing:-1.2px;margin:0 0 22px;color:var(--pl-ink)}
.pu-archive h1 span{color:var(--pl-green)}
.pu-archive h2{font-size:1.18rem;font-weight:600;margin:10px 0;line-height:1.5;overflow-wrap:anywhere}
.pu-archive h3{font-size:1rem;font-weight:600}
.pu-archive p{line-height:1.65;color:var(--pl-ink-soft);margin:9px 0;overflow-wrap:anywhere}
.pu-archive .kev-link{font:500 .8125rem var(--pl-mono)}
.pu-archive .coverage{display:grid;grid-template-columns:1fr 1fr 2fr;border:1px solid var(--pl-hair);background:var(--pl-bg-alt);margin:12px 0 25px}
.pu-archive .coverage>div{padding:20px;border-right:1px solid var(--pl-hair);min-width:0}
.pu-archive .coverage>div:last-child{border-right:0}
.pu-archive .coverage strong{display:block;font:600 1.6rem var(--pl-mono);color:var(--pl-green);margin-bottom:8px;overflow-wrap:anywhere}
.pu-archive .coverage span{font:400 .8125rem var(--pl-mono);color:var(--pl-muted)}
.pu-archive form{display:flex;flex-wrap:wrap;gap:14px;align-items:end;border-bottom:1px solid var(--pl-hair);padding-bottom:24px}
.pu-archive label{display:grid;gap:8px;font:400 .8125rem var(--pl-mono);color:var(--pl-muted)}
.pu-archive label.search{flex:1 1 340px}
.pu-archive input,.pu-archive select,.pu-archive button{font:400 .875rem var(--pl-mono);border:1px solid var(--pl-hair-hi);border-radius:0}
.pu-archive input,.pu-archive select{background:var(--pl-bg-alt);color:var(--pl-ink);padding:11px;width:100%;min-width:0}
.pu-archive input::placeholder{color:var(--pl-muted);opacity:1}
.pu-archive #year{max-width:110px}
.pu-archive button{background:var(--pl-green);color:var(--pl-bg);border-color:var(--pl-green);cursor:pointer;padding:12px 16px;font-weight:600}
.pu-archive button:hover:not(:disabled){background:var(--pl-green-dim);border-color:var(--pl-green-dim);color:var(--pl-ink)}
.pu-archive button:disabled{opacity:.45;cursor:default}
.pu-archive :focus-visible{outline:2px solid var(--pl-green);outline-offset:4px}
.pu-archive #notice:not(:empty){padding:15px;border:1px solid var(--pl-hair-hi);border-left:3px solid var(--pl-med);background:var(--pl-bg-alt);color:var(--pl-med)}
.pu-archive #records{list-style:none;padding:0;margin:0}
.pu-archive #records>li{padding:23px 0;border-bottom:1px solid var(--pl-hair)}
.pu-archive .meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font:400 .8125rem var(--pl-mono);color:var(--pl-muted)}
.pu-archive .meta>a{font-weight:600;font-size:1rem}
.pu-archive .badge{border:1px solid var(--pl-hair-hi);padding:4px 7px;background:var(--pl-panel)}
.pu-archive .critical,.pu-archive .exploited,.pu-archive .rejected{color:var(--pl-crit);border-color:var(--pl-crit);background:var(--pl-crit-soft)}
.pu-archive .high{color:var(--pl-high);background:var(--pl-high-soft)}
.pu-archive .medium{color:var(--pl-med);background:var(--pl-med-soft)}
.pu-archive .low{color:var(--pl-low);background:var(--pl-low-soft)}
.pu-archive .products{font-size:.875rem;margin:12px 0;color:var(--pl-ink-soft)}
.pu-archive .result-bar{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font:400 .8125rem var(--pl-mono);color:var(--pl-muted);margin:23px 0 0}
.pu-archive .result-bar>span:first-child{color:var(--pl-ink)}
.pu-archive .pager{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:25px 0;font:400 .8125rem var(--pl-mono);color:var(--pl-muted)}
.pu-archive .pager button{background:transparent;color:var(--pl-green);border-color:var(--pl-hair-hi)}
.pu-archive .method{margin:36px 0 0;padding-top:20px;border-top:1px solid var(--pl-hair)}
.pu-archive summary{cursor:pointer;color:var(--pl-green);line-height:1.6;font-family:var(--pl-mono)}
.pu-archive details p{max-width:1000px}
.pu-archive .empty{padding:30px;color:var(--pl-muted)}
.pu-archive #detail{padding:30px 0}
.pu-archive #detail>.meta{margin-top:25px}
.pu-archive #detail>h2{font-size:1.6rem}
.pu-archive #detail>p{max-width:1000px}
.pu-archive .kev-block{padding:20px 24px;border:1px solid var(--pl-hair-hi);border-left:4px solid var(--pl-crit);background:var(--pl-crit-soft);margin:26px 0}
.pu-archive .kev-block h3,.pu-archive .warning{color:var(--pl-crit)}
.pu-archive .detail-links{display:flex;flex-wrap:wrap;gap:25px;margin:25px 0;font-family:var(--pl-mono)}
.pu-archive .contributor{padding:15px 0;border-bottom:1px solid var(--pl-hair)}
.pu-archive details{margin:15px 0}
.pu-archive pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:var(--pl-panel);border:1px solid var(--pl-hair);font:400 .875rem/1.6 var(--pl-mono);max-height:600px;overflow:auto}
.pu-archive details li{margin:12px 0 12px 20px;overflow-wrap:anywhere}
.pu-archive footer{padding:18px 28px;border-top:1px solid var(--pl-hair);background:var(--pl-bg-alt);font:400 .75rem/1.7 var(--pl-mono);color:var(--pl-muted)}
.pu-archive noscript{padding:16px 28px}
.pu-archive [hidden]{display:none!important}
@media(max-width:800px){
 .pu-archive main{padding:25px 16px}
 .pu-archive .coverage{grid-template-columns:1fr 1fr}
 .pu-archive .coverage>div:last-child{grid-column:1/-1;border-top:1px solid var(--pl-hair)}
 .pu-archive .coverage>div:nth-child(2){border-right:0}
 .pu-archive .coverage strong{font-size:1.25rem}
 .pu-archive form>label:not(.search){flex:1 1 140px}
 .pu-archive #year{max-width:none}
 .pu-archive .result-bar>span:last-child{display:none}
 .pu-archive .kev-link{margin-bottom:14px}
 .pu-archive footer{padding:18px 16px}
}
