/* Megaton Taylor - 共通スタイル
   元サイトの配色(黒背景/黄色文字/水色リンク/グリーンでMick Taylorの関与を強調)を踏襲しつつ、
   <FONT>タグの直書きをやめてCSSに統一。 */

:root {
  --bg: #000000;
  --fg: #ffff00;      /* 基本文字色(黄) */
  --link: #00ffff;    /* リンク(水色) */
  --highlight: #00ff00; /* Mick Taylorの関与箇所(緑) */
  --note: #ff0000;    /* 注記・特記事項(赤) */
  --white: #ffffff;
}

* { box-sizing: border-box; }

body {
  background-color: var(--bg);
  color: var(--fg);
  font-family: "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  line-height: 1.8;
  margin: 0;
  padding: 24px 16px 60px;
}

a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; }

.page {
  max-width: 720px;
  margin: 0 auto;
}

.title {
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  letter-spacing: 0.04em;
  margin: 0.2em 0 0;
}

.title .year {
  font-size: 0.45em;
  font-weight: normal;
  margin-left: 0.6em;
  vertical-align: middle;
}

.subtitle-ja {
  text-align: center;
  margin: 0.2em 0 1.2em;
  font-size: 1.05em;
}

.cover {
  display: block;
  margin: 0 auto 1.6em;
  max-width: 90%;
  height: auto;
}

.tracklist {
  list-style: none;
  margin: 0 auto 1.6em;
  padding: 0;
  text-align: center;
}

.tracklist li { margin: 0.25em 0; }
.tracklist li.mt { color: var(--highlight); }
.tracklist li.featured { color: var(--note); }

.extra-link {
  text-align: center;
  margin: 0 0 1.6em;
}

hr {
  border: none;
  border-top: 1px solid var(--fg);
  margin: 2em auto;
  max-width: 700px;
}

.credits {
  max-width: 680px;
  margin: 0 auto 2em;
}

.credits p { margin: 0 0 1em; }
.credits .mt { color: var(--highlight); }
.credits .note { color: var(--note); }

.review {
  max-width: 680px;
  margin: 0 auto 2em;
}

.back-link {
  text-align: center;
  margin-top: 2.5em;
  font-size: 1.05em;
}

/* 一覧テーブル(album covers トップ) */
table.album-table {
  border-collapse: collapse;
  margin: 1.5em auto;
  width: 100%;
  max-width: 700px;
}

table.album-table td {
  border: 1px solid var(--fg);
  padding: 0.55em 0.9em;
}

table.album-table td.label { white-space: nowrap; }
table.album-table td.work { text-align: center; }
table.album-table td.work a { font-size: 1.15em; font-weight: bold; font-style: italic; }

table.album-table td.section-header {
  background: var(--white);
  color: var(--highlight);
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
}

.page-note {
  text-align: center;
  font-size: 0.9em;
  margin-bottom: 1.5em;
  color: var(--fg);
}

@media (max-width: 600px) {
  body { padding: 16px 10px 40px; font-size: 15.5px; }
  .title { font-size: 1.5em; }
  table.album-table td { padding: 0.5em 0.6em; font-size: 0.92em; }
}