/* host_style.css */
body { /* 基本的なフォント設定など */
    font-family: sans-serif;
    color: #24314a;
    background-color: #ecebe4;
}
.app-wrapper header {
    background-color: #ffffff;
    color: #31579a;
    padding: 0.5em 1em; /* 少しヘッダーをコンパクトに */
    text-align: center;
    border-bottom: 3px solid #31579a;
}
.app-wrapper header h1 {
    margin: 0;
    font-size: 1.0em; /* ヘッダーの文字サイズ調整 */
}
/* .gas-iframe-container の背景や枠線は必要ならここで */
.app-wrapper footer {
    text-align: center;
    padding: 0.5em 1em; /* 少しフッターをコンパクトに */
    background-color: #31579a;
    color: #fff3b8;
    font-size: 0.8em;
}