/* style.css — shared styles for the IET / ELA archive mini-site.
   Lives in /site/ alongside index.html, Research.htm, sponsoredresearch.htm,
   and the images/ and docs/ subfolders. Paths below are relative to /site/. */

:root {
  --ink: #1c1a17;
  --link: #8F5A39;          /* the brown used across the original pages */
  --link-hover: #6d442b;
  --rule: #c9bda9;
  --maxw: 800px;
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0;
  background: #ffffff url("images/whtmarbbackground.jpg") repeat;
  color: var(--ink);
  font-family: "Times New Roman", Times, serif;  /* matches index.html's default rendering */
  font-size: 17px;
  line-height: 1.5;
}

/* ---- centered page container (replaces the old width=800 tables) ---- */
.wrap {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 24px 18px 40px;
}

/* ---- links: brown, bold, underlined (from the original style block) ---- */
a:link,
a:visited { color: var(--link); font-weight: bold; text-decoration: underline; }
a:hover { color: var(--link-hover); }
a:focus-visible { outline: 2px solid var(--link); outline-offset: 2px; }

/* ---- images scale down on small screens, keep aspect ratio ---- */
img { max-width: 100%; height: auto; border: 0; }

/* ---- banners (iet.png / ietlogo.jpg / top2.jpg) ---- */
.banner { text-align: center; margin: 8px 0 16px; }
.banner img { display: inline-block; }

/* ---- two-column layout (index.html main + ELA footer sections) ---- */
.cols { display: flex; gap: 28px; align-items: flex-start; }
.col { flex: 1 1 0; min-width: 0; }

@media (max-width: 820px) {
  .cols { flex-direction: column; gap: 0; }
}

/* ---- typography helpers ---- */
.center  { text-align: center; }
.justify { text-align: justify; }
.subhead { text-align: center; font-style: italic; font-weight: bold; margin: 4px 0 18px; }
.updated { font-size: 0.85em; }

h1, h2, h3 { font-family: inherit; line-height: 1.25; }
h3 { font-size: 1.15em; margin: 1.4em 0 0.4em; }

/* indented blocks that were <blockquote> lists of links in the original */
blockquote { margin: 0.4em 0 1em 2em; }
blockquote p { margin: 0.3em 0; }

/* numbered research items on sponsoredresearch.htm (a real 1-2-3 sequence) */
ol.research { padding-left: 1.4em; }
ol.research > li { margin-bottom: 1.1em; }

.report-title { font-style: italic; margin: 1em 0; }

hr { border: 0; border-top: 1px solid var(--rule); margin: 28px 0; }

/* page-specific: Research.htm hero */
.research-hero { text-align: center; }
.research-hero h1 { font-size: 1.5em; margin-bottom: 0.2em; }
.research-hero .sub { font-size: 1.05em; }