/*
Theme Name: シナのモノがたり
Description: 静的なコーポレートサイトと同じデザインで表示するブログ用テーマ。共通の CSS・JS はサイトの /assets/ から読み込み、ヘッダー・フッターは build.py が書き出した parts/ を使う。
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: shinano
*/

/* ブロックエディタで書いた本文を、サイトの .prose に合わせるための追加分だけをここに書く */
.prose > :first-child { margin-top: 0; }
.prose figure { margin-inline: 0; }
.prose .wp-block-image img,
.prose .wp-block-gallery img { margin-block: 0; }
.prose figcaption,
.prose .wp-element-caption { margin-top: 8px; font-size: 13px; color: var(--muted); text-align: center; }
.prose .aligncenter { margin-inline: auto; text-align: center; }
.prose .alignleft { float: left; margin: .4em 1.6em 1em 0; max-width: 50%; }
.prose .alignright { float: right; margin: .4em 0 1em 1.6em; max-width: 50%; }
.prose::after { content: ""; display: table; clear: both; }
.prose blockquote,
.prose .wp-block-quote { margin-inline: 0; padding: 4px 0 4px 20px; border-left: 3px solid var(--rose); color: var(--muted); }
.prose .wp-block-quote cite { display: block; margin-top: 8px; font-size: 13px; font-style: normal; }
.prose hr,
.prose .wp-block-separator { border: 0; border-top: 1px solid var(--line); margin-block: 2.4em; }
.prose .wp-block-embed iframe,
.prose video { width: 100%; max-width: 100%; }
.prose .wp-block-embed.is-type-video .wp-block-embed__wrapper { aspect-ratio: 16 / 9; }
.prose .wp-block-embed.is-type-video iframe { height: 100%; }
.prose .wp-block-buttons { display: flex; flex-wrap: wrap; gap: 12px; }
.prose .wp-block-button__link { display: inline-block; padding: 12px 28px; border-radius: 999px; background: var(--green); color: #fff; text-decoration: none; }
.prose .wp-block-table { overflow-x: auto; }
@media (max-width: 520px) {
  .prose .alignleft, .prose .alignright { float: none; margin: 1.4em 0; max-width: 100%; }
}

.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.not-found .more { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.article__meta a { color: var(--green-deep); }
/* WordPress 6.6 以降のリストブロックは class 付きの ul/ol を出すため、サイト側のリセットを打ち消す */
.prose ul.wp-block-list { list-style: disc; padding-left: 1.4em; }
.prose ol.wp-block-list { list-style: decimal; padding-left: 1.4em; }