/* 全体共通の基本設定。パーツ固有の装飾は各style.cssへ。 */
:root{--color-primary:#0877e8;--color-light:#edf7ff;--color-text:#163550;--content-width:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--color-text);font-family:Arial,"Yu Gothic",Meiryo,sans-serif;line-height:1.8}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}a{color:var(--color-primary)}.container{width:min(var(--content-width),calc(100% - 40px));margin-inline:auto}
/* 制作中の空パーツ用の表示。HTMLを入力すると自動で消えます。 */
.build-placeholder{margin:20px auto;padding:24px;border:1px dashed #9bbddd;border-radius:8px;background:var(--color-light);width:min(var(--content-width),calc(100% - 40px))}.build-placeholder h2{font-size:20px;margin:0 0 8px}.build-placeholder p{margin:0;font-size:14px;overflow-wrap:anywhere}.build-placeholder code{background:#fff;padding:2px 6px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}