/* Layout is native HTML tables. No grid, flexbox, transforms or gradients. */
body { margin: 8px; }
button { font: 11px Arial, sans-serif; }
a:focus-visible,button:focus-visible { outline: 2px solid #c00000; outline-offset: 2px; }

/* A MySpace-style Friend Space, still laid out with tables. */
.friend-page { font: 12px Arial, Helvetica, sans-serif; color:#000; }
.friend-page .myspace-topline { background:#6699cc; color:#fff; padding:6px 8px; font-size:11px; }
.friend-page .myspace-topline a { color:white; font-weight:bold; }
.friend-page h1 { font:bold 20px Arial,sans-serif; margin:17px 0 18px; }
.friendspace-bar { background:#ffcc99; color:#cc6600; font:bold 14px Arial,sans-serif; padding:5px 8px; }
.friend-count { font-size:12px; margin:7px 0 3px; }
.friend-count strong { color:#cc0000; }
.topfriends { font-size:11px; margin:3px 0 7px; }
.friend-grid { table-layout:fixed; }
.friend-grid td { padding-bottom:21px; }
.friend-name { color:#003399; font:bold 12px/1.2 Arial,sans-serif; min-height:29px; margin-bottom:4px; }
.friend-quote { color:#333; font:11px/1.3 Arial,sans-serif; margin:6px 2px 0; }
.friend-grid img { border:1px solid #003399; }
.eyebrow-crop { display:block; width:104px; height:104px; overflow:hidden; border:1px solid #003399; position:relative; }
.eyebrow-crop img { position:absolute; width:340px; max-width:none; height:auto; left:-76px; top:-40px; border:0; }

.issue-copy { font:16px/1.4 "Times New Roman", Times, serif; color:#111; }
.issue-copy h1 { color:#000080; font:bold 28px/1.08 "Times New Roman",serif; margin:15px 0 10px; }
.issue-copy .issue-deck { color:#990000; font-size:18px; margin:0 0 20px; }
.issue-copy h2 { font:bold 19px/1.2 "Times New Roman",serif; color:#000080; margin:23px 0 7px; }
.issue-copy p { margin:0 0 14px; }
.issue-copy .issue-sources { font:12px/1.4 Arial,sans-serif; margin-top:16px; color:#555; }

.candidate-copy { font:16px/1.4 "Times New Roman",Times,serif; color:#111; }
.candidate-copy p { margin:0 0 15px; }
.candidate-copy p:last-child { margin-bottom:4px; }