:root{--bg:#ffffff;--surface:#f1f5f3;--text:#0b1110;--text-muted:#434e4a;--primary:#0e6f50;--primary-on:#ffffff;--accent:#b55a09;--danger:#b00020;--border:#cbd3cf;--radius:14px;--space:16px;--maxw:60rem}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--bg);color:var(--text);font:18px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Hiragino Sans,Noto Sans JP,sans-serif}a{color:var(--primary)}h1{font-size:2rem;line-height:1.25}.container{max-width:var(--maxw);margin:0 auto;padding:var(--space)}.muted{color:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space)}.button{display:inline-block;min-height:52px;line-height:28px;padding:12px 20px;border-radius:999px;font-weight:700;background:var(--primary);color:var(--primary-on);text-decoration:none;border:2px solid transparent}.button--ghost{background:transparent;color:var(--primary);border-color:var(--primary)}.button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;left:-999px;top:0;background:var(--primary);color:var(--primary-on);padding:12px 16px;border-radius:0 0 var(--radius) 0;z-index:10}.skip-link:focus{left:0}.grid{display:grid;grid-gap:var(--space);gap:var(--space);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}