/**
 * NEO Theme - ベーススタイル
 */

/* コンテナ */
.neo-container { width: 100%; max-width: var(--neo-container-max); margin: 0 auto; padding: 0 var(--neo-container-padding); }
.neo-container--narrow { max-width: var(--neo-container-narrow); }

/* セクション */
.neo-section { padding: var(--neo-space-3xl) 0; }
.neo-section--alt { background-color: var(--neo-color-bg-alt); }
.neo-section__header { text-align: center; margin-bottom: var(--neo-space-2xl); }
.neo-section__title { font-size: var(--neo-font-size-2xl); font-weight: var(--neo-font-weight-bold); margin-bottom: var(--neo-space-sm); }
.neo-section__subtitle { font-size: var(--neo-font-size-base); color: var(--neo-color-text-secondary); }
.neo-section__more { text-align: center; margin-top: var(--neo-space-xl); }

/* サイト構造 */
.neo-site { display: flex; flex-direction: column; min-height: 100vh; }
.neo-main { flex: 1; padding: var(--neo-space-2xl) 0; }

/* スキップリンク */
.neo-skip-link { position: absolute; top: -100px; left: 0; z-index: var(--neo-z-max); padding: var(--neo-space-sm) var(--neo-space-md); background: var(--neo-color-primary); color: var(--neo-color-text-inverse); }
.neo-skip-link:focus { top: 0; }

/* リスト */
.neo-list { display: flex; flex-direction: column; gap: var(--neo-space-md); }
.neo-list--grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: var(--neo-space-lg); }

/* エントリーヘッダー */
.neo-entry-header { margin-bottom: var(--neo-space-xl); }
.neo-entry-header__title { font-size: var(--neo-font-size-2xl); font-weight: var(--neo-font-weight-bold); }

/* アーカイブヘッダー */
.neo-archive-header { margin-bottom: var(--neo-space-xl); padding-bottom: var(--neo-space-lg); border-bottom: 1px solid var(--neo-color-border-light); }
.neo-archive-header__title { font-size: var(--neo-font-size-2xl); margin-bottom: var(--neo-space-sm); }
.neo-archive-header__description { color: var(--neo-color-text-secondary); margin-bottom: var(--neo-space-sm); }
.neo-archive-header__count { font-size: var(--neo-font-size-sm); color: var(--neo-color-text-muted); }
.neo-archive-header__filters { display: flex; flex-wrap: wrap; gap: var(--neo-space-sm); margin-top: var(--neo-space-md); }

/* 単一記事 */
.neo-single { max-width: var(--neo-container-narrow); margin: 0 auto; }
.neo-single__thumbnail { margin-bottom: var(--neo-space-xl); border-radius: var(--neo-radius-lg); overflow: hidden; }
.neo-single__image { width: 100%; height: auto; }

/* 404ページ */
.neo-404 { text-align: center; padding: var(--neo-space-4xl) 0; }
.neo-404__number { font-size: 8rem; font-weight: 900; color: var(--neo-color-border); line-height: 1; margin-bottom: var(--neo-space-md); }
.neo-404__title { font-size: var(--neo-font-size-2xl); margin-bottom: var(--neo-space-md); }
.neo-404__text { color: var(--neo-color-text-secondary); max-width: 480px; margin: 0 auto var(--neo-space-xl); }
.neo-404__actions { margin-bottom: var(--neo-space-xl); }
.neo-404__search { max-width: 400px; margin: 0 auto; }

/* ユーティリティテキスト */
.neo-text-success { color: var(--neo-color-success); }

/* レスポンシブ */
@media (max-width: 768px) {
    :root { --neo-container-padding: 1rem; }
    .neo-section { padding: var(--neo-space-2xl) 0; }
    .neo-section__title { font-size: var(--neo-font-size-xl); }
    .neo-entry-header__title, .neo-archive-header__title { font-size: var(--neo-font-size-xl); }
    .neo-404__number { font-size: 5rem; }
}