/*
Theme Name: Simple Article
*/

/* style.css */
body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

main {
    max-width: 800px;
    margin: 2rem auto;
    padding: 1rem;
}

h1 {
    font-size: 2rem;
    margin-bottom: 1rem;
}
h2 {
    color:#333;
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
}

h4 {
    color:#333;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}
.content {
    margin-bottom: 2rem;
}
.post-meta {
  margin-left: 1.5em;
  font-size: 0.9em;
  color: #555;
}

.post-list {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.category-title {
    font-size: 1.2rem;
    margin: 2rem 0 1rem;
    color: #333;
}

.category li {
    list-style: none;
    margin-bottom: 0.5rem;
}
/* デフォルト */
.post .icon::before {
  content: "📖";
}

/* カテゴリごと */
.category-news .icon::before {
  content: "📰";
}

.category-test .icon::before {
  content: "🧪";
}

.category-book .icon::before {
  content: "📚";
}
/*headder*/
.site-header {
    background-color: #ffffff;
    max-width: 800px;      /* main と同じ幅 */
    margin: 0 auto;        /* 左右自動で中央寄せ */
    padding: 1rem;         /* 内側余白を main と揃える */
    box-sizing: border-box; /* padding を幅に含める場合 */
    text-align: left;
    border-bottom: 1px solid #ddd;
}
.site-title {
    margin-left:5%;
}
.site-title::first-letter {
  color: green;
}
.site-title a {
    color: inherit;      /* 親の文字色を使う */
    text-decoration: none; /* 下線を消したい場合 */
}

/*Single*/
.single-article .post-meta {
    font-size: 0.9em;
    color: #555;
    margin-bottom: 1rem;
}

.single-article .post-meta span {
    margin-right: 0.5em;
}

.single-article .post-meta a {
    color: #555;
    text-decoration: underline;
}

.single-article blockquote {
    background-color: #f5f5f5; /* 薄いグレー背景 */
    border-left: 4px solid #ccc; /* 左線 */
    padding: 1rem;
    margin: 1rem 0;
    font-style: italic;
    color: #555;
}
.single-article pre {
    background-color: #272822;
    color: #f8f8f2;
    padding: 1rem;
    overflow-x: auto;
    font-family: Consolas, "Courier New", monospace;
    border-radius: 4px;
}
.single-article cite {
    display: block;
    font-family: "Georgia", serif;
    font-size: 0.85em;
    color: #666;
    margin-top: 0.5rem;
    text-align: right;
}

/*footer*/
.site-footer {
    background-color: #f5f5f5; /* 任意 */
    border-top: 1px solid #ddd;
    padding: 1rem 0;
}

.site-footer .footer-inner {
    max-width: 800px;      /* main と同じ幅 */
    margin: 0 auto;        /* 中央揃え */
    box-sizing: border-box;
    text-align: right;     /* 内部テキストを右寄せ */
}

.bookmark-heading {
  position: relative;
  padding-left: 1.5em; /* アイコン分の余白 */
  font-weight: bold;
}

.bookmark-heading::before {
  content: "🔖"; /* ブックマーク絵文字を代用 */
  position: absolute;
  left: 0;
  top: 0;
}