/*
 * core.css
 *
 * サイト全体の基本レイアウトです。
 * ヘッダー、本文エリア、サイドバー、フッターなど、
 * どのページでも共通して使う骨組みをここに置きます。
 * 2026-05-18
 */

/*基本レイアウト*/

.site-main {
  background: var(--kuma-bg);
}

.content-area.with-sidebar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 2rem;
  max-width: 1120px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.entry-card {
  background: #ffffff;
  border: 1px solid var(--kuma-border);
  border-top: 6px solid var(--kuma-accent);
  border-radius: 12px;
  padding: 2rem;
}

.site-sidebar {
  background: var(--kuma-soft-bg);
  border: 1px solid var(--kuma-border);
  border-radius: 12px;
  padding: 1rem;
}

@media (max-width: 768px) {
  .content-area.with-sidebar {
    grid-template-columns: 1fr;
  }
}

/* 左余白 */
.kuma-entry {
	padding-inline: 1.5rem;
}