/* プロトタイプ用の補助CSS：WordPress 6.0 がページごとに生成していたレイアウト用スタイル（.wp-container-N）の汎用版 */
.proto-group > * { max-width: var(--proto-w, 1000px); margin-left: auto !important; margin-right: auto !important; }
.proto-group > .alignwide { max-width: var(--proto-w, 1000px); }
.proto-group > .alignfull { max-width: none; }
.proto-columns { display: flex; gap: 2em; flex-wrap: nowrap; align-items: normal; }
.proto-columns.are-vertically-aligned-center { align-items: center; }
.proto-columns > .wp-block-column { flex-grow: 1; min-width: 0; }
@media (max-width: 781px) {
  .proto-columns { flex-wrap: wrap; }
  .proto-columns > .wp-block-column { flex-basis: 100% !important; }
}
.proto-col-95 > * { max-width: 95%; margin-left: auto !important; margin-right: auto !important; }
.proto-note { font-size: 0.85em; }
.proto-unknown { border: 2px dashed #c00; padding: 1em; color: #c00; max-width: 1000px; margin: 1em auto; }

/* 一覧ページ（お知らせ・マニュアル）用の簡易スタイル */
.proto-list { max-width: 1000px; margin: 0 auto; padding: 0 1rem 3rem; }
.proto-list h1 { font-size: 1.6rem; margin: 2rem 0 1.5rem; }
.proto-list ul { list-style: none; padding: 0; margin: 0; }
.proto-list li { border-bottom: 1px solid #e5e5e5; padding: 14px 0; display: flex; gap: 1.2em; align-items: baseline; flex-wrap: wrap; }
.proto-list time { color: #666; font-size: 0.9em; white-space: nowrap; }
.proto-list .cat { font-size: 0.75em; background: #d50c3f; color: #fff; padding: 1px 8px; border-radius: 3px; white-space: nowrap; }
.proto-list a { color: inherit; text-decoration: none; }
.proto-list a:hover { text-decoration: underline; }