/* サポスタのトンマナ（ピンク #EA6194 / 文字・ボタン #C2366B / 黄 #FED400）。スマホ優先 */
:root{--brand:#EA6194;--accent:#C2366B;--star:#FED400;--bg:#FFF6F9;--ink:#3A2A30;--muted:#76646C;--line:#F0DCE4}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Hiragino Maru Gothic ProN","Hiragino Sans","Yu Gothic",system-ui,sans-serif;line-height:1.7}
header.top{background:#fff;border-bottom:4px solid var(--brand);padding:12px 16px;color:var(--accent);font-size:1.05rem}
.wrap{max-width:760px;margin:0 auto;padding:16px;display:grid;gap:16px}
.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 16px rgb(58 42 48 / .06)}
h1{font-size:1.25rem;margin:0 0 8px}
input,select,textarea{font:inherit;font-size:16px;border:2px solid #E4C3D0;border-radius:10px;padding:8px 10px;min-height:44px;width:100%}
button{font:inherit;font-weight:700;border:0;border-radius:999px;background:var(--accent);color:#fff;padding:10px 24px;min-height:44px;cursor:pointer}
.muted{color:var(--muted);font-size:.85rem}
table{width:100%;border-collapse:collapse}
th,td{padding:8px;border-bottom:1px solid var(--line);text-align:left}
header.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px}
.nav{display:flex;align-items:center;gap:12px}
form.inline{display:inline}
button.link{background:none;color:var(--accent);padding:0;min-height:auto;font-weight:400;text-decoration:underline}
button.sub{background:#fff;color:var(--accent);border:2px solid var(--accent)}
h2{font-size:1.05rem;margin:0 0 8px;color:var(--accent)}
.form{display:grid;gap:12px}
.form label{display:grid;gap:4px;font-weight:700;font-size:.92rem}
.form label .muted{font-weight:400}
fieldset{border:2px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:12px}
legend{font-weight:700;padding:0 6px}
.narrow{max-width:440px;width:100%;margin:0 auto}
.flash{margin:0;padding:10px 14px;border-radius:10px;background:#EAF7EF;color:#1F6B3A;word-break:break-all}
.flash-err{background:#FDECEF;color:#A0213F}
.flash-key{background:#FFF8D6;color:var(--ink);border:2px solid var(--star)}
.url{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;word-break:break-all;background:var(--bg);border-radius:8px;padding:8px 10px;user-select:all}
.ok{color:#1F6B3A;font-weight:700}
.ng{color:#A0213F;font-weight:700}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.scroll{overflow-x:auto}
td.detail{font-size:.8rem;color:var(--muted);word-break:break-all}
ol.steps{margin:0;padding-left:1.4em}
code{background:var(--bg);border-radius:4px;padding:0 4px;font-size:.9em;word-break:break-all}
.form label.check{display:flex;align-items:center;gap:8px;font-weight:700}
.form label.check input{width:22px;height:22px;min-height:auto}