/* Security page. Same brand tokens as styles.css, kept in its own file so the
   homepage stylesheet is untouched. No inline styles anywhere (strict CSP). */
:root{
  --paper:#F1EADC;
  --ink:#191B1F;
  --walnut:#6E5E48;
  --ink-blue:#1F4A5C;
  --teal:#2E83A6;
  --gold:#D9A24A;
  --dark:#0e1418;
  --line:rgba(25,27,31,.14);
  --line-d:rgba(241,234,220,.14);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--ink-blue);text-underline-offset:3px}
a:hover{color:var(--teal)}
h1,h2{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.1}

.sec-wrap{max-width:760px;margin:0 auto;padding:0 24px}

.sec-top{background:var(--dark);color:var(--paper);border-bottom:1px solid var(--line-d)}
.sec-top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}
.sec-brand{display:flex;align-items:center;gap:12px;color:var(--paper);text-decoration:none;font-family:'Inter',sans-serif;font-weight:700;font-size:20px;letter-spacing:-.01em}
.sec-brand:hover{color:var(--paper)}
.sec-back{color:rgba(241,234,220,.72);text-decoration:none;font-size:14px;font-weight:500}
.sec-back:hover{color:var(--paper)}

.sec-main{padding-top:64px;padding-bottom:72px}
.sec-eyebrow{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--walnut);margin-bottom:14px}
h1{font-size:clamp(34px,6vw,52px);margin-bottom:18px}
.sec-lede{font-size:clamp(18px,2.4vw,21px);line-height:1.5;color:rgba(25,27,31,.82);max-width:34em;margin-bottom:12px}

.sec-main section{margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
h2{font-size:24px;margin-bottom:14px}
.sec-main p{margin-bottom:14px;max-width:38em}

.sec-facts{display:grid;gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:rgba(251,246,238,.7)}
.sec-facts div{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:14px 18px;border-top:1px solid var(--line)}
.sec-facts div:first-child{border-top:0}
.sec-facts dt{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--walnut);padding-top:3px}
.sec-facts dd{font-size:16px}

.sec-list{list-style:none;display:grid;gap:12px;max-width:38em}
.sec-list li{position:relative;padding-left:22px}
.sec-list li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--gold)}

.sec-updated{margin-top:44px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.06em;color:var(--walnut)}

.sec-foot{background:var(--dark);color:rgba(241,234,220,.55);padding:36px 0;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.08em;line-height:1.9}
.sec-foot a{color:#7bc4e0}

@media (max-width:560px){
  .sec-main{padding-top:44px}
  .sec-facts div{grid-template-columns:1fr;gap:4px}
}