/* ============================================
   Nebularium portfolio — shared styles
   Used by: index.html, projects/*.html
   ============================================ */

body {
  font-family: monospace;
  font-size: 1.125rem;
  max-width: 720px;
  margin: 80px auto;
  padding: 0 20px;
}

h1 { font-size: 1.9rem; margin-bottom: 0.2rem; }
h2 { font-size: 1.25rem; margin: 2.4rem 0 0.4rem; }
p  { color: #666; margin-top: 0; }

ul { list-style: none; padding: 0; margin-top: 2rem; }
li { margin: 1rem 0; }

a  { color: #000; text-decoration: none; border-bottom: 1px solid #000; }
a:hover { color: #555; }

.tag { font-size: 0.8rem; color: #999; margin-left: 0.5rem; }
a.tag { border-bottom: 1px dotted #999; }
a.tag:hover { color: #555; }

.back { font-size: 0.9rem; }
.mark { height: 1.2em; width: auto; vertical-align: -0.2em; margin-right: 0.3em; }
.hero { max-width: 640px; height: auto; }

/* Project about pages: dash-bulleted content lists */
.features, .tech { margin-top: 0.4rem; }
.features li, .tech li { margin: 0.4rem 0; padding-left: 1.2rem; position: relative; }
.features li::before, .tech li::before { content: "-"; position: absolute; left: 0; color: #999; }