/* トップ以外のページ（Astra + Tutor）のヘッダー・フッター・色を B-study にそろえる。
   ヘッダーとフッターの中身は src/Domain/SiteChrome.php。トップ（front.css）と同じ色・書体・メニューの並び。
   トップと違い、ヘッダーは画面に固定せず、ロゴは最初から見せる（トップは大きなロゴが見えている間だけ隠す） */
:root {
  /* Astra の主な色（リンク・ボタン）をトップの黒に */
  --ast-global-color-0: #16202c;
  --ast-global-color-1: #2c3642;
}
body {
  font-family: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif;
  color: #16202c;
}

/* ---------- ヘッダー（左にロゴ、右に縦のメニュー） ---------- */
.bstudy-header { background: #fff; border-bottom: 1px solid #e3e6e9; }
.bstudy-header-inner {
  max-width: 1240px; margin: 0 auto; padding: 20px clamp(20px, 6vw, 96px);
  display: flex; justify-content: space-between; align-items: flex-start;
}
.bstudy-brand img { display: block; height: 52px; width: auto; }
.bstudy-nav { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.bstudy-nav a {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 13px; font-weight: 400;
  letter-spacing: .06em; line-height: 1.6; color: #16202c; text-decoration: none; padding: 2px 0;
}
.bstudy-nav a:hover { text-decoration: underline; text-underline-offset: 4px; }

/* ---------- フッター ---------- */
.bstudy-footer {
  display: flex; flex-direction: column; align-items: center; gap: 12px;
  margin-top: 80px; padding: 40px 20px 56px; border-top: 1px solid #e3e6e9; background: #fff;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; font-size: 12px; letter-spacing: .06em;
}
.bstudy-footer img { display: block; height: 44px; width: auto; }
.bstudy-footer a { color: #16202c; text-decoration: none; }
.bstudy-footer a small { font-family: "Zen Kaku Gothic New", sans-serif; color: #6b7178; margin-left: 10px; letter-spacing: .12em; }
.bstudy-copy { color: #6b7178; }

/* ---------- 動画のプレーヤー（Tutor の動画の欄の Plyr。既定の水色をトップの黒に） ---------- */
.plyr { --plyr-color-main: #16202c; }

/* ---------- ダッシュボードの数字のカード（Tutor 標準は Active が水色・完了が緑）。数字は黒、印は灰色にそろえる ---------- */
.tutor-stat-card .tutor-stat-card-value { color: #16202c; }
.tutor-stat-card svg { color: #6b7178; }

/* ---------- ボタン（Tutor の色は SiteChrome::tutorOptions で黒にしている。角だけトップにそろえる） ---------- */
.tutor-btn-primary,
.tutor-forgot-password-form .tutor-btn,
.tutor-login-form-wrapper .tutor-btn { border-radius: 0; }
.tutor-forgot-password-form input.tutor-form-control:focus { border-color: #16202c; box-shadow: 0 0 0 1px #16202c; }