/*
 * アプリ固有のスタイル
 *
 * Content-Security-Policy（style-src 'self'）ではインラインの style 属性が適用されないため、
 * テンプレートにあった style 属性をクラスとしてここに定義する。
 * style.css はデザインモック由来のため直接編集しない。
 */

/* Google Tag Manager（noscript） */
.gtm-noscript {
  display: none;
  visibility: hidden;
}

/* エラーメッセージ（初期表示は非表示。survey.js が style.display で切り替える） */
.alert-error--hidden {
  display: none;
}

.alert-error--boxed {
  display: none;
  margin: 20px 0;
  padding: 15px;
  background-color: #f8d7da;
  color: #721c24;
  border-radius: 5px;
  border: 1px solid #f5c6cb;
}

/* セッション切れ時の再読み込みボタン */
.btn-reload {
  margin-top: 10px;
  padding: 8px 16px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* 進捗バー（page-progress__bar の --value） */
.page-progress__bar--20 { --value: 20%; }
.page-progress__bar--40 { --value: 40%; }
.page-progress__bar--54 { --value: 54%; }
.page-progress__bar--60 { --value: 60%; }
.page-progress__bar--63 { --value: 63%; }
.page-progress__bar--73 { --value: 73%; }
.page-progress__bar--80 { --value: 80%; }
.page-progress__bar--82 { --value: 82%; }
.page-progress__bar--91 { --value: 91%; }
.page-progress__bar--100 { --value: 100%; }

/* 詳細スコアのバー（scoreitem__barFill の --val。0〜25点） */
.scoreitem__barFill--0 { --val: 0; }
.scoreitem__barFill--1 { --val: 1; }
.scoreitem__barFill--2 { --val: 2; }
.scoreitem__barFill--3 { --val: 3; }
.scoreitem__barFill--4 { --val: 4; }
.scoreitem__barFill--5 { --val: 5; }
.scoreitem__barFill--6 { --val: 6; }
.scoreitem__barFill--7 { --val: 7; }
.scoreitem__barFill--8 { --val: 8; }
.scoreitem__barFill--9 { --val: 9; }
.scoreitem__barFill--10 { --val: 10; }
.scoreitem__barFill--11 { --val: 11; }
.scoreitem__barFill--12 { --val: 12; }
.scoreitem__barFill--13 { --val: 13; }
.scoreitem__barFill--14 { --val: 14; }
.scoreitem__barFill--15 { --val: 15; }
.scoreitem__barFill--16 { --val: 16; }
.scoreitem__barFill--17 { --val: 17; }
.scoreitem__barFill--18 { --val: 18; }
.scoreitem__barFill--19 { --val: 19; }
.scoreitem__barFill--20 { --val: 20; }
.scoreitem__barFill--21 { --val: 21; }
.scoreitem__barFill--22 { --val: 22; }
.scoreitem__barFill--23 { --val: 23; }
.scoreitem__barFill--24 { --val: 24; }
.scoreitem__barFill--25 { --val: 25; }

/* 省エネ診断ツールの運営者注記 */
.counterplan__operator {
  font-size: 0.6em;
}

/* エラーページ（404 / 500） */
.error-page__title {
  text-align: center;
}

.error-page__body {
  text-align: center;
  padding: 40px 20px;
}

.error-page__code {
  font-size: 72px;
  font-weight: bold;
  color: #dee2e6;
  margin-bottom: 30px;
}

.error-page__text {
  margin-bottom: 30px;
  line-height: 1.8;
  color: #6c757d;
}