/* Shared Pentesting navigation and directory. Palette comes from workspace.css. */
.security-nav{min-height:72px;padding:12px max(24px,4vw);display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}
.security-brand{font-size:20px;font-weight:650;letter-spacing:-.6px;white-space:nowrap}
.security-nav nav{display:flex;align-items:center;gap:24px;font-size:13px;flex:1}
.security-nav nav a{padding:10px 0;color:var(--muted)}
.security-nav nav a[aria-current],.security-nav nav a:hover{color:var(--fg);text-decoration:underline;text-underline-offset:8px}
.security-nav .reference-open{font-size:12px;margin-left:auto}
.security-home{max-width:1200px;margin:auto;padding:40px max(24px,4vw) 30px}
.security-pagehead{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.security-pagehead h1{font-size:34px;letter-spacing:-1px;line-height:1.2}
.security-home .security-section{padding:28px 32px;margin-bottom:20px;border:1px solid var(--line);background:var(--paper);scroll-margin-top:24px}
.security-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.security-section-head h2{font-size:22px;letter-spacing:-.5px;margin:0}
.security-section-head a{font-size:13px;color:var(--accent)}
.case-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.case-tabs button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:7px 12px;font-size:12px;border-radius:4px}
.case-tabs button[aria-pressed=true]{color:var(--fg);background:var(--accentbg);border-color:var(--accent)}
.case-list{display:grid;gap:0;border-top:1px solid var(--line)}
.analysis-card{display:grid;grid-template-columns:100px 1fr 22px;align-items:center;gap:20px;padding:20px 12px;border-bottom:1px solid var(--line)}
.analysis-card:hover,.resource-list a:hover{background:var(--accentbg)}
.analysis-card .category{font:11px var(--mono);color:var(--accent)}
.analysis-card h3{font-size:18px;line-height:1.4;font-weight:550;margin:0 0 4px;overflow-wrap:anywhere}
.analysis-card p{font-size:12px;color:var(--muted);margin:0}
.resource-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;list-style:none;padding:0;margin:0}
.resource-list li{min-width:0;border-top:1px solid var(--line)}
.resource-list a{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:18px 12px;height:100%}
.resource-list strong{font-size:16px;font-weight:550}
.resource-list small{grid-row:2;grid-column:1;font-size:12px;color:var(--muted)}
.resource-list .arrow{grid-row:1 / span 2;grid-column:2;align-self:center;color:var(--accent)}
.award-list{list-style:none;padding:0;margin:0}
.award-list li{display:grid;grid-template-columns:170px 1fr auto;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}
.award-result{color:var(--accent);font-size:15px}
.award-detail h3{font-size:15px;font-weight:500;margin:0}
.award-detail p{font-size:12px;color:var(--muted);margin:4px 0 0}
.award-proof{font-size:12px;text-decoration:underline;text-underline-offset:4px}
.security-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0 0;font-size:12px;color:var(--muted)}
.security-workbench .workhead{align-items:center}
.security-workbench .workhead h1{font-size:28px;letter-spacing:-.8px}
.security-workbench .analysis{padding-top:24px}
.security-workbench .lab{margin-top:24px}
.security-workbench .workspace-help{margin:0 3vw 24px;font-size:12px;color:var(--muted)}
@media(max-width:700px){
.security-nav{padding:12px 20px;gap:16px;flex-wrap:wrap}.security-nav nav{order:3;flex-basis:100%;gap:24px}.security-nav .reference-open{margin-left:auto}
.security-home{padding:28px 20px}.security-pagehead h1{font-size:29px}.security-home .security-section{padding:22px 18px;margin-bottom:16px}
.analysis-card{grid-template-columns:1fr 20px;gap:5px 14px;padding:18px 4px}.analysis-card .category{grid-column:1}.analysis-card>div{grid-column:1}.analysis-card .arrow{grid-column:2;grid-row:1 / span 2}.analysis-card h3{font-size:17px}
.resource-list{grid-template-columns:1fr}.award-list li{grid-template-columns:1fr auto;gap:6px}.award-result{grid-column:1}.award-detail{grid-column:1}.award-proof{grid-column:2;grid-row:1 / span 2}.security-workbench .workhead{flex-wrap:wrap}
}

/* Pentesting content grid: archive, reader and tools share the landing alignment. */
.security :is(.records,.security-home){max-width:1200px;padding:32px max(24px,4vw) 48px;margin:auto}
.security .records> .page-intro{margin-bottom:28px}.security .records h1{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:0}
.security-workbench main{max-width:1200px;margin:auto;padding:32px max(24px,4vw) 48px}.security-workbench .workhead{padding:0;margin-bottom:24px;align-items:center}.security-workbench .workhead h1{font-size:32px;line-height:1.2}
.security-workbench .analysis{padding:0;gap:24px;align-items:start}.security-workbench .panel{padding:24px;border-radius:4px}.security-workbench .workspace-help{margin:0 0 24px}.security-workbench :is(.lab,.kb){margin:24px 0 0}.security-workbench .lab-controls{align-items:end}.security-workbench .field input{margin-bottom:0}.security-workbench .row :is(button,.file-button){min-height:40px}
.security :is(button,select,input,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:700px){.security :is(.records,.security-home),.security-workbench main{padding:24px 20px 40px}.security-workbench .workhead{gap:16px}.security-workbench .workhead h1,.security .records h1{font-size:28px}.security-workbench .analysis{gap:20px}.security-workbench .panel{padding:20px}.security-workbench .workhead .row{width:100%}.security-workbench .lab-controls{gap:8px}}
