/* Security page: one readable panel on the home styles. */
.doc { max-width: 820px; margin: 0 auto; padding: 24px 24px 56px; }
.doc__panel { background: var(--bg-2); border: var(--outline); border-radius: var(--radius); box-shadow: 7px 7px 0 var(--teal); padding: 28px 30px; }
.doc h1 { margin: 0 0 6px; font: 56px/1 var(--pop); letter-spacing: 0.03em; color: var(--yellow); -webkit-text-stroke: 2px var(--ink); paint-order: stroke fill; text-shadow: 4px 4px 0 var(--pink); }
.doc h2 { margin: 28px 0 8px; font: 30px/1.1 var(--pop); letter-spacing: 0.03em; color: var(--phosphor); }
.doc p, .doc li { line-height: 1.65; }
.doc ul { padding-left: 1.2em; }
.doc li + li { margin-top: 6px; }
.doc code { font: 500 0.9em var(--mono); color: var(--yellow); }
.doc a { color: var(--phosphor); }
.doc__updated { font: 13px var(--mono); color: var(--dim); }
@media (max-width: 560px) { .doc__panel { padding: 20px 18px; } .doc h1 { font-size: 44px; } }