/* MT4/5 Lock System Lite ─ trial.html 用の差分（assets/css/style.css の上に重ねる）
   ★MT5 ⇄ MT4 切替の規則は style-mls45.css の冒頭と同じ。片方を直したらもう片方も直すこと。
   （style-mls45.css を丸ごと読むと、ヒーロー等の上書きまで trial に掛かるので分けてある） */

html.js body[data-ver="mt5"] [data-v="mt4"],
html.js body[data-ver="mt4"] [data-v="mt5"] { display: none !important; }

html:not(.js) [data-v]:not(span):not(b):not(tr):not(img)::before {
  content: attr(data-vlabel);
  display: block;
  margin: 0 0 10px;
  font-size: .72rem;
  letter-spacing: .14em;
  color: var(--gold);
}
html:not(.js) .ver-switch { display: none; }

.ver-switch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(7, 7, 10, .72);
  font-family: var(--sans);
}
.ver-switch button {
  appearance: none;
  border: 0;
  cursor: pointer;
  padding: 6px 14px;
  border-radius: 999px;
  background: transparent;
  color: var(--text-dim);
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1;
  transition: background .25s, color .25s;
}
.ver-switch button[aria-pressed="true"] {
  background: linear-gradient(135deg, var(--gold-hi), var(--gold));
  color: #0a0a0d;
}
.ver-switch button:focus-visible { outline: 2px solid var(--gold-hi); outline-offset: 2px; }

.site-header .ver-switch { margin-left: auto; margin-right: 12px; }
.ver-row { display: flex; justify-content: center; align-items: center; gap: 12px; flex-wrap: wrap; margin: 26px 0 0; }
.ver-row__label { font-size: .78rem; color: var(--text-dim); letter-spacing: .06em; }

/* ZIPには両版が入っている旨の小さな帯 */
.lite-both {
  margin: 18px auto 0;
  max-width: 34em;
  padding: 10px 16px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(212, 175, 55, .06);
  font-size: .86rem;
  line-height: 1.8;
  text-align: center;
  color: var(--text);
}

@media (max-width: 560px) {
  .site-header .brand span { display: none; }
  .site-header .ver-switch { margin-right: 8px; }
  .ver-switch button { padding: 6px 10px; font-size: .72rem; }
  .header-cta { padding: 9px 12px; font-size: .72rem; letter-spacing: .04em; }
}

/* Liteロゴ背後の光（.lite-mark::before・最大130vw）がスマホで画面の外へはみ出し、
   ページ全体の幅が431pxに広がって、ヘッダー右端の切替ボタンが切れていた（公開中の trial.html でも同じ現象）。
   光の大きさは変えずに、はみ出した分だけ切る。 */
main.section { overflow-x: clip; }

/* ---- ダウンロード前の心理的障壁を下げる（2026-09-30 本人決定） ----
   ①フォームの上に「中身・求めない情報・やめ方・作り手」を先に置く（.dl-trust）
   ②Windowsの確認画面の説明は、登録後に開く .dl-gate の中（DLボタンの真上）へ移し、手順は折りたたむ。
     ＝登録前の画面に警告の話を出さない。「DLボタンの直前」という配置ルールは守っている。 */
.dl-trust {
  max-width: 560px;
  margin: 26px auto 30px;
  padding: 20px clamp(18px, 3vw, 26px);
  border: 1px solid var(--line);
  background: rgba(200, 162, 74, .05);
  text-align: left;
}
.dl-trust__head {
  font-size: .9rem; font-weight: 500; color: var(--gold-hi);
  line-height: 1.75; margin: 0 0 12px;
}
.dl-trust dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 10px 16px; }
.dl-trust dt { font-size: .8rem; color: var(--gold); white-space: nowrap; line-height: 1.9; }
.dl-trust dd { margin: 0; font-size: .86rem; color: var(--text); line-height: 1.9; }

.dl-gate { max-width: none; }
.dl-gate__main { max-width: 520px; margin: 0 auto; }
.dl-gate .smartscreen { margin: 0 0 22px; }
.dl-gate .smartscreen__intro { margin-bottom: 14px; }
.ss-more > summary {
  cursor: pointer;
  font-size: .84rem; color: var(--gold);
  line-height: 1.8;
  padding: 6px 0;
  list-style: none;
}
.ss-more > summary::-webkit-details-marker { display: none; }
.ss-more > summary::before { content: "▶"; display: inline-block; margin-right: 8px; font-size: .7em; transition: transform .2s; }
.ss-more[open] > summary::before { transform: rotate(90deg); }
.ss-more[open] > summary { margin-bottom: 16px; }

@media (max-width: 560px) {
  .dl-trust dl { grid-template-columns: 1fr; gap: 2px; }
  .dl-trust dd { margin-bottom: 10px; }
}