/* 共通スタイル。色は CSS 変数で管理。 */
:root{
	--bg:#f5f6f8;
	--fg:#1c2330;
	--muted:#6b7280;
	--card:#ffffff;
	--line:#e3e6eb;
	--accent:#2f6df6;
	--accent-d:#1f55cf;
	--ok:#1f9d57;
	--err:#d23f3f;
	--radius:12px;
}
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
	background:var(--bg);
	color:var(--fg);
	font-family:system-ui,-apple-system,"Hiragino Sans","Noto Sans CJK JP","Microsoft JhengHei",sans-serif;
	font-size:15px;
	line-height:1.5;
}
.bar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:12px 18px;
	background:var(--card);
	border-bottom:1px solid var(--line);
}
.brand{ font-weight:700; font-size:17px; }
#langsel{
	border:1px solid var(--line);
	border-radius:8px;
	padding:5px 8px;
	background:var(--card);
	color:var(--fg);
	font-size:14px;
}
main{ max-width:860px; margin:0 auto; padding:20px 16px 60px; }
button{
	cursor:pointer;
	border:0;
	border-radius:8px;
	background:var(--accent);
	color:#fff;
	padding:6px 14px;
	font-size:14px;
}
button:hover{ background:var(--accent-d); }
button:disabled{ opacity:.6; cursor:default; }
table{ width:100%; border-collapse:collapse; background:var(--card); }
td{ padding:9px 12px; border-bottom:1px solid var(--line); text-align:left; vertical-align:middle; }
thead td{ color:var(--muted); font-size:13px; font-weight:600; background:#fafbfc; }