Journal public pages: minimal framed-workspace redesign (unit 2)

src/components/JournalChrome.jsx

@@ -3,12 +3,12 @@ import { useAuth } from '../auth.jsx';
 import { getDefaultHomePath } from '../views.js';
 import { BrandMark } from './Icon.jsx';
 
-// Shared masthead + footer for the public Synthica Journal pages — a deliberately
-// academic chrome (serif wordmark, thin rules) distinct from the app dashboard.
+// Shared masthead + footer for the public Synthica Journal pages — the same
+// minimal framed-workspace chrome as the dashboard, minus the app sidebar.
 export function JournalMast({ preprint = false }) {
   const { user } = useAuth();
   return (
-    <header className={`jr-mast${preprint ? ' jr-mast-pre' : ''}`}>
+    <header className="jr-mast">
       <div className="jr-mast-inner">
         <Link to={preprint ? '/preprints' : '/journal'} className="jr-wordmark">
           <BrandMark size={26} /><span>Synthica <em>{preprint ? 'Preprints' : 'Journal'}</em></span>

src/pages/Archive.jsx

@@ -61,7 +61,7 @@ export default function Archive() {
                 {shown.map((p) => (
                   <article key={p.id || p.doi} className="jr-art">
                     <div className="jr-art-meta">
-                      {p.featured && <span className="jr-pill-feat" style={{ color: 'var(--gold-deep, #b45309)' }}><Icon name="star" size={11} /> Featured</span>}
+                      {p.featured && <span className="jr-pill-feat"><Icon name="star" size={11} /> Featured</span>}
                       <span className="jr-art-type">{p.articleType || 'Article'}</span>
                       {p.openAccess !== false && <span className="jr-oa sm">Open Access</span>}
                       <span className="muted">{fmtDate(p.publishedAt)}</span>

src/pages/CompetitionsPublic.jsx

@@ -13,7 +13,7 @@ function DeadlinePill({ deadline }) {
   if (!deadline) return null;
   const dl = daysLeft(deadline);
   if (dl < 0) return <span className="jr-comp-deadline">closed · {fmtDay(deadline)}</span>;
-  return <span className={`jr-comp-deadline${dl <= 7 ? ' urgent' : ''}`}>{dl === 0 ? 'closes today' : `${dl} days left`} · {fmtDay(deadline)}</span>;
+  return <span className={dl <= 7 ? 'badge badge-red' : 'jr-comp-deadline'}>{dl === 0 ? 'closes today' : `${dl} days left`} · {fmtDay(deadline)}</span>;
 }
 
 // Public competitions board — visible without login; deeper actions (applying,
@@ -50,7 +50,7 @@ export default function CompetitionsPublic() {
                   <h2 className="jr-feature-title">{featured.title}</h2>
                   {featured.description && <p className="jr-feature-abstract">{featured.description}</p>}
                   <div className="row" style={{ gap: '0.5rem', flexWrap: 'wrap', marginBottom: '1rem' }}>
-                    {featured.prize && <span className="jr-comp-prize" style={{ color: '#6ee7b7' }}><Icon name="trophy" size={12} /> {featured.prize}</span>}
+                    {featured.prize && <span className="jr-comp-prize"><Icon name="trophy" size={12} /> {featured.prize}</span>}
                     <DeadlinePill deadline={featured.deadline} />
                   </div>
                   {safeHref(featured.url) && <a className="btn btn-primary" href={safeHref(featured.url)} target="_blank" rel="noreferrer">Learn more →</a>}

src/pages/Journal.jsx

@@ -134,7 +134,7 @@ function SubmitCTA() {
           {user
             ? <Link to="/researcher/journal" className="btn btn-primary">Submit to the Journal →</Link>
             : <Link to="/login" className="btn btn-primary">Join &amp; submit →</Link>}
-          <Link to="/preprints" className="btn btn-ghost jr-cta-ghost">Post a preprint</Link>
+          <Link to="/preprints" className="btn btn-ghost">Post a preprint</Link>
         </div>
       </div>
     </section>
@@ -181,7 +181,7 @@ function CompetitionsCard({ comps }) {
               <div className="jr-comp-title">{c.title}</div>
               <div className="jr-comp-meta">
                 {c.prize && <span className="jr-comp-prize"><Icon name="trophy" size={11} /> {c.prize}</span>}
-                {c.deadline && <span className={`jr-comp-deadline${dl <= 7 ? ' urgent' : ''}`}>{dl === 0 ? 'closes today' : `${dl}d left`} · {fmtShort(c.deadline)}</span>}
+                {c.deadline && <span className={dl <= 7 ? 'badge badge-red' : 'jr-comp-deadline'}>{dl === 0 ? 'closes today' : `${dl}d left`} · {fmtShort(c.deadline)}</span>}
               </div>
             </>
           );

src/pages/Preprints.jsx

@@ -57,9 +57,9 @@ export default function Preprints() {
               <article key={p.id} className="jr-art">
                 <div className="jr-art-meta">
                   <span className="jr-pre-id">{p.synId}</span>
-                  <span className="jr-art-type">Preprint</span>
+                  <span className="badge badge-gray">Preprint</span>
                   {p.version > 1 && <span className="jr-ver-badge">v{p.version}</span>}
-                  {p.linkedDoi && <span className="jr-oa sm" style={{ color: 'var(--brand-deep)' }}>Published</span>}
+                  {p.linkedDoi && <span className="badge badge-green">Published</span>}
                   <span className="muted">{fmtDate(p.postedAt)}</span>
                 </div>
                 <h3 className="jr-art-title"><Link to={`/preprints/${p.id}`}>{p.title}</Link></h3>