/* com.css — 全ページ共通スタイル（純手書き・フレームワーク不使用） */
:root{
	--bg:#f7f7f5;
	--surface:#ffffff;
	--border:#e2e2df;
	--text:#222222;
	--muted:#888888;
	--accent:#2563eb;
}
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; height:100%; }
body{
	font-family:-apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;
	background:var(--bg);
	color:var(--text);
	line-height:1.7;
}
.site_header{
	padding:16px 24px;
	background:var(--surface);
	border-bottom:1px solid var(--border);
}
.site_header .logo{
	font-weight:bold;
	text-decoration:none;
	color:var(--text);
}
.content{
	max-width:720px;
	margin:0 auto;
	padding:48px 24px;
}
h1{ font-size:1.6em; margin-bottom:0.4em; }
h2{ font-size:1.2em; margin-top:2em; }
.app_list{
	list-style:none;
	padding:0;
}
.app_list li{
	padding:12px 16px;
	background:var(--surface);
	border:1px solid var(--border);
	border-radius:8px;
	margin-bottom:8px;
}
.app_list li.placeholder{
	color:var(--muted);
	text-align:center;
}
.site_footer{
	max-width:720px;
	margin:0 auto;
	padding:24px;
	color:var(--muted);
	font-size:0.85em;
	text-align:center;
}