/* CSS1 only: the same fluid, single-column document on desktop and mobile. */
body {
  margin: 0;
  padding: 0;
  background: #f2f4f7;
  color: #26334a;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height: 1.5;
}
a { color: #244eaf; text-decoration: underline; }
a:visited { color: #5e478e; }
a:hover { color: #122b65; }
p { margin: 0 0 1em 0; }
h1 { font-size: 1.8em; line-height: 1.2; margin: 0.4em 0 0.6em 0; }
h2 { font-size: 1.3em; line-height: 1.3; margin: 0 0 0.7em 0; }
h3 { font-size: 1.1em; margin: 0 0 0.4em 0; }
.topbar { padding: 1em 5%; background: #ffffff; border-bottom: 1px solid #d3dbe7; }
.brand { font-size: 1.4em; font-weight: bold; margin: 0; }
.brand a { color: #244eaf; text-decoration: none; }
.topnote { margin: 0.3em 0 0 0; color: #53627b; font-size: 0.8em; }
.main { margin: 0 5%; padding: 1em 0; }
.breadcrumb { font-size: 0.8em; color: #53627b; }
.hero { padding: 1em 0; }
.eyebrow { color: #53627b; font-size: 0.75em; font-weight: bold; letter-spacing: 0.1em; }
.source { font-family: "Courier New", Courier, monospace; font-size: 0.8em; }
.source-address input { width: 90%; font-family: "Courier New", Courier, monospace; font-size: 0.8em; }
.button { display: block; padding: 0.7em; background: #244eaf; color: #ffffff; text-align: center; }
.button:visited { color: #ffffff; }
.button:hover { color: #ffffff; background: #17377f; }
.panel { background: #ffffff; border: 1px solid #d3dbe7; margin: 0 0 1em 0; padding: 1em; }
.howto, .download { background: #e6edf9; border: 1px solid #c9d5ec; padding: 1em; margin-bottom: 1em; }
.summary-bar { padding: 1em 0; border-top: 1px solid #d3dbe7; border-bottom: 1px solid #d3dbe7; font-size: 0.85em; }
.catalog { padding: 1em 0; }
.filters { background: #e6edf9; padding: 1em; margin-bottom: 1em; }
input, select { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
#search { width: 90%; }
#category { width: 90%; }
.hint { font-size: 0.8em; color: #53627b; }
.compatibility { line-height: 2; font-size: 0.8em; }
.compatibility-badge { padding: 0.2em 0.5em; border: 1px solid #c9d5ec; background: #edf0f5; color: #26334a; font-weight: bold; }
.compatibility-rootful { background: #e6edf9; border: 1px solid #c9d5ec; }
.compatibility-rootless { background: #e2f3e8; border: 1px solid #a5c9b1; color: #205336; }
.alphabet { line-height: 2; }
.package-list { list-style-type: none; margin: 0; padding: 0; }
.package-row { background: #ffffff; border: 1px solid #d3dbe7; padding: 1em; margin: 0 0 0.6em 0; }
.description { font-size: 0.9em; margin-bottom: 0.5em; }
.package-id { font-size: 0.8em; color: #53627b; margin-bottom: 0.5em; }
.package-meta { color: #53627b; font-size: 0.8em; margin-bottom: 0; }
.empty { padding: 1em; }
.index-links { font-size: 0.8em; line-height: 2; }
dt { font-weight: bold; font-size: 0.85em; margin-top: 0.8em; }
dd { font-size: 0.85em; margin: 0.2em 0 0 0; }
.versions { padding-left: 1em; margin: 0; }
.versions li { margin-bottom: 0.8em; font-size: 0.85em; }
code { font-family: "Courier New", Courier, monospace; font-size: 0.85em; }
.footer { border-top: 1px solid #d3dbe7; padding: 1em 5%; font-size: 0.8em; color: #53627b; }