/* トップ・規約などのページ共通 */
body{padding:24px 16px}
main{width:100%;max-width:760px}h1{margin:0;font-size:48px;line-height:1;font-weight:700;letter-spacing:-.04em}h1 a{color:inherit;text-decoration:none}h1 span{color:var(--accent)}
h2{font-size:20px;margin:26px 0 8px}p,li{line-height:1.8;font-size:15px}.lead{margin:10px 0 18px;color:var(--sub)}a{color:var(--accent)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;background:var(--board);border-radius:14px;padding:12px;margin:0;list-style:none}
.card{display:flex;flex-direction:column;gap:10px;height:100%;padding:12px;border-radius:10px;background:var(--panel);color:var(--fg);text-decoration:none;transition:transform .11s ease-out}.card:hover{transform:translateY(-3px)}
.card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ico{aspect-ratio:1;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:30px;color:#fff;background:hsl(var(--h),68%,56%)}
.card b{font-size:16px}.card small{color:var(--sub);font-size:12px;line-height:1.4}
.foot{margin-top:28px;font-size:13px;color:var(--sub);display:flex;flex-wrap:wrap;gap:6px 16px}.foot a{font-weight:700;text-decoration:none}
@media (prefers-reduced-motion:reduce){.card{transition:none}}