/* host_style.css */
body { /* 基本的なフォント設定など */
    font-family: sans-serif;
    color: #333;
}
.app-wrapper header {
    background-color: #FFF5E1;
    color:#555555;          /* ★ 濃いグレーの文字色に変更 */
    padding: 0.5em 1em; /* 少しヘッダーをコンパクトに */
    text-align: center;
}
.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: #333;
    color: #fff;
    font-size: 0.8em;
}