/* Reset, base typography, links and accessibility helpers. */
*{ box-sizing:border-box; }
html,body{ margin:0; }
body{ background:#1a1a1a; font-family:var(--vr-font-ui); font-size:14px; line-height:1.55; }
img{ max-width:100%; height:auto; }

a{ color:var(--link); }
a:visited{ color:var(--link-v); }
a:focus-visible{ outline:2px dotted var(--hdr-2); outline-offset:1px; }

/* Content typography */
.content h1, .entry-title{ font-size:30px; line-height:1.2; margin:2px 0 10px; color:var(--band-2); }
.content h2{ font-size:23px; line-height:1.25; margin:20px 0 8px; color:var(--band-2); }
.content h3{ font-size:18px; margin:16px 0 6px; color:var(--band-2); }
.content h4{ font-size:16px; margin:14px 0 4px; font-weight:bold; }
.content h5{ font-size:14px; margin:12px 0 3px; font-weight:bold; text-transform:uppercase; letter-spacing:.3px; color:var(--muted); }
.content h6{ font-size:13px; margin:12px 0 3px; font-weight:bold; color:var(--muted); }
.lead{ margin:0 0 8px; }
p{ margin:0 0 9px; }
.content p:last-child{ margin-bottom:0; }
.content ul, .content ol{ margin:8px 0 12px; padding-left:22px; }
.content li{ margin:6px 0; }
.content li > ul, .content li > ol{ margin:6px 0 2px; }
ul.feat{ margin:2px 0 0; padding-left:18px; }
ul.feat li{ margin:3px 0; }
blockquote{ margin:9px 0; padding:6px 12px; border-left:3px solid var(--lo); background:var(--zebra); }
code, pre{ font-family:var(--vr-font-mono); }
pre{ overflow-x:auto; padding:9px 11px; background:var(--zebra); border:1px solid var(--lt); }
hr{ border:0; border-top:1px solid var(--lt); margin:12px 0; }

/* Accessibility: skip link and screen-reader-only text (WordPress markup) */
.screen-reader-text{ border:0; clip:rect(1px,1px,1px,1px); clip-path:inset(50%); height:1px; width:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; }
.skip-link{ position:absolute; left:-9999px; top:0; z-index:1000; background:#fff; color:#000; padding:8px 12px; }
.skip-link:focus{ left:8px; }