/* Public Security and data page: the landing's palette and type, one reading column. */
.security-hero{background:var(--dark);color:var(--hero-ink);padding:52px var(--margin) 76px}
.security-hero .section-meta{border-top-color:var(--hero-line);color:var(--hero-muted)}
.security-hero h1{margin-top:58px;font-size:clamp(46px,7vw,112px);font-weight:500;line-height:1.02;letter-spacing:-.06em}
.security-hero h1 em{display:inline-block;color:var(--hero-accent)}
.security-intro{max-width:560px;margin-top:30px;color:var(--hero-muted);font-size:15px;line-height:1.85}
.security-body{padding:30px var(--margin) 110px}
.security-section{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2fr);gap:20px 7%;padding:34px 0 46px;border-top:1px solid var(--line)}
.security-section:first-child{border-top:0}
.security-label .micro{color:var(--muted)}
.security-label h2{margin-top:10px;font-size:clamp(26px,2.7vw,40px);line-height:1.12;letter-spacing:-.045em}
.security-copy{max-width:660px;min-width:0}
.security-copy p,.security-copy li,.security-copy td,.security-copy th{font-size:15px;line-height:1.8}
.security-copy>*+*{margin-top:16px}
.security-copy a:not(.text-link){color:var(--green);text-decoration:underline;text-underline-offset:4px}
.security-copy code{font-size:13px}
.security-note{padding:16px 20px;border:1px solid #d8cfa8;border-left:4px solid #a98c48;background:#f5f1e1}
.security-note .micro{color:#6d5a26;font-weight:600}
.security-note p+p{margin-top:4px}
.security-table{overflow-x:auto}
.security-table:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.security-table table{width:100%;min-width:520px;border-collapse:collapse}
.security-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.security-table th,.security-table td{padding:10px 14px 10px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.security-table thead th{color:var(--muted);font:400 10px/1.9 var(--mono);letter-spacing:.075em;text-transform:uppercase}
.security-table tbody th{font-weight:600;white-space:nowrap}
.security-table td:nth-child(2){white-space:nowrap}
.security-list{margin:16px 0 0;padding-left:20px}
.security-list li+li{margin-top:10px}
@media(max-width:700px){
  .security-hero{padding:34px var(--margin) 52px}
  .security-hero h1{margin-top:40px}
  .security-body{padding-bottom:70px}
  .security-section{grid-template-columns:minmax(0,1fr);padding:28px 0 34px}
  .security-copy p,.security-copy li,.security-copy td,.security-copy th{font-size:14px}
  /* One permission per block: name and access on a line, its use below. */
  .security-table table,.security-table tbody{display:block;min-width:0}
  .security-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .security-table tr{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;padding:12px 0;border-bottom:1px solid var(--line)}
  .security-table th,.security-table td{padding:0;border:0}
  .security-table td:nth-child(2){color:var(--muted)}
  .security-table td:nth-child(3){grid-column:1/-1}
}
