.security-page { max-width: 1120px; }
.security-page .security-tools-nav { display:flex; flex-wrap:wrap; gap:12px; margin:20px 0 28px; padding-bottom:16px; border-bottom:1px solid var(--border); }
.security-page .security-tools-nav a { text-decoration:none; font-weight:600; padding:8px 12px; border:1px solid var(--border); border-radius:8px; }
.security-page .security-tools-nav a:hover { text-decoration:underline; }
.security-page .card { border:1px solid var(--border); border-radius:12px; padding:20px; margin:16px 0; overflow-wrap:anywhere; }
.security-page .card h2, .security-page .card h3 { margin-top:0; }
.security-page p { max-width:85ch; line-height:1.65; }
.security-page pre { max-width:100%; overflow:auto; padding:16px; border:1px solid var(--border); border-radius:8px; font-size:12px; }
.security-page form { display:grid; gap:16px; }
.security-page label { display:grid; gap:8px; font-weight:600; }
.security-page input, .security-page textarea, .security-page select { width:100%; min-width:0; padding:12px; border:1px solid var(--border); border-radius:8px; background:transparent; }
.security-page textarea { font-family:var(--font-mono); font-size:13px; resize:vertical; }
.security-page button { cursor:pointer; border:1px solid var(--border); border-radius:8px; padding:10px 14px; background:transparent; text-align:left; }
.security-page button:disabled { cursor:wait; opacity:.6; }
.security-page li { margin:10px 0; }
.security-page :is(button,a,input,textarea):focus-visible { outline:2px solid var(--focus); outline-offset:3px; }

.security-page input[type="checkbox"] { width: auto; justify-self: start; }
