/* LP型テンプレ：最小スタイル（案件ごとに上書き可） */
* { box-sizing: border-box; }
body { margin: 0; padding: 1em; font-family: sans-serif; line-height: 1.6; }
header { border-bottom: 1px solid #ccc; padding-bottom: 0.5em; margin-bottom: 1em; }
nav a { margin-right: 1em; }
main { max-width: 800px; margin: 0 auto; }
footer { margin-top: 2em; padding-top: 0.5em; border-top: 1px solid #ccc; font-size: 0.9em; }
.updates-section .posts-container { margin: 1em 0; }
.updates-section .post-item { margin: 0.5em 0; padding: 0.5em; border: 1px solid #eee; }
.updates-section .load-more { margin-top: 0.5em; padding: 0.5em 1em; cursor: pointer; }

article .article-subtitle { margin: 0.35em 0 0.75em; font-size: 1.05em; color: #475569; font-weight: 500; line-height: 1.5; }
article .post-tags { margin: 0.75em 0; display: flex; flex-wrap: wrap; gap: 0.35em; }
article .post-tag {
    display: inline-block;
    padding: 0.2em 0.55em;
    font-size: 0.8em;
    color: #334155;
    background: #f1f5f9;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}
.updates-section .post-item .post-subtitle { display: block; margin: 0.25em 0 0; font-size: 0.9em; color: #64748b; line-height: 1.4; }
.updates-section .post-item .post-tags { margin: 0.35em 0 0; display: flex; flex-wrap: wrap; gap: 0.25em; }
.updates-section .post-item .post-tag { font-size: 0.75em; padding: 0.15em 0.45em; }

/* 開発用: 外部 CSS が当たっているか確認（納品前に削除可） */
.dev-asset-check {
    margin-top: 1.5rem;
    padding: 1rem 1.25rem;
    border-radius: 12px;
    border: 2px solid #2d6a4f;
    background: linear-gradient(135deg, #d8f3dc 0%, #b7e4c7 100%);
    box-shadow: 0 4px 14px rgba(45, 106, 79, 0.15);
}
.dev-asset-check.is-active {
    border-color: #1b4332;
    background: linear-gradient(135deg, #95d5b2 0%, #74c69d 100%);
}
.dev-asset-check__title { margin: 0 0 0.5rem; font-size: 1.1rem; color: #1b4332; }
.dev-asset-check__lead { margin: 0 0 0.75rem; font-size: 0.95rem; color: #1b4332; }
.dev-asset-check__lead code { font-size: 0.85em; padding: 0.1em 0.35em; background: rgba(255,255,255,0.7); border-radius: 4px; }
.dev-asset-check__status { margin: 0 0 0.75rem; font-weight: 600; color: #40916c; }
.dev-asset-check__btn {
    padding: 0.5rem 1rem;
    font-size: 0.95rem;
    cursor: pointer;
    border: 1px solid #2d6a4f;
    border-radius: 8px;
    background: #fff;
    color: #1b4332;
}
.dev-asset-check__btn:hover { background: #f1faee; }
