/* ============================================================
   solution.davie.jp ルートの「準備中」告知ページ専用のスタイル

   このファイルは template-solution-soon.php を使うページでだけ
   読み込まれます（functions.php で制御）。ほかのページには影響しません。

   色は 紺 #06004C ／ 赤 #E50120 ／ 白 の3系統だけです。
   白地にしているのは、DAVIEロゴが紺色のためです。
   紺地に置くとロゴが背景に沈んで読めません（LPのヘッダーも白地です）。
   ============================================================ */
:root{
  --navy:#06004C;
  --red:#E50120;
  --muted:#4A4A63;
  --line:#D8D8E2;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;}
body{
  font-family:"Meiryo","メイリオ",system-ui,sans-serif;
  background:#fff;
  color:var(--navy);
  line-height:1.8;
}
.soon{
  /* ログイン中は管理バー（32px）ぶん縦スクロールが出るため差し引く */
  min-height:calc(100vh - var(--wp-admin--admin-bar--height, 0px));
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:48px 24px 32px;
  text-align:center;
}
.soon-inner{
  max-width:640px;
  width:100%;
  border-top:4px solid var(--red);
  padding-top:44px;
}
.soon-logo{
  width:min(240px,68vw);
  height:auto;
  display:block;
  margin:0 auto 36px;
}
.soon-lead{
  font-size:1.35rem;
  font-weight:bold;
  margin:0 0 20px;
  letter-spacing:.02em;
}
.soon-sub{
  color:var(--muted);
  margin:0 0 12px;
  font-size:1rem;
}
.soon-link{
  color:var(--navy);
  font-weight:bold;
  text-decoration:none;
  border-bottom:2px solid var(--red);
  padding-bottom:2px;
}
.soon-link:hover{border-bottom-color:var(--navy);}
.soon-link:focus-visible{outline:3px solid var(--red);outline-offset:3px;}
.soon-foot{
  margin-top:64px;
  padding-top:20px;
  border-top:1px solid var(--line);
  width:min(640px,100%);
  color:var(--muted);
  font-size:.85rem;
}
.soon-foot p{margin:0;}
@media(max-width:600px){
  .soon-lead{font-size:1.15rem;}
  .soon-inner{padding-top:32px;}
  .soon-foot{margin-top:48px;}
}