*{box-sizing:border-box;margin:0;padding:0}:root{--fg:#1a1a1a;--bg:#fafaf8;--muted:#6b7280;--accent:#2563eb;--card:#fff;--border:#e5e7eb}body{color:var(--fg);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.7}.page{flex-direction:column;max-width:860px;min-height:100dvh;margin:0 auto;padding:48px 20px 60px;display:flex}.hero h1{letter-spacing:.02em;font-size:28px;font-weight:800}.lead{color:var(--muted);margin-top:8px;font-size:15px}main{flex:1;margin-top:40px}.empty{color:var(--muted);text-align:center;padding:48px 0}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;list-style:none;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;transition:border-color .15s}.card:hover{border-color:var(--accent)}.card a{color:inherit;padding:20px;text-decoration:none;display:block}.card h2{font-size:16px;font-weight:700}.card p{color:var(--muted);margin-top:6px;font-size:13px}.date{color:var(--muted);margin-top:12px;font-size:12px;display:inline-block}.foot{border-top:1px solid var(--border);color:var(--muted);margin-top:48px;padding-top:16px;font-size:13px}