/*
  style.css
  ---------------------------------------------------------
  Shared styles for jacksonbaker.com — color tokens, page
  shell, and components reused across index.html and the
  credit sub-pages (production.html, mixing.html).
  ---------------------------------------------------------
*/

:root{
  --bg:#ffffff;
  --ink:#0a0a0a;
  --ink-soft:#6b6b6b;
  --accent:#ff6a00;
  --link:#1a4fd6;
}

*{margin:0;padding:0;box-sizing:border-box;}

html,body{height:100%;}

body{
  background:var(--bg);
  color:var(--ink);
  font-family:"Times New Roman", Times, serif;
  -webkit-font-smoothing:antialiased;
  text-transform:lowercase;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-height:100vh;
  padding:4vh 24px 40px 24px;
}

a{color:inherit;text-decoration:none;}

.stage{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  width:100%;
  max-width:520px;
}

/* ---------- shared page tag heading (used on sub-pages) ---------- */

.page-tag{
  color:var(--ink);
  font-size:22px;
}

/* ---------- credit entry list (production / mixing pages) ---------- */

.entries{
  display:flex;
  flex-direction:column;
  gap:52px;
  margin-top:56px;
  width:100%;
}

.entry .meta{
  font-size:16px;
  line-height:1.7;
}

.entry .link{
  display:inline-block;
  margin-top:0;
  padding:13px 16px;
  color:var(--link);
  text-decoration:underline;
  font-size:15px;
  transition:color 0.2s ease;
}

.entry .link:hover{
  color:var(--accent);
}

/* ---------- home link ---------- */

.home-link{
  margin-top:auto;
  padding-top:60px;
  font-size:15px;
  text-decoration:underline;
  text-underline-offset:3px;
  transition:color 0.2s ease;
}

.home-link:hover{
  color:var(--accent);
}

@media (max-width:520px){
  body{padding:6vh 20px 32px 20px;}
  .entries{margin-top:44px; gap:44px;}
  .home-link{padding-top:44px;}
}