/* 本人のスマートフォン（共有端末の kiosk.css の上に重ねる）。片手で押せるよう、ボタンは画面幅いっぱい。 */
body.phone .k-main { max-width: 560px; }
body.phone .k-btn { min-height: 128px; }
.p-site { display: grid; gap: var(--space-2); }
.p-site .label { font-size: var(--text-sm); color: var(--muted); }
.p-site .name { font-size: var(--text-lg); font-weight: 700; }
.p-site select { min-height: 48px; font-size: var(--text-base); }
.p-today h2 { font-size: var(--text-base); margin-bottom: var(--space-2); }
.p-today ul { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--space-1); }
.p-today li { display: flex; justify-content: space-between; gap: var(--space-3); font-variant-numeric: tabular-nums; }
.p-foot { flex-wrap: wrap; align-items: center; }
.p-lang select { min-height: 36px; font-size: var(--text-sm); }
.linkish { background: none; border: 0; color: var(--muted); text-decoration: underline; font: inherit; cursor: pointer; padding: 0; }
.p-code { font-size: var(--text-xl); letter-spacing: .08em; text-transform: uppercase; text-align: center; min-height: 56px; font-variant-numeric: tabular-nums; }
@media (max-width: 640px) { body.phone .k-btn { min-height: 112px; } }
