/* ---------- Global dark theme ---------- */
body{
  background:#0f172a;
  color:#fff;
  font-family:Arial,sans-serif;
  margin:0;
  padding:40px 20px;
}

/* Global page heading */
h1{
  text-align:center;
  font-size:28px;
  margin-bottom:30px;
  color:#3b82f6;
}

/* Paragraphs - THIS IS WHAT STYLES YOUR CONTENT */
.container p{
  margin-bottom:20px;
  text-align:justify;
  text-justify:inter-word;
  line-height:1.6;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
  hyphens:auto;
  -webkit-hyphens:auto;
  -ms-hyphens:auto;
}

strong{color:#facc15;}

/* ---------- Custom scrollbar ---------- */
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background:rgba(15,23,42,.5);}
::-webkit-scrollbar-thumb{
  background:rgba(59,130,246,.5);
  border-radius:4px;
}
::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.7);}

/* ---------- Container ---------- */
.container{
  max-width:900px;
  margin:3rem auto;
  padding:1.5rem;
  color:#e0e4f1;
}

/* ---------- Back-link styling ---------- */
.back-link{
  text-align:center;
  margin-top:40px;
}
.back-link a{
  color:#3b82f6;
  text-decoration:none;
  font-weight:bold;
}

/* Force all paragraphs to be justified */
.container p,
p {
  text-align: justify !important;
  text-justify: inter-word;
}

/* Make sure the container itself isn't centered */
.container {
  text-align: left;
}