/* -------------------------------- */
/* The Integrity Layer – Global Styles */
/* -------------------------------- */

/* Typography */

body{
  font-family: Inter, system-ui, sans-serif;
  margin:0;
  background:#ffffff;
  color:#111;
}

/* Paragraphs */

p{
  margin-top:0;
  margin-bottom:12px;
  line-height:1.65;
}

/* Limit width ONLY where needed */
.container p{
  max-width:900px;
}

/* Lists */

ul{
  padding-left:32px;
  margin-top:10px;
  margin-bottom:14px;
}

li{
  margin-bottom:6px;
}

/* Headings */

h4{
  margin-top:28px;
  margin-bottom:8px;
  font-weight:600;
}

/* Footer */

.site-footer{
  margin-top:60px;
  padding-top:30px;
  padding-bottom:30px;
  border-top:1px solid #eee;
}

.footer-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:40px;
}

.footer-left{
  max-width:340px;
}

.footer-tagline{
  color:#666;
  font-size:0.9rem;
  margin-top:10px;
  line-height:1.5;
}

.footer-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:16px;
}

.footer-links{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  font-size:0.9rem;
  color:#666;
}

.footer-links a{
  text-decoration:none;
  color:#666;
}

.footer-links a:hover{
  color:#111;
}

.footer-copyright{
  font-size:0.8rem;
  color:#888;
}

/* References */

.references p{
  margin-bottom:14px;
  line-height:1.6;
}
.concept{
  display:block;
}