/* card.css — shared layout for card-style pages (homepage, portfolio, research index, team, FAQ, disclaimers, 404) */

*, *::before, *::after { box-sizing: border-box; }
body {
  display: flex; flex-direction: column; align-items: center; min-height: 100vh;
  margin: 0; padding: 0;
  font-family: "Courier New", Courier, monospace;
  background: #f0f0f0; color: #000; line-height: 1.55;
}

/* Card container — used as main or .container */
main, .container {
  position: relative;
  border: 2px solid #000;
  margin: 1rem;
  max-width: 52rem;
  background: #fff;
}

.logo { position: absolute; top: 35px; right: 35px; width: 80px; height: auto; }

.back-button {
  display: inline-block; margin-bottom: 1.5rem;
  text-decoration: none; font-family: inherit; font-size: 0.85rem;
  color: #999; transition: color .15s;
}
.back-button:link, .back-button:visited { color: #999; }
.back-button:hover { color: #000; }

a:link, a:visited { color: #06f; transition: color .15s; }

h1 { text-align: center; font-size: 40px; }
h2 { font-size: 1.25rem; margin: 1.25rem 0 .5rem; padding-bottom: .35rem; border-bottom: 2px solid #000; }

ul { margin-left: 1.25rem; margin-bottom: 1rem; }
li { margin-bottom: .3em; }

.two-column { columns: 2; column-gap: 2rem; padding-left: 1.2rem; margin: .5rem 0 1rem; }
.two-column li { break-inside: avoid; margin-bottom: .3em; }