/* 開発用の基本レイアウト。ブランドデザイン確定時に調整する。 */
* { box-sizing: border-box; }
body { margin: 0; }
.site-container { width: min(1120px, calc(100% - 3rem)); margin-inline: auto; }
.site-header { padding-block: 1.5rem; border-bottom: 1px solid #dbe3e0; }
.site-title { font-size: 1.5rem; font-weight: 700; text-decoration: none; }
.site-header .menu, .site-footer .menu { display: flex; flex-wrap: wrap; gap: 1rem 2rem; padding: 0; list-style: none; }
.site-header .sub-menu { padding-left: 1.25rem; }
.site-main { padding-block: 3rem; min-height: 60vh; }
.entry-header, .entry-navigation { max-width: 760px; margin: 0 auto 2rem; padding-inline: 1.5rem; }
.entry-content { padding-inline: 1.5rem; }
.entry-content > * { max-width: 760px; margin-inline: auto; }
.entry-content > .alignwide { max-width: 1120px; }
.entry-content > .alignfull { max-width: none; margin-inline: -1.5rem; }
.entry-content > .alignleft { float: left; margin-right: 1.5rem; }
.entry-content > .alignright { float: right; margin-left: 1.5rem; }
.entry-content::after { display: table; clear: both; content: ""; }
.entry-navigation { margin-top: 3rem; }
.post-summary { padding-block: 1.5rem; border-bottom: 1px solid #dbe3e0; }
.site-footer { padding-block: 2rem; background: var(--wp--preset--color--surface, #f1f5f4); }
input, button, textarea, select { font: inherit; }
:focus-visible { outline: 3px solid #165b50; outline-offset: 3px; }
.screen-reader-text { border: 0; clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; }
.skip-link:focus { clip-path: none; height: auto; width: auto; margin: 0; padding: 1rem; top: 0; left: 0; background: #fff; z-index: 100000; }
@media (max-width: 600px) {
	.site-main { padding-block: 2rem; }
	.entry-content > .alignleft, .entry-content > .alignright { float: none; margin-inline: auto; }
}
