/* legacy.css: for every browser, back to Mac OS 9's IE 5 and Netscape.
   Only CSS1-era properties; no layout tricks. modern.css (media="only screen",
   which old browsers skip) restyles everything for current browsers. */
body { background: #ffffff; color: #1a1a1a; margin: 16px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, Helvetica, sans-serif; font-size: 14px; }
a { color: #0b5aa6; }
.topbar { border-bottom: 1px dotted #8a8a8a; padding-bottom: 8px; margin-bottom: 16px; }
.brand { font-size: 20px; font-weight: bold; color: #0b5aa6; text-decoration: none; }
.nav a { color: #c41e1e; }
.sep { color: #8a8a8a; }
.eyebrow { font-size: 11px; font-weight: bold; color: #c41e1e; margin: 16px 0 0 0; }
h1 { font-size: 24px; margin: 4px 0 4px 0; }
h2 { font-size: 18px; margin: 24px 0 8px 0; }
.lead, .muted { color: #595959; }
.muted { font-size: 12px; }
table.rank { border: 0; }
table.rank th { text-align: center; padding: 4px 8px; }
table.rank td { background: #e8e8e8; padding: 5px 10px; text-align: center; }
table.rank td.n { background: #ffffff; font-weight: bold; text-align: right; }
table.rank td.name { text-align: left; }
table.rank td.pts { font-weight: bold; }
table.rank td.r { background: #c9d3f5; }
table.stats td { padding: 4px 16px 4px 0; vertical-align: top; }
.stat { font-size: 20px; font-weight: bold; }
.label { font-size: 11px; color: #595959; }
.note { background: #eef2f7; padding: 6px 10px; }
.chip { font-size: 12px; color: #333333; }
.foot { margin-top: 28px; padding-top: 8px; border-top: 1px solid #e3e3e3; font-size: 12px; color: #595959; text-align: center; }
/* site pages */
table.hero td, table.shots td, table.cards td { vertical-align: top; padding: 0 16px 12px 0; }
.wordmark h1 { color: #0b5aa6; }
.tagline { font-size: 18px; font-weight: bold; }
.side-title { font-weight: bold; }
ul.links a { color: #c41e1e; }
.caption { font-size: 12px; color: #595959; text-align: center; }
.centered { text-align: center; }
.warn { background: #fdf2f2; color: #7a1414; padding: 6px 10px; }
.num { font-weight: bold; color: #0b5aa6; }
code { font-family: Monaco, "Courier New", monospace; font-size: 12px; }
.card h3 { background: #0b5aa6; color: #ffffff; padding: 4px 8px; font-size: 14px; margin: 0; }
.card-red h3 { background: #c41e1e; }
.alert { color: #7a1414; font-size: 12px; }
ol.steps, ul.platforms, ul.links { list-style: none; margin-left: 0; padding-left: 0; }
ol.steps li { margin-bottom: 12px; }
ul.platforms li { display: inline; font-size: 12px; color: #333333; padding: 0 6px; }