fixed text alignment and background color

	modified:   about.html
	modified:   assets/styles.css

Author: Jose Ramos-Mendez

about.html

@@ -30,60 +30,57 @@ <h1>
       </div>
     </header>
     <main>
-      <section class="content-placeholder" aria-labelledby="about-overview">
-        <div class="section-inner">
-          <article class="stat-card overview-card">
-            <h2 id="about-overview">What is OpenTOPAS?</h2>
+      <section class="content-placeholder section-inner" aria-labelledby="about-overview">
+        <h2 id="about-overview">What is OpenTOPAS?</h2>
+        <article class="stat-card overview-card">
+          <div class="text-columns">
+            <p>
+              The NIH-funded TOPAS project made radiation therapy simulations using the Monte Carlo method easily
+              accessible for the radiotherapy community. This repository brings the code to a new, truly open
+              release stage called <strong>OpenTOPAS</strong>.
+            </p>
+            <p>
+              OpenTOPAS wraps and extends the <a href="https://geant4.web.cern.ch" target="_blank" rel="noopener">Geant4 Simulation Toolkit</a>
+              to provide an easier-to-use application for the medical physicist. The parameter control system lets physicists assemble and control a rich
+              library of simulation objects—geometry components, particle sources, scorers—without writing C++ or knowing Geant4 internals.
+              Visit the <a href="https://opentopas.readthedocs.io/en/latest" target="_blank" rel="noopener">User Guide</a> for deeper dives.
+            </p>
+            <p>
+              The project was originally created out of an NIH-funded collaboration of Massachusetts General Hospital,
+              University of California San Francisco, and SLAC National Accelerator Laboratory. Today, the UCSF and MGH teams continue
+              to maintain and expand OpenTOPAS in partnership with the Monte Carlo community.
+            </p>
+            <p>
+              OpenTOPAS supports simulation of medical applications of ionizing radiation with the Monte Carlo method.
+              Free availability is intended to aid research by medical physicists, radiobiologists, and clinicians across all radiotherapy modalities.
+              New users should review the key publications to explore its potential.
+            </p>
+          </div>
+        </article>
 
-            <div class="text-columns">
-              <p>
-                The NIH-funded TOPAS project made radiation therapy simulations using the Monte Carlo method easily
-                accessible for the radiotherapy community. This repository brings the code to a new, truly open
-                release stage called <strong>OpenTOPAS</strong>.
-              </p>
-              <p>
-                OpenTOPAS wraps and extends the <a href="https://geant4.web.cern.ch" target="_blank" rel="noopener">Geant4 Simulation Toolkit</a>
-                to provide an easier-to-use application for the medical physicist. The parameter control system lets physicists assemble and control a rich
-                library of simulation objects—geometry components, particle sources, scorers—without writing C++ or knowing Geant4 internals.
-                Visit the <a href="https://opentopas.readthedocs.io/en/latest" target="_blank" rel="noopener">User Guide</a> for deeper dives.
-              </p>
-              <p>
-                The project was originally created out of an NIH-funded collaboration of Massachusetts General Hospital,
-                University of California San Francisco, and SLAC National Accelerator Laboratory. Today, the UCSF and MGH teams continue
-                to maintain and expand OpenTOPAS in partnership with the Monte Carlo community.
-              </p>
-              <p>
-                OpenTOPAS supports simulation of medical applications of ionizing radiation with the Monte Carlo method.
-                Free availability is intended to aid research by medical physicists, radiobiologists, and clinicians across all radiotherapy modalities.
-                New users should review the key publications to explore its potential.
-              </p>
-            </div>
+        <div class="stat-grid">
+          <article class="stat-card">
+            <h3>Mission</h3>
+            <p>
+              Deliver a validated, community-supported Monte Carlo framework that enables accurate and efficient radiation therapy research.
+            </p>
+          </article>
+          <article class="stat-card">
+            <h3>Why Open</h3>
+            <p>
+              Full open access allows advanced users to extend the platform in C++ while benefiting from the OpenTOPAS parameter system and Geant4 flexibility.
+            </p>
+          </article>
+          <article class="stat-card">
+            <h3>Focus Areas</h3>
+            <p>
+              Proton and conventional radiotherapy, LET / RBE modelling, optical photon transport, dosimetry detectors, and radiopharmaceutical therapy.
+            </p>
           </article>
-
-          <div class="stat-grid">
-            <article class="stat-card">
-              <h3>Mission</h3>
-              <p>
-                Deliver a validated, community-supported Monte Carlo framework that enables accurate and efficient radiation therapy research.
-              </p>
-            </article>
-            <article class="stat-card">
-              <h3>Why Open</h3>
-              <p>
-                Full open access allows advanced users to extend the platform in C++ while benefiting from the OpenTOPAS parameter system and Geant4 flexibility.
-              </p>
-            </article>
-            <article class="stat-card">
-              <h3>Focus Areas</h3>
-              <p>
-                Proton and conventional radiotherapy, LET / RBE modelling, optical photon transport, dosimetry detectors, and radiopharmaceutical therapy.
-              </p>
-            </article>
-          </div>
         </div>
       </section>
 
-      <section class="section-inner" style="padding:4rem 1.5rem 3rem;">
+      <section class="collaborators-section section-inner">
         <h2>Collaborators</h2>
         <p>
           OpenTOPAS is jointly maintained by interdisciplinary teams at the University of California San Francisco and

assets/styles.css

@@ -214,14 +214,24 @@ section {
   border-top: 1px solid var(--border);
 }
 
-section:nth-of-type(odd) {
-  background: var(--panel);
-}
-
-.section-inner {
-  max-width: 1100px;
-  margin: 0 auto;
-}
+section:nth-of-type(odd) {
+  background: var(--panel);
+}
+
+.content-placeholder {
+  padding: 4rem 1.5rem 3rem;
+}
+
+.collaborators-section {
+  padding: 4rem 1.5rem 3rem;
+  background: var(--panel);
+  border-top: 1px solid var(--border);
+}
+
+.section-inner {
+  max-width: 1100px;
+  margin: 0 auto;
+}
 
 .section-inner h3 {
   margin-top: 0;
@@ -267,18 +277,37 @@ section:nth-of-type(odd) {
   background: rgba(22, 27, 34, 0.7);
 }
 
+.content-placeholder > h2 {
+  margin: 0 0 1.5rem;
+}
+
 .overview-card {
   margin-bottom: 2.5rem;
 }
 
-.overview-card h2 {
-  margin: 0 0 1rem;
+.overview-card .text-columns {
+  display: block;
+  margin-bottom: 0;
+  column-count: 1;
+  column-gap: 2rem;
 }
 
-.overview-card .text-columns {
+.overview-card .text-columns p {
+  max-width: none;
+  margin: 0 0 1.5rem;
+  break-inside: avoid-column;
+}
+
+.overview-card .text-columns p:last-child {
   margin-bottom: 0;
 }
 
+@media (min-width: 900px) {
+  .overview-card .text-columns {
+    column-count: 2;
+  }
+}
+
 .stat-card h4 {
   margin: 0 0 0.5rem;
   font-size: 1.1rem;