/* S15 はじめての設定（担当G）。値は tokens.css の変数だけを使う（直書きしない）。
   行と面は settings.css の .set-*、手順の本文は kit.css の .md と docs.css の .docs-md、いちばん下の強いボタンは docs.css の .docs-foot。 */

:root[data-measure="read"] .welcome-body { padding-left: max(var(--gutter), calc((100% - var(--measure)) / 2)); padding-right: max(var(--gutter), calc((100% - var(--measure)) / 2)); }
.welcome-body { padding-bottom: var(--sp-7); }
.welcome-icon { display: block; width: 64px; height: 64px; margin: 0 0 var(--sp-4); border-radius: var(--r-alert); }
.welcome-form { display: flex; flex-direction: column; }
.welcome-form .field-label { color: var(--text); font-size: var(--fs-body); }
.welcome-terms .field-error { padding: var(--sp-2) var(--cell-x) 0; }
.welcome-progress { display: flex; align-items: center; gap: var(--sp-2); margin: 0 0 var(--sp-5); color: var(--text-2); font-size: var(--fs-small); line-height: var(--lh-small); }
.welcome-progress[hidden] { display: none; }
.welcome-message { display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-3); margin: 0 0 var(--sp-5); padding: var(--sp-3) var(--cell-x); border-radius: var(--r-m); background: var(--surface); box-shadow: inset 0 0 0 1px var(--danger); }
.welcome-message[hidden] { display: none; }
.welcome-message p { margin: 0; line-height: var(--lh-small); }
/* 同意する前の「ログイン」: 押せるが（押すと規約へ導く）、見た目は使えない状態（16-4.8） */
.screen-welcome .btn-strong[aria-disabled="true"] { opacity: 0.45; }
.welcome-step { margin: 0 0 var(--sp-6); }
.welcome-link { margin: 0 0 var(--sp-3); text-decoration: none; white-space: normal; text-align: center; }